:root{--ink: #1F1B16;--ink-2: #3A342C;--ink-3: #6B6258;--ink-4: #9A9388;--cream: #FAF6EF;--cream-2: #F2EBDE;--line: #E4DDCE;--line-soft: #EEE7D9;--accent: #D64B3C;--accent-ink: #B53A2D;--surface: #FFFFFF;--text: var(--ink);--text-muted: var(--ink-3);--text-light: var(--ink-4);--font-serif: "Fraunces", ui-serif, Georgia, serif;--font-sans: "Nunito", ui-sans-serif, system-ui, -apple-system, Arial, sans-serif;--radius: 8px;--radius-sm: 4px;--radius-pill: 999px;--ease: cubic-bezier(.4, 0, .2, 1);--transition: .18s var(--ease);--shadow-1: 0 1px 2px rgba(31, 27, 22, .04);--shadow-2: 0 4px 16px rgba(31, 27, 22, .06)}[data-mode=dark]{--ink: #F5F0E4;--ink-2: #DCD4C2;--ink-3: #A59D8E;--ink-4: #6E685D;--cream: #141210;--cream-2: #1C1915;--line: #2A2622;--line-soft: #201D19;--accent: #E56A5C;--accent-ink: #F08375;--surface: #1C1915;--text: var(--ink);--text-muted: var(--ink-3);--text-light: var(--ink-4);--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 16px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--cream);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,select,textarea{font:inherit;color:inherit}ul,ol{margin:0;padding:0;list-style:none}img,svg{display:block;max-width:100%}hr{border:0;border-top:1px solid var(--line);margin:40px 0}::selection{background:var(--accent);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:500;font-variation-settings:"SOFT" 30,"opsz" 144;color:var(--text);line-height:1.12;letter-spacing:-.015em;margin:0;text-wrap:balance}h1{font-size:clamp(2.2rem,4.6vw,3.6rem);font-weight:400;letter-spacing:-.025em}h2{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:500}h3{font-size:1.15rem;font-weight:600;letter-spacing:-.005em}h4{font-size:1rem;font-weight:600;font-family:var(--font-sans);letter-spacing:0}h5{font-size:.78rem;font-weight:700;font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}p{margin:0;line-height:1.62;color:var(--text-muted);text-wrap:pretty}em,.italic{font-style:italic;color:inherit}strong{font-weight:700;color:var(--text)}small{font-size:.82rem;color:var(--text-light)}.eyebrow{font-family:var(--font-sans);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.lede{font-family:var(--font-serif);font-weight:300;font-size:1.15rem;line-height:1.55;color:var(--text-muted);max-width:54ch}.container{width:min(1120px,calc(100% - 48px));margin:0 auto}main{min-height:60vh}.section{padding:80px 0}.section-alt{background:var(--cream-2)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px;flex-wrap:wrap}.section-head>div{max-width:640px}.section-title{margin:0}.section-sub{margin-top:8px;font-size:1rem;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:.95rem;padding:11px 22px;border:1px solid var(--ink);border-radius:var(--radius-pill);background:var(--ink);color:var(--cream);text-decoration:none;white-space:nowrap;transition:var(--transition);cursor:pointer}.btn:hover{background:transparent;color:var(--ink)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);color:var(--cream);border-color:var(--ink)}.btn-primary:hover{background:transparent;color:var(--ink)}.btn-flame,.btn-sun,.btn-iris{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-flame:hover,.btn-sun:hover,.btn-iris:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:#fff}.btn-outline{background:transparent;color:var(--ink);border-color:var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--cream)}.btn-ghost{background:transparent;color:var(--text);border-color:transparent;padding:8px 14px}.btn-ghost:hover{background:var(--cream-2);color:var(--text)}.btn-link{background:transparent;color:var(--ink);border-color:transparent;padding:8px 0;border-radius:0;border-bottom:1px solid var(--ink)}.btn-link:hover{background:transparent;color:var(--accent);border-bottom-color:var(--accent)}.btn-lg{padding:14px 28px;font-size:1rem}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-nav{font-family:var(--font-sans);font-weight:600;font-size:.9rem;color:var(--text-muted);padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition)}.btn-nav:hover{color:var(--text)}.navbar{position:sticky;top:0;z-index:100;background:color-mix(in oklab,var(--cream) 92%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;gap:24px;padding:14px 0}.nav-logo{display:inline-flex;align-items:center;gap:6px;color:var(--text)}.nav-logo:hover{opacity:.85}.nav-links{display:flex;gap:4px;flex:1}.nav-links a{padding:8px 14px;border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:500;font-size:.92rem;color:var(--text-muted);transition:var(--transition)}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--text);position:relative}.nav-links a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1px;background:var(--accent)}.nav-right{display:flex;align-items:center;gap:8px;margin-left:auto}.nav-icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);font-size:1rem;transition:var(--transition)}.nav-icon-btn:hover{border-color:var(--ink)}.lang-select{padding:8px 12px;border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;font-family:var(--font-sans);font-weight:600;font-size:.8rem;color:var(--text);letter-spacing:.04em;transition:var(--transition)}.lang-select:hover{border-color:var(--ink)}.nav-user{position:relative}.nav-avatar{width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--cream);display:grid;place-items:center;font-weight:700;font-size:.85rem}.nav-dropdown{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);padding:8px;display:none;z-index:120}.nav-dropdown.open{display:block}.nav-dropdown-header{padding:10px 12px 12px;margin-bottom:4px;border-bottom:1px solid var(--line-soft)}.nav-dropdown-header strong{display:block;color:var(--text)}.nav-dropdown-header span{font-size:.78rem;color:var(--text-muted)}.nav-dropdown button{display:flex;align-items:center;width:100%;padding:9px 12px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text);text-align:left;transition:var(--transition)}.nav-dropdown button:hover{background:var(--cream-2)}.nav-count{margin-left:auto;font-size:.72rem;font-weight:600;color:var(--text-muted)}.nav-dropdown-divider{height:1px;background:var(--line);margin:6px 8px}.logout-btn{color:var(--accent)!important}.hamburger{display:none;flex-direction:column;gap:4px;padding:8px}.hamburger span{width:20px;height:1.5px;background:var(--ink)}.brand{display:inline-flex;align-items:baseline;font-family:var(--font-serif);font-variation-settings:"SOFT" 20,"opsz" 144;font-weight:500;color:inherit;line-height:1;letter-spacing:-.02em}.brand .brand-word{display:inline-flex;align-items:baseline;gap:0}.brand .brand-num{font-weight:600;font-variation-settings:"SOFT" 20,"opsz" 144}.brand .brand-name{font-style:italic;font-weight:400;margin-left:.08em;color:var(--accent)}.hero{padding:96px 0 64px}.hero-title{max-width:18ch;margin:0 0 20px;font-size:clamp(2.4rem,5.2vw,4.2rem);font-weight:400;line-height:1.05;letter-spacing:-.028em}.hero-title em{font-style:italic;color:var(--accent);font-weight:400}.hero-lede{max-width:56ch;margin:0 0 40px;font-family:var(--font-serif);font-weight:300;font-size:1.2rem;line-height:1.5;color:var(--text-muted)}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:32px}.search-wrap{position:relative;max-width:560px;margin-bottom:8px}.search-icon{display:none}.search-input{width:100%;padding:14px 56px 14px 20px;font-family:var(--font-sans);font-size:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text);transition:var(--transition)}.search-input::placeholder{color:var(--text-light)}.search-input:focus{outline:none;border-color:var(--ink)}.search-kbd{position:absolute;right:14px;top:50%;transform:translateY(-50%);padding:3px 8px;font-size:.72rem;font-weight:600;font-family:var(--font-sans);color:var(--text-muted);background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius-sm)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);max-height:360px;overflow-y:auto;display:none;z-index:10}.search-results.open{display:block}.search-result-item{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line-soft);transition:var(--transition)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--cream-2)}.ri-emoji{display:none}.ri-name{font-weight:600;color:var(--text)}.ri-cat{font-size:.82rem;color:var(--text-muted)}.ri-level{font-size:.72rem;color:var(--text-light);letter-spacing:.05em;text-transform:uppercase}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.cat-card{display:flex;flex-direction:column;justify-content:space-between;min-height:180px;padding:28px 24px;background:var(--surface);color:var(--text);transition:var(--transition)}.cat-card:hover{background:var(--cream-2)}.cat-emoji{font-size:1.6rem;opacity:.85;margin-bottom:auto}.cat-name{font-family:var(--font-serif);font-weight:500;font-variation-settings:"SOFT" 30,"opsz" 96;font-size:1.3rem;letter-spacing:-.015em;margin:20px 0 4px}.cat-count{font-family:var(--font-sans);font-size:.78rem;font-weight:600;color:var(--text-muted);letter-spacing:.05em}.cat-count:after{content:" hobbies"}.hobby-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px 24px}.card,.hobby-card{display:block;background:transparent;color:var(--text);border:none;transition:var(--transition)}.hobby-card{position:relative}.hobby-card .card-body{padding:0}.hobby-card:hover h3{color:var(--accent)}.hobby-card-icon-wrap{width:56px;height:56px;display:grid;place-items:center;font-size:1.8rem;background:var(--cream-2);border-radius:var(--radius);margin-bottom:20px}.hobby-card h3{font-family:var(--font-serif);font-weight:500;font-variation-settings:"SOFT" 30,"opsz" 144;font-size:1.35rem;letter-spacing:-.015em;margin:0 0 8px;transition:color var(--transition)}.hobby-card p{font-size:.92rem;line-height:1.55;color:var(--text-muted);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta-row{display:flex;align-items:center;gap:10px;font-size:.78rem;color:var(--text-light);font-weight:500;margin-bottom:12px}.meta-row.big{font-size:.9rem}.meta-sep{opacity:.5}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:.72rem;font-weight:500;padding:3px 10px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text-muted);background:transparent}.tag-blue,.tag-violet,.tag-green,.tag-amber,.tag-pink{background:transparent;color:var(--text-muted)}.trend-badge{position:absolute;top:0;right:0;font-size:.7rem;font-weight:700;color:var(--accent);letter-spacing:.05em;text-transform:uppercase}.quiz-invite{background:var(--ink);color:var(--cream);padding:96px 0}.quiz-invite-inner{max-width:640px}.quiz-invite .eyebrow{color:var(--accent)}.quiz-invite .section-title{color:var(--cream)}.quiz-invite .lede{color:var(--cream);opacity:.75;font-weight:300}.quiz-invite .btn-primary{background:var(--cream);color:var(--ink);border-color:var(--cream);margin-top:32px}.quiz-invite .btn-primary:hover{background:transparent;color:var(--cream)}.news-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--line)}.filter-btn{padding:6px 14px;border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:500;font-size:.85rem;color:var(--text-muted);border:1px solid transparent;transition:var(--transition)}.filter-btn:hover{color:var(--text)}.filter-btn.active{border-color:var(--ink);color:var(--text)}.news-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px 32px}.news-card{display:block;color:var(--text);padding-bottom:24px;border-bottom:1px solid var(--line-soft);transition:var(--transition)}.news-card:hover h4{color:var(--accent)}.news-meta-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:.78rem;color:var(--text-muted)}.news-emoji{display:none}.news-card h4{font-family:var(--font-serif);font-weight:500;font-variation-settings:"SOFT" 30,"opsz" 96;font-size:1.15rem;letter-spacing:-.01em;margin-bottom:6px;line-height:1.25;color:var(--text);transition:color var(--transition)}.news-card p{font-size:.88rem;color:var(--text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-date{color:var(--text-light);font-size:.72rem}.news-meta{font-size:.88rem;color:var(--text-muted)}.news-skel{height:160px;border-radius:var(--radius);background:linear-gradient(90deg,var(--cream-2) 0%,var(--line-soft) 50%,var(--cream-2) 100%);background-size:200% 100%;animation:skel 1.4s linear infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.news-empty{text-align:center;padding:40px;color:var(--text-muted)}.nre{font-size:2rem;margin-bottom:8px}.newsletter-section{background:var(--cream-2);text-align:left}.newsletter-inner{max-width:560px}.newsletter-form{display:flex;gap:10px;margin-top:24px;max-width:440px}.newsletter-input{flex:1;padding:12px 18px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface);font-family:var(--font-sans);font-size:.95rem;color:var(--text)}.newsletter-input:focus{outline:none;border-color:var(--ink)}.newsletter-form .btn{flex-shrink:0}.newsletter-subscribed{display:flex;align-items:center;gap:16px;margin-top:24px;color:var(--text-muted);font-weight:500}.footer{background:var(--cream-2);border-top:1px solid var(--line);padding:72px 0 32px;color:var(--text-muted)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:56px}.footer-brand .nav-logo{color:var(--text)}.footer-tagline{font-family:var(--font-serif);font-style:italic;font-weight:300;font-size:1.05rem;line-height:1.5;margin-top:16px;max-width:30ch;color:var(--text-muted)}.footer h5{color:var(--text);margin-bottom:16px;font-size:.72rem}.footer ul{display:flex;flex-direction:column;gap:10px}.footer a{color:var(--text-muted);font-size:.92rem;transition:var(--transition)}.footer a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}.footer-bottom p{font-size:.82rem;color:var(--text-light)}.footer-small{max-width:540px}.prose{max-width:680px;padding:72px 0}.prose h1{margin-bottom:24px}.prose h2{margin:48px 0 16px}.prose h3{margin:32px 0 12px}.prose p{margin-bottom:18px;line-height:1.72;font-size:1.02rem;color:var(--text)}.prose p+p{margin-top:0}.prose ul,.prose ol{margin:18px 0 18px 24px;list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:8px;line-height:1.6;color:var(--text)}.prose a{color:var(--accent);border-bottom:1px solid currentColor}.prose a:hover{color:var(--accent-ink)}.legal{max-width:780px;padding:72px 0}.legal-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}.legal-nav a{padding:4px 12px;border-radius:var(--radius-pill);border:1px solid var(--line);font-size:.85rem;color:var(--text-muted);transition:var(--transition)}.legal-nav a:hover,.legal-nav a.active{border-color:var(--ink);color:var(--text)}.legal-updated{font-size:.82rem;color:var(--text-light);margin-bottom:32px}.inline-link{color:var(--accent);border-bottom:1px solid currentColor}.hobbies-header{padding:48px 0 32px}.controls-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:16px 0;margin-bottom:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.control-input,.control-select{padding:8px 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:transparent;font-family:var(--font-sans);font-size:.9rem;color:var(--text)}.control-input:focus,.control-select:focus{outline:none;border-color:var(--ink)}.cat-pills{display:flex;flex-wrap:wrap;gap:6px}.view-toggle{display:inline-flex;gap:2px;border:1px solid var(--line);border-radius:var(--radius-pill);padding:2px}.view-toggle button{padding:6px 14px;border-radius:var(--radius-pill);font-size:.85rem;font-weight:500;color:var(--text-muted);transition:var(--transition)}.view-toggle button.active{background:var(--ink);color:var(--cream)}.hobby-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.hobby-list-item{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line);color:var(--text);transition:var(--transition)}.hobby-list-item:hover{padding-left:12px}.hobby-list-emoji{font-size:1.6rem;opacity:.85}.hobby-list-body h3{font-family:var(--font-serif);font-weight:500;font-size:1.1rem;margin:0 0 4px}.hobby-list-body p{font-size:.88rem;color:var(--text-muted);margin:0}.hobby-list-meta{font-size:.82rem;color:var(--text-light)}.pagination{display:flex;gap:4px;justify-content:center;margin-top:40px}.pagination button{min-width:36px;height:36px;border-radius:var(--radius-sm);font-weight:500;color:var(--text-muted);border:1px solid transparent;transition:var(--transition)}.pagination button:hover{border-color:var(--line);color:var(--text)}.pagination button.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.no-results{padding:64px 20px;text-align:center;color:var(--text-muted)}.no-results p{margin-bottom:16px}.breadcrumb{font-size:.82rem;color:var(--text-muted);margin-bottom:24px}.breadcrumb a{color:var(--text-muted)}.breadcrumb a:hover{color:var(--text)}.detail-hero{padding:48px 0 40px;border-bottom:1px solid var(--line)}.detail-hero-inner{display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center}.detail-hero-emoji{font-size:4rem;line-height:1;width:100px;height:100px;border-radius:var(--radius);display:grid;place-items:center;background:var(--cream-2)}.detail-hero-body h1{margin-bottom:8px}.detail-hero-body p{font-size:1.05rem;color:var(--text-muted);max-width:52ch}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:4px;margin:32px 0 24px;border-bottom:1px solid var(--line)}.tabs button{padding:12px 20px;font-size:.9rem;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--transition)}.tabs button:hover{color:var(--text)}.tabs button.active{color:var(--text);border-bottom-color:var(--accent)}.shop-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px;gap:16px;flex-wrap:wrap}.shop-tier{display:inline-flex;align-items:center;gap:8px;padding:3px 10px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:48px}.shop-card{display:flex;flex-direction:column;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);transition:var(--transition)}.shop-card:hover{border-color:var(--ink)}.shop-card-emoji{font-size:2rem;margin-bottom:12px}.shop-card h4{margin-bottom:6px}.shop-card p{font-size:.85rem;color:var(--text-muted);margin-bottom:16px;flex:1}.shop-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:12px;border-top:1px solid var(--line-soft)}.shop-cta{color:var(--accent);font-weight:600;font-size:.88rem}.shop-badge,.shop-badge-inline{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:600;letter-spacing:.05em;background:var(--cream-2);color:var(--text-muted);border-radius:var(--radius-pill)}.shop-disclosure{font-size:.82rem;color:var(--text-light);padding:16px;background:var(--cream-2);border-radius:var(--radius);margin-bottom:32px}.quiz-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b1680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s}.quiz-modal-overlay.open{opacity:1;pointer-events:auto}.quiz-modal{position:relative;width:100%;max-width:520px;max-height:92vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:40px;box-shadow:var(--shadow-2)}.quiz-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;font-size:1.25rem;color:var(--text-muted);transition:var(--transition)}.quiz-modal-close:hover{background:var(--cream-2);color:var(--text)}.quiz-progress-bar{height:2px;background:var(--line-soft);border-radius:0;margin-bottom:24px}.quiz-progress-bar span{display:block;height:100%;background:var(--accent);transition:width .3s var(--ease)}.quiz-step-label{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px}.quiz-q{font-family:var(--font-serif);font-weight:500;font-size:1.5rem;line-height:1.25;letter-spacing:-.015em;margin-bottom:24px;color:var(--text)}.quiz-options{display:flex;flex-direction:column;gap:8px}.quiz-option{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;text-align:left;font-size:.95rem;font-weight:500;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:var(--transition)}.quiz-option:hover{border-color:var(--ink);background:var(--cream-2)}.quiz-option-emoji{font-size:1.3rem;opacity:.85}.quiz-result{text-align:left}.quiz-result-badge{display:inline-block;padding:4px 12px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:var(--radius-pill);margin-bottom:16px}.quiz-result-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.quiz-match{display:flex;flex-direction:column;margin-bottom:12px;padding:16px;border:1px solid var(--line);border-radius:var(--radius)}.quiz-match-row{display:flex;align-items:center;gap:14px;margin-bottom:8px}.quiz-match-emoji{font-size:2rem;opacity:.85}.quiz-match-name{font-family:var(--font-serif);font-weight:500;font-size:1.1rem}.quiz-match-desc{font-size:.88rem;color:var(--text-muted)}.faq-section{margin-top:48px}.faq-list{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.faq-item{background:#fff}.faq-item>summary{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;font-family:var(--font-serif);font-weight:500;font-size:1rem;color:var(--text);list-style:none;transition:background .15s ease}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary:after{content:"+";font-family:var(--font-sans);font-weight:400;font-size:1.5rem;line-height:1;color:var(--text-muted);margin-left:16px;transition:transform .2s ease}.faq-item[open]>summary:after{transform:rotate(45deg);color:var(--text)}.faq-item>summary:hover{background:var(--cream-2)}.faq-item>p{padding:0 22px 20px;margin:0;color:var(--text-muted);font-size:.94rem;line-height:1.7}.quiz-share-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.share-chip{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;padding:0}.share-chip:hover{background:var(--text);color:#fff;border-color:var(--text);transform:translateY(-1px)}.share-chip-copy{width:auto;padding:0 14px;font-size:12px;letter-spacing:.02em}.quiz-shared-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;margin-bottom:16px;background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);font-size:.88rem;color:var(--text-muted)}.quiz-shared-banner .btn-link{background:none;border:none;cursor:pointer;color:var(--text);font-weight:500;text-decoration:underline;padding:0}.archetype-card{text-align:left;padding:24px;margin-bottom:16px;background:var(--cream-2);border-radius:var(--radius)}.archetype-tag-line{display:flex;align-items:center;gap:8px;margin-bottom:10px}.archetype-tag{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.archetype-emoji{font-size:2rem}.archetype-name{font-family:var(--font-serif);font-weight:500;font-size:1.5rem;letter-spacing:-.015em;margin:4px 0 8px}.archetype-desc{font-size:.95rem;color:var(--text-muted)}.archetype-foot{margin-top:14px;font-size:.82rem;color:var(--text-light)}.archetype-foot strong{color:var(--text);font-weight:700}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1f1b1680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s}.auth-overlay.open{opacity:1;pointer-events:auto}.auth-modal{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-2)}.auth-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;font-size:1.25rem;color:var(--text-muted)}.auth-modal-close:hover{background:var(--cream-2)}.auth-logo{display:flex;justify-content:center;margin-bottom:20px}.auth-title{font-family:var(--font-serif);font-weight:500;font-size:1.6rem;text-align:center;margin-bottom:6px}.auth-subtitle{font-size:.9rem;color:var(--text-muted);text-align:center;margin-bottom:28px}.auth-form{display:flex;flex-direction:column;gap:14px}.form-group label{display:block;margin-bottom:6px;font-size:.82rem;font-weight:600;color:var(--text)}.form-group input{width:100%;padding:11px 14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font-size:.95rem;color:var(--text);transition:var(--transition)}.form-group input:focus{outline:none;border-color:var(--ink)}.hint{font-size:.78rem;color:var(--text-light);margin-top:4px}.auth-error{font-size:.85rem;color:var(--accent);padding:10px 14px;background:#d64b3c14;border-radius:var(--radius);display:none}.auth-error.show{display:block}.auth-btn{padding:12px;background:var(--ink);color:var(--cream);border:1px solid var(--ink);border-radius:var(--radius-pill);font-weight:600;font-size:.95rem;transition:var(--transition);cursor:pointer}.auth-btn:hover{background:transparent;color:var(--ink)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;margin-top:16px;font-size:.85rem;color:var(--text-muted)}.auth-switch button{color:var(--accent);font-weight:600}.auth-switch button:hover{text-decoration:underline}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--text-muted);background:transparent}.pill-flame,.pill-sun,.pill-iris,.pill-mint,.pill-sky{color:var(--accent);border-color:var(--accent)}.share-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.share-label{font-size:.78rem;color:var(--text-muted);font-weight:600;letter-spacing:.05em}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:.82rem;font-weight:500;color:var(--text);background:transparent;transition:var(--transition);text-decoration:none}.share-btn:hover{border-color:var(--ink)}.share-btn.copied{border-color:var(--accent);color:var(--accent)}.share-x,.share-fb,.share-wa,.share-tg,.share-rd,.share-lk{background:transparent;color:var(--text)}.pairs-wrap{padding:48px 0;border-top:1px solid var(--line)}.pairs-head{margin-bottom:24px}.pairs-grid{display:grid;gap:1px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.pair-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--surface);color:var(--text);transition:var(--transition)}.pair-card:hover{background:var(--cream-2)}.pair-emoji{font-size:1.8rem;opacity:.85;flex-shrink:0}.pair-body{flex:1;min-width:0}.pair-name{font-family:var(--font-serif);font-weight:500;font-size:1.05rem;margin-bottom:2px}.pair-desc{font-size:.82rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pair-arrow{color:var(--text-light);transition:var(--transition)}.pair-card:hover .pair-arrow{color:var(--accent);transform:translate(2px)}.saved-empty{padding:80px 0;text-align:center}.saved-empty h2{margin-bottom:12px}.saved-empty p{margin-bottom:24px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(16px);padding:12px 20px;background:var(--ink);color:var(--cream);border-radius:var(--radius-pill);font-size:.88rem;font-weight:500;box-shadow:var(--shadow-2);z-index:9999;opacity:0;pointer-events:none;transition:all .25s var(--ease);max-width:400px;text-align:center}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;top:-10px;width:8px;height:10px;animation:confFall linear forwards;border-radius:1px}@keyframes confFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(540deg);opacity:0}}.reveal{opacity:0;transform:translateY(12px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.reveal.visible{opacity:1;transform:translateY(0)}.loader{display:flex;justify-content:center;padding:120px 0}.loader-blob{width:32px;height:32px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--ink);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.streak-wrap{position:relative}.streak-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--line);border-radius:var(--radius-pill);font-family:var(--font-sans);font-weight:600;font-size:.82rem;color:var(--text);background:transparent;transition:var(--transition);height:36px}.streak-pill:hover{border-color:var(--ink)}.streak-icon{opacity:.75}.streak-num{font-variant-numeric:tabular-nums}.streak-pop{position:absolute;top:calc(100% + 8px);right:0;width:260px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);z-index:120}.streak-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;color:var(--text-muted)}.streak-pop-head{display:flex;align-items:center;gap:12px;margin-bottom:14px}.streak-pop-emoji{font-size:1.5rem;opacity:.85}.streak-pop-lvl{font-weight:700;font-size:.95rem}.streak-pop-xp{font-size:.78rem;color:var(--text-muted)}.streak-pop-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px;padding:12px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.streak-pop-stat-num{font-size:1.25rem;font-weight:700;font-family:var(--font-serif)}.streak-pop-stat-lbl{font-size:.72rem;color:var(--text-muted);letter-spacing:.05em}.streak-pop-next{font-size:.82rem;margin:10px 0 4px;color:var(--text-muted)}.streak-pop-help{font-size:.72rem;color:var(--text-light)}.streak-bar{height:4px;background:var(--line-soft);border-radius:2px;margin:6px 0;overflow:hidden}.streak-bar-fill{height:100%;background:var(--accent);transition:width .3s var(--ease)}.press-bar{padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.press-label{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);margin-bottom:18px}.press-items{display:flex;justify-content:center;flex-wrap:wrap;gap:36px}.press-item{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);font-family:var(--font-serif);font-size:1.05rem;font-style:italic;font-weight:400;opacity:.75}.press-emoji{opacity:.7}.trust-banner{display:inline-flex;align-items:center;gap:10px;padding:6px 14px;font-size:.82rem;color:var(--text-muted);border:1px solid var(--line);border-radius:var(--radius-pill);margin-bottom:20px}.trust-banner-icon{opacity:.6}.theme-picker{position:relative}.theme-swatch-btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:2px 12px 2px 4px;background:transparent;border:1px solid var(--line);border-radius:var(--radius-pill);font-weight:600;font-size:.82rem;transition:var(--transition)}.theme-swatch-btn:hover{border-color:var(--ink)}.theme-swatch{width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:linear-gradient(135deg,var(--cream) 0%,var(--ink) 100%)}.theme-swatch-emoji{font-size:.95rem;opacity:.85}.theme-pop{position:absolute;top:calc(100% + 8px);right:0;width:min(340px,92vw);padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-2);z-index:120}.theme-pop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line-soft)}.theme-pop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.theme-card{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:transparent;text-align:left;transition:var(--transition)}.theme-card:hover{border-color:var(--ink)}.theme-card.active{border-color:var(--ink);background:var(--cream-2)}.theme-card-label{display:flex;flex-direction:column;min-width:0}.theme-card-name{font-weight:600;font-size:.82rem}.theme-card-emoji{font-size:.8rem;opacity:.7}.theme-card-check{position:absolute;top:6px;right:8px;font-weight:700;color:var(--accent)}.mode-chip{padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:.78rem;font-weight:600;transition:var(--transition)}.mode-chip:hover{border-color:var(--ink)}.theme-pop-desc{font-size:.78rem;color:var(--text-muted);margin-top:12px}.ambassador-section{padding:64px 0;border-top:1px solid var(--line)}.hero-blob,.float-item,.hero-floats,.marquee,.marquee-track,.marquee-group,.marquee-item,.badge-dot,.accent-word:after,.daily-wrap,.daily-challenge,.features-grid,.feature-card,.feature-icon,.badge-grid,.badge,.badge-emoji,.badge-title,.badge-desc,.testi-grid,.testi-card,.testi-text,.testi-foot,.testi-stars,.testi-name,.testi-meta,.quiz-hero,.quiz-hero-inner,.quiz-hero-left,.quiz-hero-right,.quiz-hero-emojis,.quiz-emoji-bubble,.ambassador-card,.spin-wheel,.spin-wheel-hub,.spin-arrow,.spin-actions,.hero-badge,.hero-stats,.stat,.stat-num,.stat-lbl,.trust-bar,.live-counter,.random-card,.footer-rainbow,.footer-badges,.footer-badge,.social-links,.social-link,.forum-avatar,.av-blue,.av-pink,.av-teal{display:none!important}@media (max-width: 820px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;gap:0;position:absolute;top:100%;left:0;right:0;background:var(--cream);border-bottom:1px solid var(--line);padding:12px 24px}.nav-links a{padding:12px 0;border-radius:0}.hamburger{display:inline-flex}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.detail-hero-inner{grid-template-columns:auto 1fr}.detail-actions{grid-column:1 / -1}}@media (max-width: 560px){.hero{padding:56px 0 40px}.section{padding:56px 0}.hero-title{font-size:2rem}.hero-lede{font-size:1rem}.newsletter-form{flex-direction:column}.newsletter-form .btn{width:100%}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px}.cat-grid{grid-template-columns:1fr 1fr}.detail-hero-emoji{font-size:3rem;width:72px;height:72px}}.quiz-roster{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.quiz-roster-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}.quiz-roster-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.quiz-roster-title{font-family:var(--font-serif);font-weight:500;font-size:1.1rem;margin:0;color:var(--text)}.quiz-roster-progress{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.quiz-roster-progress-dots{display:flex;gap:5px}.quiz-roster-progress-dots .dot{width:10px;height:10px;border-radius:999px;background:var(--line);border:1px solid var(--line);transition:all .3s ease}.quiz-roster-progress-dots .dot.on{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px #ff4e3a26}.quiz-roster-progress-label{font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em}.quiz-roster-cta{padding:14px 16px;margin-bottom:14px;background:linear-gradient(135deg,#ff4e3a0f,#ffd23f14);border:1px solid rgba(255,78,58,.18);border-radius:var(--radius);font-size:.88rem;color:var(--text);line-height:1.5}.quiz-roster-cta strong{color:var(--accent);font-weight:600}.quiz-unlock-flash{padding:12px 16px;margin-bottom:14px;background:linear-gradient(135deg,#3be89a,#4cc9f0);color:#003;border-radius:var(--radius);font-weight:600;font-size:.92rem;animation:unlockFlash .6s ease}@keyframes unlockFlash{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.quiz-roster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.quiz-roster-card{display:flex;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);transition:all .15s ease;position:relative;overflow:hidden}.quiz-roster-card:hover:not(.locked){transform:translateY(-2px);border-color:var(--text);box-shadow:0 4px 12px #0000000d}.quiz-roster-card.locked{cursor:not-allowed;background:repeating-linear-gradient(45deg,var(--cream-2) 0px,var(--cream-2) 8px,#fff 8px,#fff 16px);color:var(--text-muted);filter:saturate(.3)}.quiz-roster-card.locked:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#ffffff4d;pointer-events:none}.quiz-roster-emoji{font-size:1.5rem;flex-shrink:0;filter:var(--roster-emoji-filter, none)}.quiz-roster-card.locked .quiz-roster-emoji{filter:grayscale(1);opacity:.5}.quiz-roster-body{min-width:0;flex:1}.quiz-roster-name{font-family:var(--font-serif);font-weight:500;font-size:.95rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-roster-sub{font-size:.72rem;color:var(--text-muted);margin-top:2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comments-section{margin-top:48px}.comments-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.comments-head h3{font-family:var(--font-serif);font-weight:500;font-size:1.25rem;margin:0;letter-spacing:-.01em}.comments-count{font-size:.85rem;color:var(--text-muted)}.comment-form{display:flex;flex-direction:column;gap:10px;padding:16px;margin-bottom:20px;background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius)}.comment-form textarea{width:100%;min-height:80px;resize:vertical;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-family:var(--font-sans);font-size:.92rem;line-height:1.5}.comment-form textarea:focus{outline:none;border-color:var(--text)}.comment-form-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.comment-form-hint{font-size:.75rem;color:var(--text-muted)}.comment-form-hint.error{color:var(--accent)}.comment-login-cta{display:flex;flex-direction:column;gap:10px;padding:16px 18px;margin-bottom:20px;background:var(--cream-2);border:1px dashed var(--line);border-radius:var(--radius);align-items:center;text-align:center}.comment-login-cta p{margin:0;color:var(--text-muted);font-size:.9rem}.comments-list{display:flex;flex-direction:column;gap:12px}.comment{display:flex;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius)}.comment-avatar{width:36px;height:36px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--font-serif);font-weight:600;font-size:1rem}.comment-body{min-width:0;flex:1}.comment-head{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;flex-wrap:wrap}.comment-author{font-weight:600;font-size:.88rem;color:var(--text)}.comment-meta{font-size:.72rem;color:var(--text-muted);letter-spacing:.02em}.comment-text{font-size:.92rem;line-height:1.6;color:var(--text);white-space:pre-wrap;word-wrap:break-word}.comments-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:.9rem;background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius)}.suggest-section{padding:48px 0;border-top:1px solid var(--line)}.suggest-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.suggest-head h2{font-family:var(--font-serif);font-weight:500;font-size:1.75rem;letter-spacing:-.015em;margin:0}.suggest-head p{color:var(--text-muted);font-size:.95rem;margin:4px 0 0;max-width:520px}.suggest-form{display:grid;grid-template-columns:2fr 1fr auto;gap:10px;margin-bottom:24px}.suggest-form input{padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-family:var(--font-sans);font-size:.95rem}.suggest-form input:focus{outline:none;border-color:var(--text)}.suggest-form .btn{white-space:nowrap}.suggest-form-full{grid-column:1 / -1}.suggest-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.suggest-item{padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:flex;align-items:flex-start;gap:10px}.suggest-item-emoji{font-size:1.5rem;flex-shrink:0}.suggest-item-name{font-family:var(--font-serif);font-weight:500;font-size:1rem;color:var(--text);line-height:1.2}.suggest-item-by{font-size:.72rem;color:var(--text-muted);margin-top:4px}.suggest-item-votes{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:.75rem;font-weight:600;color:var(--accent);padding:2px 8px;border:1px solid rgba(255,78,58,.2);border-radius:999px;background:#ff4e3a0d;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.suggest-item-votes:hover,.suggest-item-votes.voted{background:var(--accent);color:#fff;border-color:var(--accent)}.kids-hero{text-align:center;padding:48px 0 32px;background:linear-gradient(180deg,#fff6e0 0%,var(--cream) 100%);border-bottom:1px solid var(--line)}.kids-hero h1{font-family:var(--font-serif);font-weight:500;font-size:clamp(2rem,5vw,2.8rem);letter-spacing:-.02em;margin:0 0 12px}.kids-hero p{font-size:1.05rem;color:var(--text-muted);max-width:620px;margin:0 auto}.kids-age-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0 8px}.kids-age-tab{padding:8px 16px;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--text);font-weight:500;font-size:.88rem;cursor:pointer;transition:all .15s ease}.kids-age-tab.on{background:var(--text);color:#fff;border-color:var(--text)}.kids-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:32px 0 64px}.kid-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);transition:all .2s ease;text-decoration:none;color:var(--text);display:flex;flex-direction:column;gap:8px;position:relative}.kid-card:hover{transform:translateY(-3px);border-color:var(--text);box-shadow:0 6px 18px #0000000f}.kid-card-emoji{font-size:2.2rem}.kid-card-name{font-family:var(--font-serif);font-weight:500;font-size:1.15rem;letter-spacing:-.01em;line-height:1.2}.kid-card-desc{font-size:.88rem;color:var(--text-muted);line-height:1.5}.kid-card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:6px;font-size:.72rem;color:var(--text-muted)}.kid-card-meta span{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--cream-2);border:1px solid var(--line);border-radius:999px}.kid-card-badge{position:absolute;top:10px;right:10px;padding:3px 8px;background:#fff6e0;color:#7a5a00;border:1px solid #f0d78a;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}@media (max-width: 640px){.suggest-form{grid-template-columns:1fr}.quiz-roster-head{flex-direction:column;align-items:flex-start}.quiz-roster-progress{align-items:flex-start}}*:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:0s!important;transition-duration:0s!important}}