:root{--font-sans:"Outfit","Inter",system-ui,sans-serif;--font-mono:"Geist Mono","JetBrains Mono",ui-monospace,monospace;--bg:#faf7f2;--fg:#231f1d;--card:#fff;--border:#d0c8bc;--hair:#ebe3d3;--secondary:#f0ebe0;--sidebar:#f3ede0;--muted-fg:#6b6058;--primary:#c2441f;--primary-fg:#fff;--primary-ink:#b13c19;--ok:#2f666d;--ok-ink:#2f666d;--ok-bg:#e3efef;--bad:#b8403a;--bad-ink:#b8403a;--bad-bg:#f8e4e1;--pyq:#2f666d;--shadow:0 12px 32px #231f1d2e;--top:56px;--tab:60px;--ease:cubic-bezier(.16,1,.3,1);color-scheme:light}:root[data-theme=dark]{--bg:#0f0e0d;--fg:#f5efe4;--card:#1e1c1a;--border:#2e2a26;--hair:#262320;--secondary:#23211f;--sidebar:#161412;--muted-fg:#a39d95;--primary:#c2441f;--primary-ink:#f08a66;--ok:#6cc1c8;--ok-ink:#6cc1c8;--ok-bg:#12292c;--bad:#f08078;--bad-ink:#f08078;--bad-bg:#32181a;--pyq:#6cc1c8;--shadow:0 12px 32px #0000008c;color-scheme:dark}*{box-sizing:border-box;margin:0}html,body{height:100%}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;transition:background-color .22s,color .22s}body{font:16px/1.5 var(--font-sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;overflow:hidden}.mono,.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible,a:focus-visible{outline:2px solid var(--primary-ink);outline-offset:2px}[hidden]{display:none!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--border)}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance}kbd{font:500 12px var(--font-mono);border:1px solid var(--border);background:var(--secondary);padding:1px 6px}.muted{color:var(--muted-fg);font-size:14px}.row{align-items:center;gap:10px;display:flex}.grow{flex:1;min-width:0}#app{flex-direction:column;height:100dvh;display:flex;position:relative}.top{height:calc(var(--top) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0;background:var(--sidebar);border-bottom:1px solid var(--hair);flex:none;align-items:center;gap:8px;display:flex}.brand,.nav-brand{letter-spacing:-.02em;font-size:19px;font-weight:800}.brand{margin-right:auto}.brand i,.nav-brand i{color:var(--primary-ink);font-style:normal}.nav-brand,.vtitle,.side,.top-search{display:none}.chip{background:var(--card);border:1px solid var(--border);min-height:40px;font:600 14px var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;gap:7px;padding:0 12px;display:flex;position:relative;overflow:hidden}.chip svg{flex:none;width:16px;height:16px}.chip.hot{border-color:var(--primary-ink);color:var(--primary-ink)}.chip .fill{background:var(--primary);width:100%;height:3px;transform:scaleX(var(--p,0));transform-origin:0;transition:transform .4s var(--ease);position:absolute;bottom:0;left:0}main{flex:1;min-height:0;position:relative}.view{flex-direction:column;display:flex;position:absolute;inset:0}.scroll{flex:1;padding:16px 16px 32px;overflow-y:auto}.tabbar{height:calc(var(--tab) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--hair);background:var(--sidebar);flex:none;grid-template-columns:repeat(4,1fr);display:grid}.tabbar button{color:var(--muted-fg);flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:48px;font-size:12px;font-weight:600;transition:color .15s;display:flex;position:relative}.tabbar button[aria-selected=true]{color:var(--primary-ink)}.tabbar button[aria-selected=true]:before{content:"";background:var(--primary);height:2px;position:absolute;top:-1px;left:22%;right:22%}.tabbar svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;width:22px;height:22px}.modes{scrollbar-width:none;border-bottom:1px solid var(--hair);flex:none;gap:6px;padding:10px 14px;display:flex;overflow-x:auto}.modes::-webkit-scrollbar{display:none}.pill{border:1px solid var(--border);background:var(--card);white-space:nowrap;flex:none;min-height:40px;padding:0 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.pill:active,.btn:active,.opt:active,.next:active{transform:translateY(1px)}.pill[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.pill.scope{color:var(--muted-fg);border-style:dashed}.reel{scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.reel::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;scroll-snap-stop:always;height:100%;animation:cardIn .28s var(--ease) both;flex-direction:column;padding:14px 16px 18px;display:flex;overflow-y:auto}.qcard{flex-direction:column;flex:none;gap:16px;min-height:100%;display:flex}.meta{color:var(--muted-fg);align-items:center;gap:8px;font-size:13px;display:flex}.meta .crumb{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.badge{font:600 12px var(--font-mono);border:1px solid var(--border);color:var(--muted-fg);flex:none;padding:1px 8px}.badge.pyq{color:var(--pyq);border-color:var(--pyq)}.save{width:44px;height:44px;color:var(--muted-fg);place-items:center;margin:-6px -8px -6px 0;display:grid}.save svg{stroke:currentColor;stroke-width:2px;fill:none;stroke-linejoin:miter;width:22px;height:22px}.save[aria-pressed=true]{color:var(--primary-ink)}.save[aria-pressed=true] svg{fill:currentColor}.q,.verdict p,.res p,.res small{-webkit-user-select:text;user-select:text}.q{white-space:pre-line;text-wrap:pretty;max-width:62ch;font-size:clamp(19px,5vw,22px);font-weight:600;line-height:1.45}.opts{gap:8px;padding:0;list-style:none;display:grid}.opt{text-align:left;background:var(--card);border:1px solid var(--border);align-items:flex-start;gap:12px;width:100%;min-height:56px;padding:13px 14px;transition:border-color .15s,background .15s,transform 80ms;display:flex}.opt b{background:var(--secondary);width:28px;height:28px;font:600 13px var(--font-mono);flex:none;place-items:center;transition:background .15s,color .15s;display:grid}.opt span{white-space:pre-line;padding-top:2px}.done .opt{pointer-events:none}.opt.right{border-color:var(--ok);background:var(--ok-bg)}.opt.right b{background:var(--ok);color:#fff}.opt.wrong{border-color:var(--bad);background:var(--bad-bg)}.opt.wrong b{background:var(--bad);color:#fff}:root[data-theme=dark] .opt.right b{color:#06191b}:root[data-theme=dark] .opt.wrong b{color:#2b0a08}.done .opt:not(.right):not(.wrong){opacity:.5}.opt.sel{border-color:var(--primary);background:var(--secondary)}.opt.sel b{background:var(--primary);color:var(--primary-fg)}.verdict{background:var(--card);border:1px solid var(--border);animation:unfold .22s var(--ease) both;padding:14px}.verdict.ok{border-color:var(--ok)}.verdict.no{border-color:var(--bad)}.verdict h3{margin-bottom:4px;font-size:16px}.verdict.ok h3{color:var(--ok-ink)}.verdict.no h3{color:var(--bad-ink)}.verdict p{color:var(--muted-fg);white-space:pre-line;font-size:15px}.next{background:var(--primary);min-height:52px;color:var(--primary-fg);border:1px solid var(--primary);margin-top:auto;padding:0 20px;font-size:16px;font-weight:700;transition:transform 80ms}.hint{text-align:center;color:var(--muted-fg);font-size:13px}.endcard{text-align:center;justify-items:center;gap:12px;margin:auto 0;padding:24px;display:grid}.endcard h2{font-size:22px}.endcard p{color:var(--muted-fg);max-width:34ch}.combo{font:700 13px var(--font-mono);color:var(--primary-ink);background:var(--card);border:1px solid var(--primary-ink);z-index:5;opacity:0;transition:.2s var(--ease);padding:2px 8px;position:absolute;top:62px;right:14px;transform:translateY(-4px)}.combo.on{opacity:1;transform:none}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:none}}@keyframes unfold{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.btn{background:var(--card);border:1px solid var(--border);min-height:44px;padding:0 18px;font-weight:600;transition:border-color .15s,background .15s}.btn.primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.btn.danger{color:var(--bad-ink)}.btn:disabled{opacity:.45;cursor:not-allowed}.search{border:1px solid var(--border);background:var(--card);width:100%;min-height:48px;color:var(--fg);font:inherit;padding:0 14px}select,input[type=number]{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--fg);font:inherit;border-radius:0;padding:0 10px}label.f{color:var(--muted-fg);gap:4px;margin-bottom:12px;font-size:14px;display:grid}.chips{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.chips label{border:1px solid var(--border);background:var(--card);cursor:pointer;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-size:14px;display:flex}.chips input{accent-color:var(--primary)}.panel,.card{background:var(--card);border:1px solid var(--border);padding:16px}.panel h2,.card h2{margin-bottom:10px;font-size:17px;font-weight:700}.page{align-content:start;gap:12px;display:grid}.lead{max-width:60ch;font-size:18px;font-weight:500;line-height:1.45}.note{color:var(--muted-fg);margin-top:8px;font-size:14px}.meter{background:var(--secondary);height:8px;margin-top:12px;overflow:hidden}.meter i{background:var(--primary);width:100%;height:100%;transform:scaleX(var(--p,0));transform-origin:0;transition:transform .5s var(--ease);display:block}.bar{background:var(--secondary);height:6px;overflow:hidden}.bar i{background:var(--primary);height:100%;display:block}.res{text-align:left;border-bottom:1px solid var(--hair);width:100%;padding:12px 0;transition:background .15s;display:block}.res small{color:var(--muted-fg);display:block}.res p{-webkit-line-clamp:2;white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.trow{border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,1fr) 72px 76px;align-items:center;gap:12px;padding:10px 0;display:grid}.trow:last-child{border-bottom:0}.trow .nm{min-width:0;font-weight:600}.trow .bar{grid-column:1/-1;margin-top:-4px}.trow .num{text-align:right;font-size:14px}.dl{gap:0;display:grid}.dl>section{border-bottom:1px solid var(--hair);padding:14px 0}.dl>section:first-child{padding-top:0}.dl>section:last-child{border-bottom:0;padding-bottom:0}.dl h3{margin-bottom:4px;font-size:14px;font-weight:700}.score{font:700 44px/1 var(--font-mono);letter-spacing:-.02em}dialog{background:var(--card);width:min(92vw,480px);max-height:86dvh;color:var(--fg);border:1px solid var(--border);box-shadow:var(--shadow);margin:auto;padding:20px;overflow:auto}dialog::backdrop{background:#0f0e0d8c}dialog h2{margin-bottom:14px;font-size:19px}#testRun{background:var(--bg);z-index:30;flex-direction:column;display:flex;position:absolute;inset:0}.palette{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;display:grid}.palette button{border:1px solid var(--border);background:var(--card);min-height:42px;font:600 14px var(--font-mono)}.palette .a{background:var(--fg);color:var(--bg);border-color:var(--fg)}.palette .cur{outline:2px solid var(--primary-ink);outline-offset:1px}.palette .fl{box-shadow:inset 0 -3px var(--bad)}.toast{left:50%;top:calc(var(--top) + env(safe-area-inset-top) + 10px);background:var(--fg);color:var(--bg);opacity:0;pointer-events:none;transition:.25s var(--ease);z-index:50;text-align:center;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:600;position:absolute;transform:translate(-50%,-12px)}.toast.on{opacity:1;transform:translate(-50%)}svg.chart text{fill:var(--muted-fg);font:10px var(--font-mono)}@media (hover:hover){.opt:hover,.pill:hover,.btn:hover{border-color:var(--muted-fg)}.res:hover{background:var(--secondary)}.tabbar button:hover{color:var(--fg)}}@media (width<=699px){dialog{width:100%;max-width:none;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-width:1px 0 0;margin:auto 0 0}}@media (width>=700px){#app{--rail:84px;grid-template-columns:var(--rail) minmax(0,1fr);grid-template-rows:var(--top) minmax(0,1fr);grid-template-areas:"nav top""nav main";display:grid}.tabbar{border-top:0;border-right:1px solid var(--hair);flex-direction:column;grid-area:nav;gap:4px;height:auto;padding:14px 10px;display:flex}.tabbar button{width:100%;min-height:62px}.tabbar button[aria-selected=true]{background:var(--card);box-shadow:inset 0 0 0 1px var(--border)}.tabbar button[aria-selected=true]:before{display:none}.top{height:var(--top);grid-area:top;padding:0 24px}main{grid-area:main}.brand{display:none}.vtitle{margin-right:auto;font-size:18px;font-weight:700;display:block}.nav-brand{text-align:center;padding:2px 0 14px;font-size:15px;display:block}.modes{border-bottom:0;padding:12px 24px}.modes,.reel{width:100%;max-width:760px;margin-inline:auto}.slide{padding:8px 24px 32px}.scroll{padding:24px 28px 40px}.page{width:100%;max-width:1040px;margin-inline:auto}#v-search .scroll>*{width:100%;max-width:760px;margin-inline:auto}#testRun>*{width:100%;max-width:780px;margin-inline:auto}#testRun .top{padding:0 24px}dialog{width:min(92vw,480px)}}@media (width>=900px){.page{grid-template-columns:1fr 1fr}.page .span2{grid-column:1/-1}}@media (width>=1024px){#app{--rail:232px}.tabbar{padding:20px 14px}.nav-brand{text-align:left;padding:2px 12px 24px;font-size:22px}.tabbar button{flex-direction:row;justify-content:flex-start;gap:14px;min-height:46px;padding:0 14px;font-size:15px}.top-search{border:1px solid var(--border);background:var(--card);width:min(320px,36vw);min-height:40px;color:var(--muted-fg);text-align:left;align-items:center;gap:10px;padding:0 12px;font-size:14px;display:flex}.top-search span{flex:1}.qcard{background:var(--card);border:1px solid var(--border);min-height:0;margin:8px 0;padding:28px}.slide{justify-content:flex-start;padding-top:12px}.q{font-size:clamp(20px,1.6vw,24px)}.next{align-self:flex-start;min-width:200px;margin-top:4px}}@media (width>=1280px){#app{grid-template-columns:var(--rail) minmax(0,1fr) 336px;grid-template-areas:"nav top side""nav main side"}.side{border-left:1px solid var(--hair);background:var(--sidebar);grid-area:side;padding:24px 22px;display:block;overflow-y:auto}.top .chip{display:none}.side .dl>section{padding:16px 0}.side .lead{font-size:20px;font-weight:600}}@media (width>=1600px){#app{--rail:260px;grid-template-columns:var(--rail) minmax(0,1fr) 376px}}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/outfit-latin-400-normal.BGsTXAXT.woff2)format("woff2"),url(/_astro/outfit-latin-400-normal.DMwTpYkH.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/outfit-latin-600-normal.B7SfZ07L.woff2)format("woff2"),url(/_astro/outfit-latin-600-normal.BEfTtDA7.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/outfit-latin-700-normal.Cu9v6i1X.woff2)format("woff2"),url(/_astro/outfit-latin-700-normal.D4itBLBr.woff)format("woff")}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/outfit-latin-800-normal.CQna6-G7.woff2)format("woff2"),url(/_astro/outfit-latin-800-normal.BRHLSPcU.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/geist-mono-latin-400-normal.DTRLJnHl.woff2)format("woff2"),url(/_astro/geist-mono-latin-400-normal.B2yvC1Cq.woff)format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/geist-mono-latin-600-normal.V-KvD_pi.woff2)format("woff2"),url(/_astro/geist-mono-latin-600-normal.bZn07FKM.woff)format("woff")}
