:root{--font-body:"Avenir Next","Manrope","Segoe UI","Helvetica Neue","Noto Sans",sans-serif;--font-heading:"Trebuchet MS","Avenir Next Condensed","Gill Sans",sans-serif}:root,html[data-theme=light]{--bg:#70c8ff;--bg-soft:#ffd86e;--surface:hsla(0,0%,100%,.9);--surface-strong:#fff;--surface-2:#eef5ff;--surface-3:#fff3d8;--text:#19304f;--muted:#5c7091;--border:rgba(115,157,222,.28);--accent:#ff8f11;--accent-strong:#ff6a00;--accent-contrast:#fffdf8;--success:#2bc866;--danger:#d63c45;--shadow:0 22px 58px rgba(18,44,89,.18);--shadow-soft:0 14px 32px rgba(18,44,89,.12)}html[data-theme=dark]{--bg:#0f2547;--bg-soft:#162b5f;--surface:rgba(13,28,55,.88);--surface-strong:#112443;--surface-2:#183158;--surface-3:#243b67;--text:#edf4ff;--muted:#abc0e2;--border:rgba(145,183,255,.16);--accent:#ffb400;--accent-strong:#ff8a00;--accent-contrast:#12213c;--success:#6fe08b;--danger:#ff7b81;--shadow:0 24px 60px rgba(0,0,0,.34);--shadow-soft:0 14px 32px rgba(0,0,0,.22)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top left,hsla(0,0%,100%,.58),transparent 28%),radial-gradient(circle at 85% 12%,rgba(255,161,47,.36),transparent 30%),radial-gradient(circle at 10% 85%,rgba(94,227,255,.34),transparent 24%),linear-gradient(180deg,var(--bg) 0,var(--bg-soft) 100%)}a{color:inherit}button,input,select,textarea{font:inherit}.backdrop-orb{position:fixed;width:26rem;height:26rem;border-radius:999px;filter:blur(95px);opacity:.36;pointer-events:none;z-index:-1}.orb-left{background:rgba(52,214,255,.52);top:-3rem;left:-6rem}.orb-right{background:rgba(255,170,32,.46);right:-6rem;bottom:-4rem}.shell{width:min(1180px,92vw);margin-inline:auto}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 .4rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-link{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--text)}.brand-mark{display:inline-grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:1rem;background:linear-gradient(145deg,var(--accent) 0,var(--accent-strong) 100%);color:var(--accent-contrast);font-family:var(--font-heading);font-size:1.3rem;font-weight:900;box-shadow:var(--shadow-soft)}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-family:var(--font-heading);font-size:clamp(1.45rem,2.4vw,1.8rem);letter-spacing:.02em}.brand-copy small{margin-top:.2rem;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.16em}.top-nav-links{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.ghost-button,.top-nav-links a{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;border:1px solid var(--border);padding:.65rem 1rem;border-radius:999px;text-decoration:none;color:var(--text);font-weight:700;background:color-mix(in oklab,var(--surface) 88%,transparent);box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,background .18s ease}.answer-tile:hover,.button-primary:hover,.button-secondary:hover,.ghost-button:hover,.lane-quiz-link:hover,.next-quiz-banner:hover,.phone-quiz-link:hover,.quiz-tile:hover,.showcase-link:hover,.top-nav-links a:hover,.track-pill:hover{transform:translateY(-2px)}.ghost-button{cursor:pointer}.button-primary,.top-nav-links .primary-link{border-color:transparent;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:var(--accent-contrast)}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;border-radius:1rem;padding:.8rem 1.1rem;font-weight:800;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,background .18s ease}.button-primary:disabled,.button-secondary:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.62;transform:none}.button-secondary{border:1px solid var(--border);background:color-mix(in oklab,var(--surface-strong) 92%,transparent);color:var(--text)}.page-grid{display:grid;grid-gap:1.1rem;gap:1.1rem;margin-bottom:3rem;padding-bottom:1rem}.card,.hero{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:1.8rem;background:linear-gradient(180deg,color-mix(in oklab,var(--surface) 92%,transparent),var(--surface-strong));box-shadow:var(--shadow);animation:rise-in .55s ease both}.hero{padding:clamp(1.25rem,2.4vw,2rem)}.card{padding:1.15rem}.card:after,.hero:after{content:"";position:absolute;inset:auto -10% -45% auto;width:12rem;height:12rem;border-radius:999px;background:rgba(255,173,73,.12);filter:blur(24px);pointer-events:none}h1,h2,h3{margin:0;font-family:var(--font-heading);letter-spacing:.015em}h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.02}h2{font-size:clamp(1.3rem,2.4vw,2rem)}h3{font-size:1.18rem}p{margin:0}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content;padding:.38rem .78rem;border-radius:999px;background:color-mix(in oklab,var(--surface-2) 86%,transparent);color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.muted{color:var(--muted)}.mini-pill,.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-strong) 92%,transparent);color:var(--text);font-size:.82rem;font-weight:800;white-space:nowrap}.pill{padding:.36rem .78rem}.mini-pill{padding:.36rem .7rem}.stack,form{display:grid;grid-gap:.9rem;gap:.9rem}.inline-actions{display:flex;flex-wrap:wrap;gap:.7rem}.subtle-link{color:var(--accent-strong);font-weight:700;text-decoration:underline;text-underline-offset:.22em}.stat-ribbon{display:grid;grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.stat-chip{display:grid;grid-gap:.28rem;gap:.28rem;padding:.95rem 1rem;border-radius:1.2rem;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-strong) 86%,transparent)}.stat-chip strong{font-size:1.45rem;font-family:var(--font-heading)}.stat-chip span{color:var(--muted);font-size:.9rem}.hero-splash{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.9fr);grid-gap:1.2rem;gap:1.2rem;align-items:stretch}.hero-splash p{max-width:60ch;color:var(--muted);font-size:1.03rem}.hero-phone{display:flex;justify-content:center;align-items:stretch}.phone-card{display:grid;grid-gap:.95rem;gap:.95rem;width:min(100%,22rem);padding:1.25rem;border-radius:2rem;background:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(244,248,255,.96)),linear-gradient(140deg,rgba(95,216,255,.18),rgba(255,173,61,.18));border:1px solid hsla(0,0%,100%,.68);box-shadow:0 28px 60px rgba(24,62,112,.22)}html[data-theme=dark] .phone-card{background:linear-gradient(180deg,rgba(18,36,67,.94),rgba(15,28,55,.96))}.phone-brand{display:flex;gap:.85rem;align-items:center}.brand-dot{width:.95rem;height:.95rem;border-radius:999px;background:linear-gradient(135deg,#ffad39,#ff5d0d);box-shadow:0 0 0 .35rem rgba(255,173,57,.16)}.phone-brand p{margin-top:.24rem;color:var(--muted);font-size:.85rem}.phone-input-shell{display:grid;grid-gap:.5rem;gap:.5rem}.phone-input-shell span{font-weight:700}.phone-input{border-radius:1rem;border:1px solid rgba(119,176,255,.28);background:var(--surface-2);padding:.95rem 1rem;color:var(--muted)}.phone-cta{width:100%}.phone-meta{display:flex;gap:.55rem;flex-wrap:wrap}.leader-stack,.phone-quiz-list{display:grid;grid-gap:.7rem;gap:.7rem}.feature-chip,.phone-quiz-link,.quiz-tile,.showcase-link{border:1px solid var(--tone-border,var(--border));background:var(--tone-bg,color-mix(in oklab,var(--surface-2) 88%,transparent))}.phone-quiz-link{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.95rem 1rem;border-radius:1.15rem;text-decoration:none;box-shadow:var(--shadow-soft)}.phone-quiz-link span{color:var(--muted);font-size:.86rem;font-weight:700}.chip-strip{display:flex;flex-wrap:wrap;gap:.7rem}.feature-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;border-radius:999px;padding:.72rem 1rem;color:var(--text);font-weight:800;box-shadow:var(--shadow-soft)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.showcase-link{display:grid;grid-gap:.75rem;gap:.75rem;padding:1rem;border-radius:1.25rem;text-decoration:none;box-shadow:var(--shadow-soft)}.showcase-link p{margin-top:.3rem}.quiz-tile-metrics,.showcase-metrics{display:flex;gap:.55rem;flex-wrap:wrap}.quiz-tile-metrics span,.showcase-metrics span{display:inline-flex;align-items:center;min-height:2rem;padding:.36rem .68rem;border-radius:999px;background:hsla(0,0%,100%,.64);color:var(--muted);font-size:.83rem;font-weight:800}.leader-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:.8rem;gap:.8rem;padding:.9rem 1rem;border-radius:1.15rem;background:color-mix(in oklab,var(--surface-2) 84%,transparent);border:1px solid var(--border)}.leader-rank{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.95rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:var(--accent-contrast);font-weight:900}.leader-accuracy{font-weight:900;color:var(--accent-strong)}.category-lane-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.category-lane{display:grid;grid-gap:.9rem;gap:.9rem;padding:1rem;border-radius:1.35rem;box-shadow:var(--shadow-soft)}.lane-quiz-link,.next-quiz-banner{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.95rem 1rem;border-radius:1.15rem;border:1px solid var(--border);text-decoration:none;background:color-mix(in oklab,var(--surface-strong) 90%,transparent);box-shadow:var(--shadow-soft)}.next-quiz-banner{background:linear-gradient(135deg,rgba(255,198,89,.24),hsla(0,0%,100%,.92))}html[data-theme=dark] .next-quiz-banner{background:linear-gradient(135deg,rgba(255,198,89,.14),rgba(18,36,67,.94))}.card-grid,.quiz-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1rem;gap:1rem}.quiz-tile{display:grid;grid-gap:.9rem;gap:.9rem;padding:1.1rem;border-radius:1.35rem;box-shadow:var(--shadow-soft)}.quiz-tile h3{margin-top:.1rem}.challenge-layout,.split-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:minmax(0,1.35fr) minmax(280px,.95fr)}label{display:grid;grid-gap:.38rem;gap:.38rem;font-weight:700}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:1rem;background:color-mix(in oklab,var(--surface-strong) 92%,transparent);color:var(--text);padding:.84rem .96rem;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3)}textarea{min-height:7rem;resize:vertical}.question-card{border-radius:1.15rem;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-strong) 92%,transparent);padding:1rem}.options-list{display:grid;grid-gap:.6rem;gap:.6rem}.mcq-option{display:flex;align-items:center;gap:.7rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{padding:.75rem .6rem;border-bottom:1px solid var(--border);text-align:left}th{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.score-panel{border-radius:1.2rem;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-2) 92%,transparent);padding:1rem}.alert-error{border:1px solid color-mix(in oklab,var(--danger) 42%,transparent);background:color-mix(in oklab,var(--danger) 16%,transparent);border-radius:1rem;padding:.9rem 1rem;color:var(--text)}.hero-quiz{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);grid-gap:1rem;gap:1rem;align-items:start}.hero-metric-panel{display:grid;grid-gap:.75rem;gap:.75rem}.hero-metric-card{display:grid;grid-gap:.35rem;gap:.35rem;padding:1rem;border-radius:1.25rem;background:color-mix(in oklab,var(--surface-strong) 88%,transparent);border:1px solid var(--border)}.hero-metric-card span{color:var(--muted);font-size:.85rem;font-weight:700}.hero-metric-card strong{font-size:1.5rem;font-family:var(--font-heading)}.hero-metric-card.highlight{background:linear-gradient(135deg,rgba(255,183,48,.24),hsla(0,0%,100%,.72))}html[data-theme=dark] .hero-metric-card.highlight{background:linear-gradient(135deg,rgba(255,183,48,.18),rgba(24,49,88,.9))}.cover-card{padding:.5rem}.cover-image{width:100%;height:auto;display:block;border-radius:1.35rem;object-fit:cover}.challenge-card{background:radial-gradient(circle at top right,rgba(255,180,67,.24),transparent 30%),linear-gradient(180deg,rgba(255,247,234,.96),hsla(0,0%,100%,.98))}html[data-theme=dark] .challenge-card{background:radial-gradient(circle at top right,rgba(255,180,67,.16),transparent 30%),linear-gradient(180deg,rgba(19,39,70,.96),rgba(17,30,55,.98))}.challenge-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.timer-pill{display:grid;grid-gap:.18rem;gap:.18rem;min-width:6.5rem;padding:.9rem 1rem;border-radius:1.2rem;background:linear-gradient(135deg,rgba(255,161,66,.18),hsla(0,0%,100%,.92));border:1px solid rgba(255,166,68,.28);text-align:right}html[data-theme=dark] .timer-pill{background:linear-gradient(135deg,rgba(255,161,66,.16),rgba(19,39,70,.94))}.timer-pill span{color:var(--muted);font-size:.82rem;font-weight:800}.timer-pill strong{font-size:1.7rem;font-family:var(--font-heading);line-height:1}.challenge-progress-grid{display:grid;grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr))}.progress-card{display:grid;grid-gap:.55rem;gap:.55rem;padding:.85rem .95rem;border-radius:1.15rem;background:color-mix(in oklab,var(--surface-strong) 88%,transparent);border:1px solid var(--border)}.progress-bar{position:relative;height:.78rem;border-radius:999px;background:color-mix(in oklab,var(--surface-2) 88%,transparent);overflow:hidden}.progress-bar span{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0,var(--accent-strong) 100%)}.progress-soft span{background:linear-gradient(90deg,#34d399,#0ea5a0)}.progress-amber span{background:linear-gradient(90deg,#ffd34d,#ff8a00)}.challenge-track{display:flex;flex-wrap:wrap;gap:.55rem}.track-pill{min-width:2.4rem;min-height:2.4rem;border-radius:.95rem;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-strong) 92%,transparent);color:var(--muted);font-weight:900;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,background .18s ease}.track-pill.active{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);border-color:transparent;color:var(--accent-contrast)}.track-pill.done{border-color:rgba(55,186,116,.42);color:var(--success)}.challenge-question-card{padding:1rem;border-radius:1.45rem;background:color-mix(in oklab,var(--surface-strong) 94%,transparent);border:1px solid var(--border);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4)}.challenge-question-meta{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.question-points,.question-step{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;border-radius:999px;padding:.45rem .78rem;font-weight:800}.question-step{background:rgba(255,172,58,.18);color:var(--accent-strong)}.question-points{background:color-mix(in oklab,var(--surface-2) 90%,transparent);color:var(--muted)}.challenge-media{overflow:hidden;border-radius:1.25rem}.challenge-media-image{width:100%;height:auto;display:block;object-fit:cover}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.85rem;gap:.85rem}.answer-tile{display:flex;align-items:center;gap:.85rem;padding:1rem;min-height:4.5rem;border-radius:1.25rem;border:1px solid var(--tone-border,var(--border));cursor:pointer;color:var(--tone-ink,var(--text));box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.answer-tile.selected{box-shadow:0 0 0 3px rgba(255,152,40,.22),var(--shadow-soft);border-color:rgba(255,133,26,.5)}.answer-badge{display:inline-grid;place-items:center;flex:0 0 auto;width:2rem;height:2rem;border-radius:999px;background:hsla(0,0%,100%,.42);font-weight:900}.challenge-field input{margin-top:.15rem}.challenge-result{display:grid;grid-gap:.45rem;gap:.45rem;padding:1rem 1.1rem;border-radius:1.25rem;border:1px solid rgba(55,186,116,.3);background:linear-gradient(135deg,rgba(93,227,149,.16),hsla(0,0%,100%,.92))}html[data-theme=dark] .challenge-result{background:linear-gradient(135deg,rgba(93,227,149,.12),rgba(19,39,70,.94))}.challenge-result strong{font-size:1.6rem;font-family:var(--font-heading)}.challenge-footer{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:space-between}.challenge-footer>*{flex:1 1}.tone-1{--tone-bg:linear-gradient(135deg,rgba(255,225,150,.52),rgba(255,247,229,.96));--tone-border:rgba(255,189,77,.34);--tone-ink:#7d5200}.tone-2{--tone-bg:linear-gradient(135deg,rgba(255,181,194,.46),rgba(255,243,246,.98));--tone-border:rgba(244,126,145,.3);--tone-ink:#992c47}.tone-3{--tone-bg:linear-gradient(135deg,rgba(152,195,255,.5),rgba(241,247,255,.98));--tone-border:rgba(95,154,245,.3);--tone-ink:#1d5bb3}.tone-4{--tone-bg:linear-gradient(135deg,rgba(153,239,197,.48),rgba(241,255,247,.98));--tone-border:rgba(70,195,122,.32);--tone-ink:#146c42}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1040px){.challenge-layout,.hero-quiz,.hero-splash,.split-grid{grid-template-columns:1fr}.hero-phone{justify-content:flex-start}.phone-card{width:100%}}@media (max-width:760px){.top-nav{position:static;flex-direction:column;align-items:stretch}.top-nav-links{justify-content:flex-start}.answer-grid,.card-grid,.category-lane-grid,.challenge-progress-grid,.quiz-library-grid,.stat-ribbon{grid-template-columns:1fr}.challenge-footer{position:-webkit-sticky;position:sticky;bottom:.75rem;padding:.8rem;border-radius:1.2rem;background:color-mix(in oklab,var(--surface-strong) 92%,transparent);border:1px solid var(--border);box-shadow:var(--shadow)}.challenge-footer>*{flex-basis:100%}h1{font-size:clamp(1.85rem,10vw,2.7rem)}}.backdrop-orb{opacity:.22;filter:blur(110px)}.top-nav{padding:1rem 0 .75rem}.top-nav-links{gap:.55rem}.ghost-button,.top-nav-links a{min-height:2.55rem;padding:.6rem .9rem;border-radius:1rem;box-shadow:none}.auth-page,.simple-home{width:min(100%,42rem);margin-inline:auto}.simple-quiz-page{width:min(100%,48rem);margin-inline:auto}.auth-page .card:after,.auth-page .hero:after,.simple-home .card:after,.simple-home .hero:after,.simple-quiz-page .card:after,.simple-quiz-page .hero:after{display:none}.app-card{display:grid;grid-gap:1rem;gap:1rem;padding:1.4rem;border-radius:2rem}.home-mobile-card{justify-items:center;text-align:center}.home-brand-lockup{display:inline-flex;align-items:center;gap:.9rem}.home-brand-icon{display:inline-grid;place-items:center;width:4rem;height:4rem;border-radius:1.4rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:var(--accent-contrast);font-family:var(--font-heading);font-size:2rem;font-weight:900;box-shadow:var(--shadow-soft)}.home-brand-lockup strong{display:block;font-family:var(--font-heading);font-size:clamp(2rem,7vw,2.6rem);line-height:1}.home-brand-lockup p{margin-top:.28rem;color:var(--muted);font-weight:700}.home-copy{max-width:31rem;justify-items:center}.home-copy p{color:var(--muted);font-size:1rem}.home-player-badge{width:100%;padding:.95rem 1rem;border-radius:1.2rem;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-2) 88%,transparent);color:var(--text);font-weight:800}.home-action-grid{display:grid;grid-gap:.75rem;gap:.75rem;width:100%}.home-action-grid>*{width:100%}.home-quick-stats{display:flex;justify-content:center;gap:.65rem;flex-wrap:wrap}.simple-section{display:grid;grid-gap:1rem;gap:1rem}.category-tab-row,.subcategory-tab-row{display:flex;gap:.7rem;overflow-x:auto;padding-bottom:.15rem;scrollbar-width:none}.category-tab-row::-webkit-scrollbar,.subcategory-tab-row::-webkit-scrollbar{display:none}.category-tab,.subcategory-tab{text-decoration:none;white-space:nowrap;box-shadow:var(--shadow-soft)}.category-tab{display:grid;grid-gap:.2rem;gap:.2rem;min-width:10.2rem;padding:.95rem 1rem;border-radius:1.25rem;border:1px solid var(--tone-border,var(--border));background:var(--tone-bg,color-mix(in oklab,var(--surface-2) 90%,transparent));color:var(--tone-ink,var(--text));font-weight:800}.category-tab small{color:var(--muted);font-size:.78rem;font-weight:700}.category-tab.active{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);border-color:transparent;color:var(--accent-contrast)}.category-tab.active small{color:rgba(255,253,248,.88)}.subcategory-tab{display:inline-flex;align-items:center;justify-content:center;min-height:2.55rem;padding:.7rem 1rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-strong) 92%,transparent);color:var(--text);font-weight:800}.subcategory-tab.active{background:var(--text);border-color:var(--text);color:var(--surface-strong)}.leader-mini-list,.quiz-feed-list{display:grid;grid-gap:.9rem;gap:.9rem}.quiz-feed-card{display:grid;grid-gap:.85rem;gap:.85rem;padding:1rem;border-radius:1.45rem;border:1px solid var(--tone-border,var(--border));background:var(--tone-bg,color-mix(in oklab,var(--surface-2) 90%,transparent));color:var(--tone-ink,var(--text));text-decoration:none;box-shadow:var(--shadow-soft)}.quiz-feed-card strong{font-size:1.12rem;line-height:1.2}.play-stage-meta,.play-top-row,.quiz-feed-footer,.quiz-feed-header,.quiz-top-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.quiz-feed-plays{color:var(--muted);font-size:.82rem;font-weight:800}.quiz-feed-meta{display:flex;gap:.5rem;flex-wrap:wrap}.quiz-feed-cta,.quiz-feed-meta span{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.45rem .8rem;border-radius:999px;font-size:.84rem;font-weight:900}.quiz-feed-meta span{background:hsla(0,0%,100%,.62);color:var(--muted)}.quiz-feed-cta{background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:var(--accent-contrast)}.home-empty-state{padding:.4rem .2rem}.leader-mini-row{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:.8rem;gap:.8rem;padding:.95rem 1rem;border-radius:1.2rem;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-2) 90%,transparent)}.leader-mini-rank{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.95rem;background:linear-gradient(135deg,var(--accent) 0,var(--accent-strong) 100%);color:var(--accent-contrast);font-weight:900}.simple-quiz-hero{background:linear-gradient(180deg,#cf6a00,#f0b318);border:none;color:#fffdf7}.simple-quiz-hero .button-secondary{box-shadow:none}.simple-quiz-hero .button-secondary,.simple-quiz-hero .pill{background:hsla(0,0%,100%,.16);border-color:hsla(0,0%,100%,.22);color:#fffdf7}.quiz-score-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.65rem 1rem;border-radius:999px;background:#ffe180;color:#845200;font-weight:900;box-shadow:var(--shadow-soft)}.quiz-hero-copy p,.quiz-hero-meta{color:rgba(255,253,247,.88)}.quiz-hero-meta{display:flex;gap:.6rem 1rem;flex-wrap:wrap;font-weight:700}.quiz-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.simple-quiz-layout{display:grid;grid-gap:1rem;gap:1rem}.play-shell{overflow:hidden;border-radius:2rem;background:linear-gradient(160deg,#d96800,#f5a020 55%,#ffd04a);box-shadow:0 28px 64px rgba(24,62,112,.26),inset 0 1px 0 hsla(0,0%,100%,.15)}.play-shell-top{padding:1.3rem 1.3rem 1rem;color:#fffdf7}.play-step-label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.play-step-progress{margin-top:.15rem;font-family:var(--font-heading);font-size:2.4rem;font-weight:900;line-height:1;letter-spacing:-.02em}.play-step-total{font-size:1.2rem;font-weight:700;opacity:.65}.play-timer-chip{display:grid;grid-gap:.1rem;gap:.1rem;min-width:5.5rem;padding:.7rem 1rem;border-radius:1.1rem;background:hsla(0,0%,100%,.18);border:1px solid hsla(0,0%,100%,.28);text-align:right;transition:background .4s ease,border-color .4s ease}.play-timer-chip span{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.8}.play-timer-chip strong{font-size:1.5rem;line-height:1;font-weight:900}.play-timer-warning{background:rgba(255,210,0,.3);border-color:rgba(255,220,50,.5)}.play-timer-urgent{background:rgba(255,60,60,.35);border-color:hsla(0,100%,70%,.55);animation:timer-pulse .7s ease-in-out infinite alternate}@keyframes timer-pulse{0%{background:rgba(255,60,60,.3)}to{background:rgba(255,60,60,.5)}}.play-meter,.play-timer-bar{overflow:hidden;border-radius:999px}.play-meter{height:.55rem;margin-top:1rem;background:hsla(0,0%,100%,.22)}.play-meter span{display:block;height:100%;border-radius:inherit;background:hsla(0,0%,100%,.85);transition:width .4s ease}.play-login-note{margin:.95rem 1rem 0}.play-stage{margin-top:.65rem;overflow:hidden;border-radius:1.75rem 1.75rem 2rem 2rem;background:var(--surface-strong)}.play-stage-visual{min-height:10rem;background:linear-gradient(160deg,#f07000,#e86000);display:grid;place-items:center}.play-stage-image{width:100%;height:100%;max-height:16rem;object-fit:cover;display:block}.play-stage-placeholder{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem 0;color:#fffdf7}.play-stage-qnum{font-family:var(--font-heading);font-size:4.5rem;font-weight:900;line-height:1;opacity:.9;text-shadow:0 4px 20px rgba(0,0,0,.18)}.play-stage-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .9rem;border-radius:999px;background:rgba(0,0,0,.2);font-size:.85rem;font-weight:800}.play-stage-body{padding:1.2rem 1.2rem 1rem}.play-stage-meta{color:var(--muted);font-size:.85rem;font-weight:800}.play-timer-bar{height:.65rem;background:#e2e8f0;border-radius:999px}.play-timer-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffd22d,#ff8c00);transition:width 1s linear}.play-stage-body h3{font-size:clamp(1.3rem,4.5vw,1.85rem);line-height:1.3;text-align:center;margin:.5rem 0}.play-answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.play-answer-button{display:flex;align-items:center;gap:.75rem;min-height:4.2rem;padding:.9rem 1rem;border:2px solid transparent;border-radius:1.2rem;color:#fffdf7;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.14);font-weight:800;font-size:.95rem;text-align:left;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s ease,border-color .15s ease}.play-answer-button:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 10px 28px rgba(0,0,0,.22)}.play-answer-button.selected{transform:translateY(-2px) scale(1.03);border-color:hsla(0,0%,100%,.9);box-shadow:0 0 0 2px hsla(0,0%,100%,.5),0 10px 28px rgba(0,0,0,.2)}.play-answer-button.selected .play-answer-key{background:hsla(0,0%,100%,.45)}.play-answer-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.play-answer-key{display:inline-grid;place-items:center;width:2.1rem;height:2.1rem;flex:0 0 auto;border-radius:999px;background:hsla(0,0%,100%,.22);font-weight:900;font-size:.9rem;transition:background .15s ease}.answer-tone-1{background:linear-gradient(135deg,#ff5f68,#f03040)}.answer-tone-2{background:linear-gradient(135deg,#5c97ff,#3060e0)}.answer-tone-3{background:linear-gradient(135deg,#ffca28,#f4a800);color:#5c3f00}.answer-tone-3 .play-answer-key{background:hsla(0,0%,100%,.38);color:#6b4a00}.answer-tone-4{background:linear-gradient(135deg,#2ecc71,#18a455)}.play-result-card{display:grid;grid-gap:.75rem;gap:.75rem;margin:0 .75rem .75rem;padding:1.25rem;border-radius:1.6rem;background:var(--surface-strong);box-shadow:0 4px 20px rgba(0,0,0,.06)}.play-result-score-ring{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 1rem 1.25rem;border-radius:1.25rem;background:linear-gradient(135deg,var(--surface-2) 0,var(--surface-3) 100%)}.play-result-emoji{font-size:2.8rem;line-height:1}.play-result-score-num{font-family:var(--font-heading);font-size:3.6rem;font-weight:900;line-height:1;color:var(--accent-strong)}.play-result-score-sub{font-size:.88rem;color:var(--muted);font-weight:700;margin-top:.1rem}.play-action-row{display:flex;flex-wrap:wrap;gap:.75rem}.play-action-row>*{flex:1 1 12rem}.play-footer{padding:0 .75rem .75rem}.next-quiz-panel{gap:.9rem}.next-quiz-feature,.quiz-next-link{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:1rem;border-radius:1.25rem;border:1px solid var(--border);background:color-mix(in oklab,var(--surface-2) 90%,transparent);box-shadow:var(--shadow-soft);text-decoration:none}.next-quiz-feature{background:linear-gradient(135deg,rgba(255,210,97,.28),hsla(0,0%,100%,.94))}.auth-page{padding-top:1rem}.auth-card,.auth-hero{text-align:center}.auth-hero p{color:var(--muted)}.auth-card{padding:1.25rem}.auth-card form{gap:1rem;text-align:left}.auth-card .button-primary,.auth-card .button-secondary{width:100%}@media (max-width:760px){.auth-page,.simple-home,.simple-quiz-page{width:100%}.top-nav-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.ghost-button,.top-nav-links a{width:100%}.play-stage-meta,.play-top-row,.quiz-feed-footer,.quiz-feed-header,.quiz-top-row{align-items:flex-start}.play-answer-grid{grid-template-columns:1fr;gap:.6rem}.play-action-row>*{flex-basis:100%}.play-stage-body{padding:1rem}.quiz-hero-actions>*{flex:1 1 100%}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--surface-1,#1a1a2e);border-top:1px solid var(--border,hsla(0,0%,100%,.1));padding:1rem 1.5rem;box-shadow:0 -4px 24px rgba(0,0,0,.3)}.cookie-banner-content{max-width:900px;margin:0 auto;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.cookie-banner-content>div:first-child{flex:1 1 300px}.cookie-banner-actions{display:flex;gap:.75rem;flex-shrink:0;flex-wrap:wrap}.guest-migrate-banner{background:var(--surface-1,#1a1a2e);border-bottom:1px solid var(--border,hsla(0,0%,100%,.1));padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.category-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem}.category-tab-icon{font-size:1.25rem;line-height:1}