@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.5;font-weight:400;color:#2b1a1f;background-color:#fff4f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#fff4f7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font-family:inherit}#root{min-height:100vh}.app{min-height:100vh;background:#fff4f7}.page-shell{max-width:1200px;margin:0 auto;padding:24px 28px 80px}.topbar{display:grid;grid-template-columns:auto minmax(220px,1fr) auto auto;gap:18px;align-items:center}.logo{font-weight:700;font-size:1.1rem}.search{display:flex;align-items:center;gap:10px;background:#fbe9ef;border-radius:999px;padding:10px 16px;color:#aa6c72}.search input{border:none;background:transparent;outline:none;width:100%;font-size:.95rem;color:#4a2e33}.search-icon{font-size:.85rem}.menu{display:flex;gap:16px;font-size:.9rem;color:#4b2d33}.menu a{padding:8px 10px;border-radius:999px}.menu a.active{color:#f06a86;font-weight:600}.btn{border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer}.btn.login{background:#ff8fa8;color:#fff}.home{margin-top:36px;display:flex;flex-direction:column;gap:32px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.hero-text h1{font-size:clamp(2rem,3.4vw,3rem);margin:10px 0 12px}.eyebrow{text-transform:uppercase;font-size:.75rem;letter-spacing:.18em;color:#c26c77}.lead{max-width:520px;color:#4a2e33}.hero-actions{display:flex;gap:10px}.arrow{width:40px;height:40px;border-radius:50%;border:1px solid #f4d6df;background:#fff;cursor:pointer}.arrow.primary{background:#111;color:#fff;border-color:#111}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.category-card{background:#fff;border-radius:20px;padding:18px;box-shadow:0 10px 30px #14141e0d;display:flex;flex-direction:column;gap:10px;min-height:190px}.category-card.disabled{opacity:.65}.category-top{display:flex;align-items:center;justify-content:space-between}.category-icon{width:36px;height:36px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.category-link{color:#a06c73}.category-count{font-size:.7rem;font-weight:700;color:#f07f94}.category-card h3{margin:0}.category-card p{margin:0;color:#6b3c43}.category-card.pink .category-icon{background:#ffe7ef;color:#e36b8a}.category-card.purple .category-icon{background:#f2ecff;color:#7c64e8}.category-card.coral .category-icon{background:#ffeae3;color:#e9795a}.category-card.orange .category-icon{background:#fff2dc;color:#f0a24d}.curated{display:flex;flex-direction:column;gap:16px}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head h2{margin:0}.link{border:none;background:transparent;color:#f06a86;font-weight:600;cursor:pointer}.curated-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.category-page{margin-top:24px;display:flex;flex-direction:column;gap:24px}.category-hero{display:flex;justify-content:space-between;gap:20px;align-items:center}.category-hero h1{margin:6px 0 10px;font-size:clamp(1.8rem,3vw,2.6rem)}.category-meta{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.category-chip{padding:6px 12px;border-radius:999px;background:#fff;border:1px solid #f4d6df;font-size:.8rem;color:#aa6c72;font-weight:600}.test-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.test-card{background:#fff;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:12px;box-shadow:0 10px 24px #14141e0d;color:inherit}.test-card.disabled{opacity:.6}.test-card h3{margin:0 0 6px}.test-card p{margin:0;color:#6b3c43}.test-time{font-size:.8rem;font-weight:600;color:#f07f94}.curated-card{border-radius:20px;padding:18px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:200px}.curated-card.sun{background:radial-gradient(circle at top left,#ffeab5,#f3b97a)}.curated-card.dusk{background:radial-gradient(circle at top left,#f4c5d5,#b391d9)}.curated-card.moss{background:radial-gradient(circle at top left,#cfe1c8,#7fa48f)}.curated-card.night{background:radial-gradient(circle at top left,#d8d2e0,#7b7b93)}.badge{background:#ffffff4d;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:.7rem}.curated-info h3{margin:0 0 6px}.curated-info p{margin:0;opacity:.85}.premium{background:linear-gradient(135deg,#f4ccda,#f0b7c9);color:#2b1a1f;border-radius:20px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px}.premium h2{margin:0 0 8px}.premium p{margin:0;color:#2b1a1fcc}.premium-btn{background:#ff8fa8;color:#fff}.animal-page{max-width:900px;margin:0 auto;padding:40px 24px 64px;text-align:center;color:#3b2026}.animal-header{display:flex;flex-direction:column;align-items:center;gap:14px}.language-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:16px;border:1px solid #f5ccd8;background:#fff;color:#f06a86;font-weight:600;box-shadow:0 10px 20px #f06a861f}.chev{font-size:.8rem}.animal-header h1{margin:8px 0 0;font-size:clamp(2.2rem,3.6vw,3rem);color:#f06a86}.subtitle{margin:0;color:#6b3c43;font-weight:600}.feature-chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.feature-chips span{padding:6px 12px;border-radius:999px;background:#fff4f7;border:1px solid #f4d6df;font-size:.8rem;color:#7a4a52;font-weight:600}.gender-toggle{display:inline-flex;padding:6px;border-radius:999px;background:#fff;border:1px solid #f2d0d8;gap:6px;box-shadow:0 10px 20px #f06a861f}.toggle{border:none;background:transparent;padding:10px 22px;border-radius:999px;font-weight:600;color:#aa6c72;cursor:pointer}.toggle.active{background:linear-gradient(135deg,#ff9ab0,#ff7c8a);color:#fff}.upload-area{margin:30px auto 18px;width:min(100%,640px);padding:40px 24px;border-radius:26px;border:2px dashed #f2c8d4;background:#fff;box-shadow:0 18px 30px #18141c0f;display:flex;flex-direction:column;align-items:center;gap:14px}.camera-icon{position:relative;width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,#ffc0cc,#ff8e7a);box-shadow:0 12px 20px #ff8e7a47}.camera-icon:before{content:"";position:absolute;width:32px;height:22px;border:2px solid #fff;border-radius:6px;top:24px;left:20px}.camera-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:29px;left:42px}.upload-area h3{margin:0;color:#3b2026}.upload-hint{margin:0;color:#9b6b74;font-size:.9rem}.upload-foot{display:flex;flex-direction:column;align-items:center;gap:8px;color:#8b5a64}.upload-note{margin:0;font-size:.85rem}.privacy{margin:0;font-size:.8rem;color:#b0858f}.sub-header{padding:28px 6vw;display:flex;align-items:center;gap:20px}.back-link{padding:8px 16px;border-radius:999px;background:#ffffffb3;font-weight:600}.page{padding:0 6vw 80px}.page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:32px;align-items:stretch}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:24px}.step-card{background:#ffffffbf;padding:16px;border-radius:16px;font-weight:600;display:flex;gap:10px;align-items:center}.step{width:28px;height:28px;border-radius:50%;background:#12151d;color:#f5f0e6;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem}.upload-panel{background:#ffffffd9;border-radius:24px;padding:24px;border:1px dashed rgba(18,21,29,.25);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}.upload-icon{width:64px;height:64px;border-radius:20px;background:#f6a13533;display:grid;place-items:center;font-size:2rem;font-weight:700;color:#c36d1c}.page-grid{margin-top:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.info-card{background:#ffffffd9;border-radius:20px;padding:20px;box-shadow:0 12px 24px #1217211a}.info-card ul{padding-left:18px;margin:12px 0 0}.not-found{padding:80px 6vw;display:grid;gap:16px}@media(max-width:1024px){.topbar{grid-template-columns:1fr}.menu{flex-wrap:wrap;justify-content:center}.category-hero{flex-direction:column;align-items:flex-start}.category-meta{align-items:flex-start}}@media(max-width:760px){.hero,.premium{flex-direction:column;align-items:flex-start}}