:root{--font: "DM Sans", "Noto Sans Devanagari", system-ui, -apple-system, "Segoe UI", sans-serif;--font-head: "Poppins", "DM Sans", "Noto Sans Devanagari", system-ui, sans-serif;--font-hi: "Noto Sans Devanagari", "DM Sans", system-ui, sans-serif;--bg: #f3f6fd;--surface: #ffffff;--surface-2: #eef2fb;--surface-3: #e2e8f5;--line: #e3e9f6;--line-strong: #cbd5e8;--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--accent: #2563eb;--accent-soft: #e8effe;--accent-text: #1d4ed8;--grad: linear-gradient(135deg, #2563eb 0%, #4f46e5 55%, #7c3aed 100%);--gold: #f59e0b;--gold-soft: #fef3c7;--gold-ink: #a16207;--good: #16a34a;--good-soft: #dcfce7;--good-ink: #15803d;--warning-soft: #fff4e0;--warning-ink: #b45309;--critical: #dc2626;--critical-soft: #fee2e2;--critical-ink: #b91c1c;--rose: #e11d48;--rose-soft: #ffe4e6;--violet-soft: #ede9fe;--shadow-1: 0 1px 2px rgb(15 23 42 / 4%), 0 6px 16px -8px rgb(37 99 235 / 14%);--shadow-3: 0 24px 60px -20px rgb(15 23 42 / 30%);--card-border: transparent;--bar-bg: rgb(255 255 255 / 82%);--r: 20px;--r-lg: 28px;--ease: cubic-bezier(.2, .8, .2, 1);--gutter: 16px;--maxw: 680px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0a0f1e;--surface: #121a2e;--surface-2: #1a2440;--surface-3: #24304f;--line: #22304d;--line-strong: #33436a;--ink: #e8eefb;--ink-2: #b7c2da;--muted: #8592ad;--accent: #5b8cff;--accent-soft: #1b2a55;--accent-text: #93b4ff;--grad: linear-gradient(135deg, #2f5fe0 0%, #4f46e5 55%, #7c3aed 100%);--gold: #fbbf24;--gold-soft: #3a2b0b;--gold-ink: #fcd34d;--good: #22c55e;--good-soft: #0f2e1d;--good-ink: #4ade80;--warning-soft: #33270c;--warning-ink: #fcd34d;--critical: #f87171;--critical-soft: #3a1518;--critical-ink: #fca5a5;--rose: #fb7185;--rose-soft: #3a1220;--violet-soft: #271d4d;--shadow-1: 0 1px 2px rgb(0 0 0 / 35%);--shadow-3: 0 24px 60px -20px rgb(0 0 0 / 80%);--card-border: #1f2b47;--bar-bg: rgb(18 26 46 / 84%);color-scheme:dark}}:root[data-theme=dark]{--bg: #0a0f1e;--surface: #121a2e;--surface-2: #1a2440;--surface-3: #24304f;--line: #22304d;--line-strong: #33436a;--ink: #e8eefb;--ink-2: #b7c2da;--muted: #8592ad;--accent: #5b8cff;--accent-soft: #1b2a55;--accent-text: #93b4ff;--grad: linear-gradient(135deg, #2f5fe0 0%, #4f46e5 55%, #7c3aed 100%);--gold: #fbbf24;--gold-soft: #3a2b0b;--gold-ink: #fcd34d;--good: #22c55e;--good-soft: #0f2e1d;--good-ink: #4ade80;--warning-soft: #33270c;--warning-ink: #fcd34d;--critical: #f87171;--critical-soft: #3a1518;--critical-ink: #fca5a5;--rose: #fb7185;--rose-soft: #3a1220;--violet-soft: #271d4d;--shadow-1: 0 1px 2px rgb(0 0 0 / 35%);--shadow-3: 0 24px 60px -20px rgb(0 0 0 / 80%);--card-border: #1f2b47;--bar-bg: rgb(18 26 46 / 84%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body:before{content:"";position:fixed;inset:-20vh -20vw auto;height:60vh;z-index:-1;background:radial-gradient(40% 50% at 20% 30%,rgb(37 99 235 / 10%),transparent 70%),radial-gradient(35% 45% at 85% 10%,rgb(124 58 237 / 10%),transparent 70%);pointer-events:none}h1,h2,h3{margin:0;font-family:var(--font-head);line-height:1.25;letter-spacing:-.01em}h1{font-size:24px;font-weight:700}h2{font-size:18px;font-weight:600}p{margin:0}a{color:var(--accent-text);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button,a{cursor:pointer;touch-action:manipulation}img{max-width:100%}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:2px;border-radius:10px}[lang=hi],.hi{font-family:var(--font-hi)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.small{font-size:14px}.xs{font-size:12.5px}.num{font-variant-numeric:tabular-nums}.spacer{flex:1}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.footnote{font-size:12.5px;color:var(--muted);text-align:center;padding:4px 12px}.boot{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;text-align:center;color:var(--muted)}.boot-logo,.logo{display:grid;place-items:center;color:#fff;font-family:var(--font-head);font-weight:700;background:var(--grad)}.boot-logo{width:68px;height:68px;border-radius:22px;font-size:28px;box-shadow:var(--shadow-3);animation:pulse 1.4s ease-in-out infinite}.logo{width:40px;height:40px;flex:none;border-radius:13px;font-size:18px;box-shadow:0 6px 16px -6px #4f46e599;margin-left:6px}@keyframes pulse{50%{transform:scale(.94);opacity:.8}}.app{min-height:100dvh;max-width:var(--maxw);margin:0 auto;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.page{padding:6px var(--gutter) 16px;display:flex;flex-direction:column;gap:22px;animation:page-in .24s var(--ease)}@keyframes page-in{0%{opacity:.4;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.appbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:6px;min-height:60px;padding:calc(env(safe-area-inset-top) + 8px) calc(var(--gutter) - 6px) 8px;background:var(--bar-bg);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);transition:box-shadow .2s}.appbar.scrolled{box-shadow:0 1px 0 var(--line)}.appbar-title{flex:1;min-width:0;padding-left:6px}.appbar-title h1{font-size:19px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar-title .sub{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar.large .appbar-title h1{font-size:28px}.icon-btn{width:44px;height:44px;flex:none;display:grid;place-items:center;border:none;border-radius:14px;background:transparent;color:var(--ink);transition:background .15s,transform .15s var(--ease)}.icon-btn:hover{background:var(--surface-2)}.icon-btn:active{transform:scale(.92)}.icon-btn svg{width:22px;height:22px}.icon-btn.on{color:var(--accent)}.icon-btn.on svg{fill:currentColor}.tabbar{position:fixed;z-index:30;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);width:calc(100% - 24px);max-width:480px;display:grid;grid-template-columns:repeat(4,1fr);padding:8px;background:var(--bar-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-3)}.tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:2px 0;color:var(--muted);font-size:11.5px;font-weight:600;position:relative}.tab .pill{display:grid;place-items:center;width:52px;height:32px;border-radius:999px;transition:background .2s var(--ease)}.tab svg{width:22px;height:22px;transition:transform .2s var(--ease)}.tab.active{color:var(--accent-text)}.tab.active .pill{background:var(--grad);color:#fff;box-shadow:0 6px 14px -6px #4f46e5b3}.tab:active svg{transform:scale(.88)}.tab-dot{position:absolute;top:-2px;left:calc(50% + 12px);min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--rose);color:#fff;font-size:10.5px;font-weight:700;display:grid;place-items:center;border:2px solid var(--surface)}.card,.list,.qrow,.fam,.preset,.rank-card,.kpi,.stat{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--r);box-shadow:var(--shadow-1)}.card{padding:18px}.section{display:flex;flex-direction:column;gap:12px}.section-head{display:flex;align-items:center;gap:8px}.section-head h2{flex:1}.section-head a{font-size:14px;font-weight:700;color:var(--accent-text);padding:8px 0}.hero{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:18px;border-radius:var(--r-lg);padding:22px;color:#fff;background:var(--grad);box-shadow:0 22px 44px -22px #4f46e5bf;isolation:isolate}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;z-index:-1}.hero:before{right:-70px;top:-90px;width:230px;height:230px;background:radial-gradient(circle,rgb(255 255 255 / 22%),transparent 70%)}.hero:after{left:-60px;bottom:-110px;width:220px;height:220px;background:radial-gradient(circle,rgb(56 189 248 / 30%),transparent 70%)}.hero-row{display:flex;align-items:center;gap:16px}.hero-copy{flex:1;min-width:0}.hero-kicker{font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.85}.hero-title{font-family:var(--font-head);font-size:22px;font-weight:700;line-height:1.25;margin-top:4px}.goal-ring{position:relative;width:84px;height:84px;flex:none}.goal-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.goal-ring span{position:absolute;inset:0;display:grid;place-content:center;font-size:13px}.goal-ring strong{font-family:var(--font-head);font-size:22px}.hero .btn-white{background:#fff;color:#3730a3;border-color:transparent;box-shadow:0 10px 24px -12px #0f172a7f}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kpi{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:14px;color:var(--ink)}.kpi strong{font-family:var(--font-head);font-size:22px;font-weight:700}.kpi span{font-size:13px;color:var(--muted)}a.kpi span{color:var(--rose);font-weight:600}.modes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:16px;min-height:136px;border-radius:var(--r);color:var(--ink);background:var(--surface);border:1px solid var(--card-border);box-shadow:var(--shadow-1);isolation:isolate;transition:transform .18s var(--ease)}.mode:active,.preset:active,.rank-card:active,.qrow:active,.fam:active{transform:scale(.975)}.mode:after{content:"";position:absolute;right:-34px;bottom:-34px;width:112px;height:112px;border-radius:50%;background:var(--tone-soft);z-index:-1}.mode-icon{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--tone);margin-bottom:auto;box-shadow:0 8px 18px -10px #0f172a99}.mode-icon svg{width:23px;height:23px}.mode-title{font-family:var(--font-head);font-weight:600;font-size:16px;margin-top:14px}.mode-sub{font-size:13px;color:var(--muted)}.mode-gold{--tone: linear-gradient(135deg, #f59e0b, #f97316);--tone-soft: var(--gold-soft)}.mode-rose{--tone: linear-gradient(135deg, #f43f5e, #e11d48);--tone-soft: var(--rose-soft)}.mode-green{--tone: linear-gradient(135deg, #22c55e, #059669);--tone-soft: var(--good-soft)}.mode-violet{--tone: linear-gradient(135deg, #8b5cf6, #6d28d9);--tone-soft: var(--violet-soft)}.rank-card{display:flex;align-items:center;gap:14px;padding:14px 14px 14px 16px;color:var(--ink);transition:transform .18s var(--ease)}.rank{flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-family:var(--font-head);font-weight:700;font-size:15px;background:var(--accent-soft);color:var(--accent-text)}.rank-card .li-body{gap:8px}.chev{flex:none;width:18px;height:18px;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:14px;display:flex;flex-direction:column;gap:2px;min-width:0}.stat-value{font-family:var(--font-head);font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.stat-label{font-size:13px;color:var(--muted);line-height:1.3}.tint-accent{background:var(--accent-soft);color:var(--accent-text)}.tint-flame{background:var(--gold-soft);color:var(--gold-ink)}.tint-good{background:var(--good-soft);color:var(--good-ink)}.tint-warning{background:var(--rose-soft);color:var(--rose)}.tint-critical{background:var(--critical-soft);color:var(--critical-ink)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:15px;white-space:nowrap;transition:transform .15s var(--ease),background .15s}.btn:active{transform:scale(.96)}.btn svg{width:19px;height:19px}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;pointer-events:none}.btn-primary{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 10px 22px -10px #4f46e5bf}.btn-soft{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)}.btn-danger{color:var(--critical-ink);background:var(--critical-soft);border-color:transparent}.btn-sm{min-height:40px;padding:0 14px;border-radius:12px;font-size:14px}.btn-block{width:100%}.btn-lg{min-height:54px;font-size:16px;border-radius:18px}.chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:var(--surface-2);color:var(--ink-2);font-size:12.5px;font-weight:600;white-space:nowrap;border:none}.chip svg{width:13px;height:13px}.chip-accent{background:var(--accent-soft);color:var(--accent-text)}.chip-flame,.chip-gold{background:var(--gold-soft);color:var(--gold-ink)}.chip-warning{background:var(--warning-soft);color:var(--warning-ink)}.fchips{display:flex;gap:8px;overflow-x:auto;margin:0 calc(-1 * var(--gutter));padding:2px var(--gutter);scrollbar-width:none}.fchips::-webkit-scrollbar{display:none}.fchip{flex:none;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:600;white-space:nowrap}.fchip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}.seg{display:flex;padding:4px;gap:4px;border-radius:16px;background:var(--surface-2)}.seg button{flex:1;min-height:40px;border:none;border-radius:12px;background:transparent;color:var(--muted);font-weight:700;font-size:14px;padding:0 8px;white-space:nowrap;transition:background .2s var(--ease),color .2s}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.search{position:relative;display:flex;align-items:center}.search>svg{position:absolute;left:16px;width:20px;height:20px;color:var(--muted);pointer-events:none}.search input{width:100%;height:52px;padding:0 46px;border-radius:18px;border:1px solid var(--card-border);background:var(--surface);font-size:16px;box-shadow:var(--shadow-1);-webkit-appearance:none;appearance:none;transition:box-shadow .2s}.search input::-webkit-search-cancel-button{display:none}.search input:focus{outline:none;box-shadow:0 0 0 2px var(--accent),0 0 0 6px var(--accent-soft)}.search .clear{position:absolute;right:6px;width:40px;height:40px;border:none;background:none;color:var(--muted);display:grid;place-items:center}.list{display:flex;flex-direction:column;overflow:hidden}.list>*+*{border-top:1px solid var(--line)}.li{display:flex;align-items:center;gap:14px;padding:15px 16px;color:var(--ink);background:none;border:none;width:100%;text-align:left;transition:background .15s}a.li:active,button.li:active{background:var(--surface-2)}.li-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.li-title{font-weight:600;font-size:15.5px;line-height:1.4}.li-sub{font-size:13.5px;color:var(--muted)}.li-end{flex:none;color:var(--muted);display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700}.li-end svg{width:18px;height:18px}.li-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none}.li-icon svg{width:20px;height:20px}.qrow{display:flex;flex-direction:column;gap:10px;padding:16px;color:var(--ink);transition:transform .18s var(--ease)}.qrow-text{font-size:15.5px;font-weight:600;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.qrow-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.qrow-ans{font-size:14px;color:var(--good-ink);display:flex;gap:6px;align-items:baseline}.qrow-ans svg{width:15px;height:15px;flex:none;transform:translateY(2px)}.bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px;background:var(--grad);transition:width .35s var(--ease)}.bar.thin{height:6px}.bar.good>span{background:var(--good)}.progress-top{height:3px;border-radius:0;position:sticky;top:calc(env(safe-area-inset-top) + 60px);z-index:19;background:transparent}.qv{display:flex;flex-direction:column;gap:16px}.qv-meta{display:flex;flex-wrap:wrap;gap:6px}.qv-text{font-family:var(--font-head);font-size:18px;font-weight:600;line-height:1.55;white-space:pre-wrap}.qv-text.hi{font-family:var(--font-hi)}.figure{display:block;border-radius:16px;border:1px solid var(--line);background:#fff;max-width:100%}.opts{display:flex;flex-direction:column;gap:12px}.opt{display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:12px 16px 12px 12px;border-radius:18px;border:2px solid var(--card-border);background:var(--surface);color:var(--ink);text-align:left;font-size:16px;line-height:1.45;box-shadow:var(--shadow-1);transition:border-color .2s,background .2s,transform .15s var(--ease)}button.opt:active{transform:scale(.98)}.opt-label{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2);font-family:var(--font-head);font-weight:700;font-size:15px;transition:background .2s,color .2s}.opt-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;white-space:pre-wrap;overflow-wrap:anywhere}.opt-mark{flex:none;width:24px;height:24px}.opt.selected{border-color:var(--accent);background:var(--accent-soft)}.opt.selected .opt-label{background:var(--grad);color:#fff}.opt.correct{border-color:var(--good);background:var(--good-soft);animation:pop .3s var(--ease)}.opt.correct .opt-label{background:var(--good);color:#fff}.opt.correct .opt-mark{color:var(--good-ink)}.opt.wrong{border-color:var(--critical);background:var(--critical-soft);animation:shake .3s}.opt.wrong .opt-label{background:var(--critical);color:#fff}.opt.wrong .opt-mark{color:var(--critical-ink)}.opt.dim{opacity:.55}.opt-note{font-size:12.5px;font-weight:700;margin-top:2px}@keyframes pop{50%{transform:scale(1.015)}}@keyframes shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.answer-box{border-radius:var(--r);padding:16px;background:var(--surface);border:1px solid var(--card-border);box-shadow:var(--shadow-1);display:flex;flex-direction:column;gap:10px;animation:page-in .25s var(--ease)}.answer-box.good{background:linear-gradient(180deg,var(--good-soft),var(--surface) 70%)}.answer-box.bad{background:linear-gradient(180deg,var(--critical-soft),var(--surface) 70%)}.answer-head{display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:17px}.answer-head svg{width:22px;height:22px}.md{font-size:15px;line-height:1.65;color:var(--ink-2)}.md p+p,.md p+ul,.md ul+p{margin-top:8px}.md ul{margin:6px 0 0;padding-left:18px}.md code{font-size:.92em;padding:1px 6px;border-radius:6px;background:var(--surface-2)}.md strong{color:var(--ink)}.notice{display:flex;gap:10px;padding:13px 15px;border-radius:16px;background:var(--surface-2);color:var(--ink-2);font-size:14px;line-height:1.5}.notice svg{flex:none;width:18px;height:18px;margin-top:2px}.notice-warning{background:var(--warning-soft);color:var(--warning-ink)}.notice-critical{background:var(--critical-soft);color:var(--critical-ink)}.notice-accent{background:var(--accent-soft);color:var(--accent-text)}.empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:44px 20px;text-align:center;color:var(--muted)}.empty-icon{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text)}.empty-icon svg{width:30px;height:30px}.empty strong{color:var(--ink);font-family:var(--font-head);font-size:17px}.fam{display:flex;flex-direction:column;gap:12px;padding:16px;transition:transform .18s var(--ease)}.fam-top{display:flex;align-items:center;gap:8px}.fam-rank{font-family:var(--font-head);font-size:13px;font-weight:700;color:var(--muted);min-width:28px}.fam-count{flex:none;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 11px;border-radius:999px;background:var(--gold-soft);color:var(--gold-ink);font-weight:700;font-size:13px}.fam-count svg{width:15px;height:15px}.fam-top .chip{flex:none}.fam-text{font-size:16px;font-weight:600;line-height:1.5;color:var(--ink)}.fam-papers{display:flex;flex-wrap:wrap;gap:8px}.fam-paper{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:11px;background:var(--surface-2);color:var(--ink-2);font-size:13px;font-weight:600}.topic{display:flex;flex-direction:column;gap:10px;padding:16px}.topic-head{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;padding:0;text-align:left;color:var(--ink)}.topic-head .li-body{gap:8px}.topic-sub{display:flex;flex-wrap:wrap;gap:6px}.year-head{display:flex;align-items:center;gap:10px}.year-badge{font-family:var(--font-head);font-size:14px;font-weight:700;padding:5px 12px;border-radius:11px;background:var(--grad);color:#fff}.sheet-scrim{position:fixed;inset:0;z-index:50;background:#0508147f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .2s ease-out}@keyframes fade{0%{opacity:0}}.sheet{position:fixed;z-index:51;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:var(--maxw);max-height:86dvh;display:flex;flex-direction:column;background:var(--surface);border-radius:28px 28px 0 0;box-shadow:var(--shadow-3);animation:sheet-up .3s var(--ease);padding-bottom:env(safe-area-inset-bottom)}@keyframes sheet-up{0%{transform:translate(-50%,100%)}}.sheet-grip{width:42px;height:5px;border-radius:99px;background:var(--line-strong);margin:10px auto 2px;flex:none}.sheet-head{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 20px;flex:none}.sheet-head h2{flex:1}.sheet-body{overflow-y:auto;padding:4px 20px 16px;display:flex;flex-direction:column;gap:20px}.sheet-foot{flex:none;display:flex;gap:10px;padding:12px 20px 14px;border-top:1px solid var(--line)}.sheet-foot .btn{flex:1}.opt-group{display:flex;flex-direction:column;gap:10px}.opt-group>span{font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice{display:inline-flex;align-items:center;min-height:42px;padding:0 15px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.choice[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text)}.switch-row{display:flex;align-items:center;gap:12px;padding:14px 0;font-size:15.5px;font-weight:600}.switch-row+.switch-row{border-top:1px solid var(--line)}.switch-row .li-body span:last-child:not(:first-child){font-size:13px;font-weight:400;color:var(--muted)}.switch{position:relative;flex:none;width:52px;height:32px;border-radius:999px;background:var(--surface-3);border:none;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #00000040;transition:transform .22s var(--ease)}.switch[aria-checked=true]{background:var(--accent)}.switch[aria-checked=true]:after{transform:translate(20px)}.stepper{display:flex;align-items:center;gap:4px;background:var(--surface-2);border-radius:16px;padding:4px}.stepper button{width:42px;height:40px;border:none;border-radius:12px;background:var(--surface);font-size:20px;font-weight:700;box-shadow:var(--shadow-1)}.stepper button:disabled{opacity:.4}.stepper output{min-width:54px;text-align:center;font-family:var(--font-head);font-weight:700;font-variant-numeric:tabular-nums}.runbar{position:sticky;top:0;z-index:20;padding:calc(env(safe-area-inset-top) + 8px) var(--gutter) 12px;background:var(--bar-bg);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);display:flex;flex-direction:column;gap:10px}.runbar-top{display:flex;align-items:center;gap:8px}.timer{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent-text);font-weight:700;font-variant-numeric:tabular-nums;font-size:14.5px}.timer svg{width:16px;height:16px}.timer.low{background:var(--critical-soft);color:var(--critical-ink)}.runfoot{position:fixed;z-index:30;left:50%;bottom:calc(12px + env(safe-area-inset-bottom));transform:translate(-50%);width:calc(100% - 24px);max-width:560px;display:flex;align-items:center;gap:10px;padding:8px;background:var(--bar-bg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-3)}.runfoot .btn{min-height:50px}.runfoot .btn-primary,.runfoot .btn-nav{flex:1}.runfoot-pos{flex:none;min-width:56px;text-align:center;font-family:var(--font-head);font-weight:700;color:var(--muted);font-size:14px}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:8px}.palette button{height:46px;border-radius:14px;border:1.5px solid var(--line);background:var(--surface);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;position:relative}.palette button.answered{background:var(--grad);border-color:transparent;color:#fff}.palette button.right{background:var(--good);border-color:var(--good);color:#fff}.palette button.wrongp{background:var(--critical);border-color:var(--critical);color:#fff}.palette button.marked:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--gold)}.palette button.current{outline:2px solid var(--ink);outline-offset:2px}.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;color:var(--muted)}.legend i{display:inline-block;width:11px;height:11px;border-radius:4px;margin-right:6px;vertical-align:-1px}.ring{position:relative;width:132px;height:132px;flex:none}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-label{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.ring-label strong{font-family:var(--font-head);font-size:30px;font-weight:700}.result-hero{display:flex;align-items:center;gap:18px}@media(max-width:360px){.result-hero{flex-direction:column;align-items:flex-start}}.preset{display:flex;align-items:center;gap:14px;padding:14px 16px 14px 14px;color:var(--ink);text-align:left;width:100%;transition:transform .18s var(--ease)}.qa-icon{flex:none;width:48px;height:48px;border-radius:15px;display:grid;place-items:center}.qa-icon svg{width:23px;height:23px}.toast{position:fixed;z-index:60;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));transform:translate(-50%);padding:12px 18px;border-radius:16px;background:var(--ink);color:var(--surface);font-size:14px;font-weight:600;box-shadow:var(--shadow-3);animation:page-in .2s var(--ease)}@media(min-width:760px){:root{--gutter: 24px}.modes{grid-template-columns:repeat(4,1fr)}}.mode-blue{--tone: linear-gradient(135deg, #3b82f6, #4f46e5);--tone-soft: var(--accent-soft)}.mode-red{--tone: linear-gradient(135deg, #ef4444, #b91c1c);--tone-soft: var(--critical-soft)}.qa-icon.solid{background:var(--tone);color:#fff;box-shadow:0 8px 18px -10px #0f172a99}