:root{--warn:#e08a00;--spring:cubic-bezier(.34, 1.56, .64, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--warn:#ffb020}}:root[data-theme=dark]{--warn:#ffb020}.q-enter .question{animation:fun-in .18s var(--ease,ease-out) both}.q-enter .option{animation:fun-in .16s var(--ease,ease-out) both}.q-enter .option:nth-child(2){animation-delay:30ms}.q-enter .option:nth-child(3){animation-delay:60ms}.q-enter .option:nth-child(4){animation-delay:90ms}@keyframes fun-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.option{transition:transform .12s var(--ease,ease-out), opacity .2s, border-color .15s, background-color .15s}.option:not(:disabled):active{transform:scale(.97)}.option.chosen{animation:fun-lock .32s var(--spring) both}.option.chosen .key{animation:fun-pop .32s var(--spring) both}@keyframes fun-lock{0%{transform:scale(.97)}55%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes fun-pop{0%{transform:scale(.6)}70%{transform:scale(1.2)}to{transform:scale(1)}}.verdict{position:relative}.reveal.is-right .verdict{animation:fun-pop .42s var(--spring) both}.reveal.is-right .option.correct{animation:.7s ease-out both fun-glow}.reveal.is-wrong .option.wrong.mine{animation:.42s ease-in-out both fun-shake}.reveal .option.correct:not(.mine){animation-delay:.12s}@keyframes fun-glow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--good) 55%, transparent)}to{box-shadow:0 0 0 14px #0000}}@keyframes fun-shake{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}}.reveal.is-right .verdict-points{animation:fun-rise-in .42s var(--spring) .16s both;display:inline-block}@keyframes fun-rise-in{0%{opacity:0;transform:translateY(12px)scale(.7)}to{opacity:1;transform:none}}.score-pill.gained{animation:fun-gain .8s var(--spring) .25s both}@keyframes fun-gain{0%{transform:scale(1)}35%{transform:scale(1.18);box-shadow:0 0 0 6px #6d3ef038}to{transform:scale(1);box-shadow:0 0 #0000}}.burst{inset-inline-start:50%;pointer-events:none;width:0;height:0;position:absolute;top:50%}.burst i{background:var(--good);border-radius:50%;width:10px;height:10px;margin:-5px;animation:.65s cubic-bezier(.2,.7,.3,1) both fun-burst;position:absolute}.burst.brand i.h0{background:#2457e6}.burst.brand i.h1{background:#6d3ef0}.burst.brand i.h2{background:#d1307f}.burst.good i.h1{background:color-mix(in srgb, var(--good) 70%, #fff)}.burst.good i.h2{background:#ffb020}@keyframes fun-burst{0%{transform:translate(0, 0) scale(var(--s,1));opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(0);opacity:0}}.stage-top{gap:10px}.score-pill{font-variant-numeric:tabular-nums;background:var(--grad);color:#fff;text-align:center;border-radius:999px;min-width:56px;padding:4px 12px;font-size:15px;font-weight:800}.streak-chip{color:#d45a00;animation:fun-bump .46s var(--spring) both;font-variant-numeric:tabular-nums;background:#ff7a0024;border-radius:999px;align-items:center;gap:2px;margin-inline:auto 4px;padding:3px 10px 3px 8px;font-size:15px;font-weight:800;display:inline-flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .streak-chip{color:#ffa24d}}:root[data-theme=dark] .streak-chip{color:#ffa24d}.streak-chip.t3{font-size:17px}.streak-chip.t5{background:#ff4d002e;font-size:19px}.streak-chip.t10{background:var(--grad);color:#fff;font-size:21px}.streak-chip.t5>span:first-child,.streak-chip.t10>span:first-child{animation:1.2s ease-in-out infinite fun-flicker;display:inline-block}@keyframes fun-bump{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.25)}to{transform:scale(1)}}@keyframes fun-flicker{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.12)rotate(-6deg)}}.best-streak{color:#d45a00;margin:4px 0 0;font-weight:700}.ring .ring-fg{stroke:var(--accent);transition:stroke .3s}.ring.warn .ring-fg{stroke:var(--warn)}.ring.hot .ring-fg{stroke:var(--bad)}.ring.hot{animation:1s ease-in-out infinite fun-pulse}.ring.hot span{color:var(--bad);animation:fun-pop .3s var(--spring) both}@keyframes fun-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.board li.moved{animation:fun-move .52s var(--ease,ease-out) both}.board li .up{animation:fun-bump .46s var(--spring) .3s both;display:inline-block}@keyframes fun-move{0%{transform:translateY(calc(var(--from,0) * 100%))}to{transform:none}}.confetti{pointer-events:none;z-index:50;width:100vw;height:100vh;position:fixed;inset:0}.podium .step{position:relative}.podium .p1{background:var(--grad);color:#fff}.podium .p1 .pts,.podium .p1 .pts-correct{color:#ffffffe6}.crown{top:-30px;animation:fun-crown .7s var(--spring) .85s both;font-size:28px;position:absolute;inset-inline-start:50%;translate:-50%}[dir=rtl] .crown{translate:50%}@keyframes fun-crown{0%{opacity:0;transform:translateY(-16px)scale(.5)rotate(-20deg)}to{opacity:1;transform:none}}.winner-name,.score-headline{animation:fun-pop .52s var(--spring) both}.score-headline{font-variant-numeric:tabular-nums}.podium-primary.nudge{animation:1.6s ease-in-out 2s 3 fun-breathe}@keyframes fun-breathe{0%,to{box-shadow:var(--shadow);transform:scale(1)}50%{transform:scale(1.035);box-shadow:0 10px 30px #6d3ef066}}body.tv-mode .streak-chip{padding:6px 16px;font-size:28px}body.tv-mode .score-pill{font-size:24px}body.tv-mode .verdict{font-size:1.2em}body.tv-mode .ring{transform-origin:50%}@media (prefers-reduced-motion:reduce){.q-enter .question,.q-enter .option,.option.chosen,.option.chosen .key,.reveal.is-right .verdict,.reveal.is-right .option.correct,.reveal.is-wrong .option.wrong.mine,.streak-chip,.streak-chip>span:first-child,.ring.hot,.ring.hot span,.board li.moved,.board li .up,.crown,.winner-name,.score-headline,.podium-primary.nudge,.podium .step{animation:none!important}.burst{display:none}.reveal.is-right .verdict-points,.score-pill.gained{animation:none!important}.option:not(:disabled):active{transform:none}}
:root{--gold:#e8a317;--gold-2:#ffd766;--gold-ink:#7a5200}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--gold-ink:#ffd766}}:root[data-theme=dark]{--gold-ink:#ffd766}.golden-chip{color:#4a3100;background:linear-gradient(135deg, var(--gold-2), var(--gold));box-shadow:0 6px 20px color-mix(in srgb, var(--gold) 40%, transparent);border-radius:999px;align-self:center;align-items:center;gap:8px;margin:0 auto 2px;padding:6px 14px;font-size:15px;font-weight:700;animation:.52s cubic-bezier(.2,1.4,.4,1) both gold-pop;display:inline-flex}.golden-chip b{font-size:17px}.is-golden .verdict.good{color:var(--gold-ink)}.is-golden .option.correct{border-color:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 30%, transparent)}.burst.gold i.h0{background:#ffd766}.burst.gold i.h1{background:#e8a317}.burst.gold i.h2{background:#fff3c4}@keyframes gold-pop{0%{opacity:0;transform:scale(.6)translateY(6px)}to{opacity:1;transform:none}}.badge-toast{background:var(--surface,#fff);color:inherit;border-radius:999px;align-items:center;gap:10px;margin:4px auto 0;padding:10px 16px;font-size:15px;text-decoration:none;animation:.48s cubic-bezier(.2,1.2,.4,1) .9s both toast-in;display:inline-flex;box-shadow:0 8px 24px #0000001f}.badge-toast-icons{font-size:20px}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}.badge-wall{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;width:100%;max-width:560px;margin:0;padding:0;list-style:none;display:grid}.badge-wall li{background:var(--surface,#fff);text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:16px 10px;display:flex}.badge-wall li.locked{opacity:.45;filter:grayscale()}.badge-icon{font-size:34px;line-height:1}.badge-name{font-weight:600}.mark{justify-content:center;align-self:center;margin:-6px auto 0;display:inline-flex}.mark svg{fill:currentColor;color:var(--accent)}.mark-1 svg{opacity:.3}.mark-2 svg{opacity:.55}.mark-3 svg{opacity:.9;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 60%, transparent))}.mark svg{transform-origin:50%;animation:4.2s ease-in-out infinite mark-shimmer}@keyframes mark-shimmer{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(12deg)scale(1.08)}}@media (prefers-reduced-motion:reduce){.golden-chip,.badge-toast,.mark svg{animation:none}}body.tv-mode .golden-chip{padding:10px 22px;font-size:24px}.me-badge{vertical-align:middle;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;margin-inline-end:2px;font-size:20px;text-decoration:none;display:inline-flex}.me-badge:focus-visible{box-shadow:var(--focus);outline:none}.end-extras{flex-direction:column;align-items:center;gap:12px;margin-top:12px;display:flex}
.st-page{flex-direction:column;gap:16px;max-width:640px;min-height:calc(100dvh - 52px);margin:0 auto;padding:16px 16px 132px;display:flex}.st-page.centred{text-align:center;justify-content:center;padding-bottom:64px}.st-head{align-items:center;gap:8px;min-height:44px;display:flex}.st-head h1{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:20px;font-weight:700;overflow:hidden}.st-icon{width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:22px;text-decoration:none;display:inline-flex}.st-icon:hover{background:color-mix(in srgb, var(--text) 6%, transparent)}.st-icon:focus-visible{box-shadow:var(--focus);outline:none}[dir=rtl] .st-back{transform:scaleX(-1)}.mode-switch{border-radius:var(--pill);background:color-mix(in srgb, var(--text) 7%, transparent);margin:0 auto 20px;padding:4px;display:inline-flex}.mode-switch a{border-radius:var(--pill);color:var(--text-2);padding:8px 20px;font-size:15px;font-weight:600;text-decoration:none}.mode-switch a[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.st-card{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:20px;display:flex}.st-hero{background:var(--grad);color:#fff}.st-hero .st-meta{color:#ffffffdb}.st-hero .btn{color:#3b2bd6;box-shadow:none;background:#fff}.st-hero h2{letter-spacing:-.02em;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:26px;line-height:1.15;display:-webkit-box;overflow:hidden}.st-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;margin:0;font-size:15px;display:flex}.st-meta .sep:before{content:"·";opacity:.6;margin-inline-end:10px}.st-rows{flex-direction:column;gap:8px;display:flex}.st-row{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow);color:var(--text);width:100%;min-height:60px;font:inherit;text-align:start;cursor:pointer;border:0;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;display:flex}.st-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.st-row .num{font-variant-numeric:tabular-nums;color:var(--text-2);font-size:15px}.st-row .due{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:var(--pill);padding:3px 10px;font-size:13px;font-weight:700}.st-add{align-self:center}.st-ask{flex-direction:column;gap:12px;width:100%;display:flex}.st-ask .field{text-align:center;min-height:58px;font-size:19px}.st-bar{inset-inline:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, color-mix(in srgb, var(--bg) 0%, transparent));z-index:20;flex-direction:column;align-items:center;gap:6px;display:flex;position:fixed;bottom:0}.st-bar>*{width:100%;max-width:608px}.st-bar .btn-plain{width:auto}.st-steps{text-align:start;flex-direction:column;gap:14px;width:min(100%,360px);margin:8px auto 0;padding:0;list-style:none;display:flex}.st-steps li{color:var(--text-2);align-items:center;gap:12px;font-weight:500;display:flex}.st-steps li .dot{border:2px solid var(--line);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:inline-flex}.st-steps li.now{color:var(--text);font-weight:600}.st-steps li.now .dot{border-color:var(--accent);border-top-color:#0000;animation:.9s linear infinite st-spin}.st-steps li.done{color:var(--text)}.st-steps li.done .dot{background:var(--good);color:#fff;border-color:#0000}@keyframes st-spin{to{transform:rotate(360deg)}}.st-domain{border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);align-items:center;gap:12px;padding:8px 4px;display:flex}.st-domain:last-child{border-bottom:0}.st-domain .n{flex:1;font-weight:600}.st-domain .w{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:14px}.st-domain.off .n,.st-domain.off .w{opacity:.45;text-decoration:line-through}.st-src{color:var(--text-2);margin:0;font-size:13px}.st-settings{flex-direction:column;gap:14px;display:flex}.st-settings label,.st-settings .row{justify-content:space-between;align-items:center;gap:12px;font-weight:600;display:flex}.st-settings input[type=date]{font:inherit;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--text);min-height:44px;padding:10px 12px}.st-seg{background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:var(--pill);padding:3px;display:inline-flex}.st-settings .row{flex-wrap:wrap}.st-seg button{white-space:nowrap;border-radius:var(--pill);font:inherit;color:var(--text-2);cursor:pointer;background:0 0;border:0;min-height:36px;padding:8px 14px;font-weight:600}.st-seg button[aria-pressed=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.st-switch{background:var(--line);cursor:pointer;width:50px;height:30px;transition:background .16s var(--ease);border:0;border-radius:15px;flex:none;position:relative}.st-switch:after{content:"";top:3px;width:24px;height:24px;transition:transform .16s var(--ease);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #00000040}.st-switch[aria-checked=true]{background:var(--good)}.st-switch[aria-checked=true]:after{transform:translate(20px)}[dir=rtl] .st-switch[aria-checked=true]:after{transform:translate(-20px)}.st-ready{align-items:baseline;gap:10px;display:flex}.st-ready b{letter-spacing:-.04em;background:var(--grad);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:56px;line-height:1}.st-ready .dash{color:var(--text-2);font-size:44px;font-weight:700}.st-bars{flex-direction:column;gap:4px;display:flex}.st-bar-row{border-radius:var(--r-sm);color:var(--text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;width:100%;padding:10px 12px;display:grid}.st-bar-row:hover{background:color-mix(in srgb, var(--text) 5%, transparent)}.st-bar-row .n{font-size:15px;font-weight:600}.st-bar-row .v{color:var(--text-2);font-variant-numeric:tabular-nums;font-size:14px}.st-track{background:color-mix(in srgb, var(--text) 9%, transparent);border-radius:4px;grid-column:1/-1;height:8px;overflow:hidden}.st-fill{background:var(--grad);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--k,0));transition:transform .9s var(--ease);border-radius:4px}[dir=rtl] .st-fill{transform-origin:100%}.st-fill.pre{background:color-mix(in srgb, var(--text) 26%, transparent)}.st-bar-row.off{opacity:.45}.st-progress{background:color-mix(in srgb, var(--text) 9%, transparent);border-radius:3px;flex:1;height:6px;overflow:hidden}.st-progress i{background:var(--grad);transform-origin:0;height:100%;transform:scaleX(var(--k,0));transition:transform .3s var(--ease);border-radius:3px;display:block}[dir=rtl] .st-progress i{transform-origin:100%}.st-count{color:var(--text-2);font-variant-numeric:tabular-nums;text-align:end;min-width:48px;font-size:14px;font-weight:600}.st-chip{color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, transparent);border-radius:var(--pill);align-self:flex-start;padding:5px 12px;font-size:13px;font-weight:600}.st-stem{letter-spacing:-.015em;margin:0;font-size:clamp(21px,5.4vw,28px);font-weight:700;line-height:1.3}.st-q .options{margin-top:4px}.st-panel{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow);animation:st-up .22s var(--ease);flex-direction:column;gap:10px;padding:18px;scroll-margin-bottom:128px;display:flex}.st-panel .verdict{margin:0;font-size:22px;font-weight:700}.st-panel .verdict.good{color:var(--good)}.st-panel .verdict.bad{color:var(--bad)}.st-panel h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-2);margin:4px 0 0;font-size:13px}.st-panel p{margin:0;line-height:1.5}.st-panel .st-src{margin-top:2px}.st-chips{flex-wrap:wrap;gap:8px;display:flex}.st-chips button{border:1px solid var(--line);color:var(--text-2);font:inherit;border-radius:var(--pill);cursor:pointer;background:0 0;min-height:38px;padding:8px 14px;font-size:14px;font-weight:600}.st-chips button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}@keyframes st-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.st-timer{font-variant-numeric:tabular-nums;border-radius:var(--pill);background:color-mix(in srgb, var(--text) 7%, transparent);padding:6px 12px;font-size:17px;font-weight:700}.st-timer.low{color:var(--bad);background:var(--bad-bg)}.st-overlay{z-index:60;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:24px;display:flex;position:fixed;inset:0}.st-banner{border-radius:var(--r-md);background:color-mix(in srgb, var(--accent) 9%, transparent);color:var(--text);padding:12px 16px;font-size:15px;font-weight:500}.st-banner.warn{background:#ffb02029}.st-offline.top{margin-top:-16px;top:0}.st-offline{z-index:15;text-align:center;background:color-mix(in srgb, #ffb020 22%, var(--bg));border-radius:0;margin:0 -16px;position:sticky;top:52px}.st-points{text-align:start;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.st-points li{align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.st-points li:before{content:"✓";background:var(--grad);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:inline-flex}.st-sample{text-align:start;font-weight:600;line-height:1.4}.st-skel{border-radius:var(--r-lg);background:linear-gradient(90deg, color-mix(in srgb, var(--text) 6%, transparent), color-mix(in srgb, var(--text) 11%, transparent), color-mix(in srgb, var(--text) 6%, transparent));background-size:200% 100%;animation:1.4s linear infinite st-shimmer}@keyframes st-shimmer{to{background-position:-200% 0}}.st-review{flex-direction:column;gap:12px;display:flex}.st-review .st-card p{margin:0}.st-review .ok{color:var(--good);font-weight:700}.st-review .no{color:var(--bad);font-weight:700}.study-hint{color:var(--accent);font-size:15px;font-weight:600;text-decoration:none}.st-sheet .bottom-sheet{max-height:88dvh;overflow:auto}@media (prefers-reduced-motion:reduce){.st-fill,.st-progress i{transition:none}.st-panel{animation:none}.st-steps li.now .dot{border-top-color:var(--accent);animation:none}.st-skel{animation:none}}