:root{--bg:#fff;--surface:#fff;--plaster:#f3f4f6;--line:#e5e7eb;--line-soft:#f3f4f6;--border:#d1d5db;--ink:#111827;--on-ink:#fff;--grey:#4b5563;--faint:#9ca3af;--accent:#1f3fbf;--on-accent:#fff;--cobalt:#1f3fbf;--cobalt-dark:#16308f;--focus:#1f3fbf;--saffron:#f5b93c;--on-saffron:#111827;--saffron-tint:#fbe3b0;--mic-off:#f5b93c29;--good:#166534;--good-bg:#f0fdf4;--bad:#b42318;--bad-bg:#fef3f2;--danger-fill:#b42318;--amber:#7a4b00;--scrim:#1118278c;--stage-bg:#111827;--stage-text:#f9fafb;--stage-muted:#d1d5db;--stage-link:#c7d2fe;--es:"Bricolage Grotesque", "Avenir Next", system-ui, sans-serif;--en:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--pad:28px;--tap:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0f1a;--surface:#121826;--plaster:#1a2233;--line:#263042;--line-soft:#1a2233;--border:#6b7587;--ink:#f3f4f6;--on-ink:#0b0f1a;--grey:#a7b0bf;--faint:#7d8799;--accent:#3b5bdb;--on-accent:#fff;--cobalt:#8ea2ff;--cobalt-dark:#b4c2ff;--focus:#8ea2ff;--saffron-tint:#5a4416;--good:#4ade80;--good-bg:#0f2a1c;--bad:#f87171;--bad-bg:#2a1414;--amber:#eac37b;--scrim:#0009;--stage-bg:#05070d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b0f1a;--surface:#121826;--plaster:#1a2233;--line:#263042;--line-soft:#1a2233;--border:#6b7587;--ink:#f3f4f6;--on-ink:#0b0f1a;--grey:#a7b0bf;--faint:#7d8799;--accent:#3b5bdb;--on-accent:#fff;--cobalt:#8ea2ff;--cobalt-dark:#b4c2ff;--focus:#8ea2ff;--saffron-tint:#5a4416;--good:#4ade80;--good-bg:#0f2a1c;--bad:#f87171;--bad-bg:#2a1414;--amber:#eac37b;--scrim:#0009;--stage-bg:#05070d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--en);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}h1,h2,h3,p{margin:0}a{color:var(--cobalt)}a:hover{color:var(--cobalt-dark)}button{font:inherit;color:inherit}:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px;border-radius:8px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.es{font-family:var(--es);color:var(--ink);font-weight:600}.es-xl{font:700 52px/1 var(--es);letter-spacing:-1.4px}.es-l{font:700 40px/1.05 var(--es);letter-spacing:-1px}.es-m{font:700 30px/1.2 var(--es);letter-spacing:-.5px}.es-s{font:600 22px/1.3 var(--es)}.es-row{font:600 18px/1.3 var(--es)}.h1{font:700 32px/1.15 var(--es);letter-spacing:-.6px}.wordmark{font:800 22px/1 var(--es);letter-spacing:-.4px;color:var(--ink);text-decoration:none}.en{font-family:var(--en);color:var(--grey);font-size:15px}.quiet{color:var(--grey);font-size:13px}.label{color:var(--grey);font-size:14px}.h2{color:var(--grey);font-size:13px;font-weight:600}.prompt{font:500 30px/1.2 var(--en);letter-spacing:-.3px;color:var(--ink)}.page{max-width:480px;padding:0 var(--pad);margin:0 auto}.screen{min-height:100vh;background:var(--bg);flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.screen>.body{padding:0 var(--pad);flex-direction:column;flex:1;display:flex}.foot{z-index:5;background:linear-gradient(to top, var(--bg) 88%, transparent);padding:24px var(--pad) calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:14px;margin-top:auto;display:flex;position:sticky;bottom:0}.row{align-items:center;gap:16px;display:flex}.grow{flex:1}.bar-head{padding:calc(14px + env(safe-area-inset-top)) 24px 0 12px;align-items:center;gap:12px;display:flex}.home-head{padding-top:calc(20px + env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex}.back-head{padding:calc(14px + env(safe-area-inset-top)) 0 0 0;margin-left:-14px}.bar{background:var(--line);border-radius:2px;flex:1;height:3px;overflow:hidden}.bar>i{background:var(--ink);height:3px;transition:width .3s;display:block}.bar.saffron>i{background:var(--saffron)}.icon-btn{width:var(--tap);height:var(--tap);color:var(--grey);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn:active{background:var(--plaster)}.btn{height:56px;font:600 16px var(--en);cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:transform 80ms,opacity .15s;display:flex}.btn:active{transform:scale(.985)}.btn[disabled],.btn[aria-disabled=true]{opacity:.4;cursor:default;transform:none}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{color:var(--on-accent)}.btn-ink{background:var(--ink);color:var(--on-ink)}.btn-ink:hover{color:var(--on-ink)}.btn-outline{background:var(--bg);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line);height:52px;font-size:15px}.btn-outline:hover{color:var(--ink)}.btn-danger{background:var(--danger-fill);color:var(--on-accent)}.btn-text{height:var(--tap);color:var(--cobalt);font:600 15px var(--en);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;padding:0;text-decoration:none;display:inline-flex}.btn-text[disabled]{color:var(--faint);cursor:default}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grid2 .btn{padding:0 8px}.glance{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.glance.two{grid-template-columns:repeat(2,minmax(0,1fr))}.glance>*{color:var(--ink);min-height:var(--tap);flex-direction:column;gap:2px;padding:14px 0;text-decoration:none;display:flex}.glance>*+*{border-left:1px solid var(--line);padding-left:16px}.glance .n{font:700 22px/1.2 var(--es)}.glance .n.take{font:600 16px/1.7 var(--en);color:var(--cobalt)}.glance .k{color:var(--grey);font-size:12px}.path{margin:0;padding:0;list-style:none}.path>li>*{min-height:var(--tap);text-align:left;width:100%;color:var(--grey);cursor:pointer;background:0 0;border:0;align-items:center;gap:16px;padding:0;text-decoration:none;display:flex}.path .t{font:600 18px/1.3 var(--es);color:var(--ink);flex:1}.path .locked .t,.path .test .t{color:var(--grey)}.path .locked{cursor:default}.path .current{color:var(--cobalt)}.path .current .t{font-weight:700}.path .meta{font-size:13px}.path .current .meta{font-weight:600}.dot{border-radius:5px;flex:none;width:10px;height:10px}.dot.done{background:var(--ink)}.dot.now{background:var(--accent);box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--accent)}.dot.hollow{border:1.5px solid var(--faint)}.dot.diamond{background:var(--saffron);border-radius:2px;transform:rotate(45deg)}.section-link{min-height:var(--tap);color:var(--ink);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.section-link:hover{color:var(--ink)}.numbered{margin:0;padding:0;list-style:none}.numbered>li>*{min-height:var(--tap);color:var(--ink);align-items:center;gap:14px;text-decoration:none;display:flex}.numbered .num{width:20px;color:var(--grey);flex:none;font-size:13px}.numbered .t{font:600 17px/1.3 var(--es);color:var(--grey);flex:1}.numbered .live .t{color:var(--ink);font-weight:700}.numbered .score{color:var(--cobalt);font-size:13px;font-weight:600}.level-row{border-bottom:1px solid var(--line-soft);cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;font-size:15px;font-weight:600;list-style:none;display:flex}.level-row::-webkit-details-marker{display:none}.disabled-row{border-top:1px solid var(--line);min-height:52px;color:var(--faint);justify-content:space-between;align-items:center;gap:12px;font-size:15px;display:flex}.skill{border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;min-height:40px;display:flex}.skill:last-child{border-bottom:0}.skill .name{flex:1;font-size:15px}.meter{background:var(--line);border-radius:3px;flex:none;width:90px;height:6px;overflow:hidden}.meter>i{background:var(--saffron);height:6px;display:block}.skill .frac{text-align:right;width:34px;color:var(--grey);font-size:13px}.script{flex-direction:column;gap:22px;margin:0;padding:0;list-style:none;display:flex}.script li>button{text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;flex-direction:column;gap:4px;width:100%;padding:2px 0;display:flex}.script .who{color:var(--grey);align-items:center;gap:6px;font-size:13px;display:flex}.script .line-es{font:600 22px/1.3 var(--es);transition:color .2s}.script .past .line-es{color:var(--grey)}.script .future .line-es,.script .future .who{color:var(--faint)}.script .active .who{color:var(--cobalt)}.script .active .line-es{color:var(--ink);font-size:26px;font-weight:700;line-height:1.25}.script .line-en{color:var(--grey);font-size:15px}.toggle{height:var(--tap);font:400 14px var(--en);color:var(--grey);cursor:pointer;background:0 0;border:0;padding:0}.toggle strong{color:var(--ink);font-weight:600}.round{background:var(--accent);width:56px;height:56px;color:var(--on-accent);cursor:pointer;border:0;border-radius:28px;flex:none;justify-content:center;align-items:center;display:flex}.forms{flex-direction:column;gap:24px;margin:0;display:flex}.forms dt{font:700 32px/1.15 var(--es);letter-spacing:-.5px}.forms dt strong{color:var(--cobalt);font-weight:700}.forms dd{color:var(--grey);margin:2px 0 0;font-size:15px}.simple-table{border-collapse:collapse;width:100%}.simple-table th{text-align:left;letter-spacing:.6px;text-transform:uppercase;color:var(--grey);border-bottom:1px solid var(--line);vertical-align:bottom;padding:8px 10px 8px 0;font-size:12px;font-weight:600}.simple-table td{border-bottom:1px solid var(--line-soft);font:600 17px/1.3 var(--es);vertical-align:top;padding:10px 10px 10px 0}.rule-body p{color:var(--grey);font-size:17px;line-height:1.55}.rule-body p+p{margin-top:10px}.rule-body strong{color:var(--ink);font-weight:600}.taps{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.taps button{text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:2px;width:100%;padding:12px 0;display:flex}.taps .t-es{font:600 22px/1.3 var(--es);color:var(--ink)}.taps .t-en{color:var(--grey);font-size:14px}.watch{border-top:1px solid var(--line);padding-top:8px}.watch summary{min-height:var(--tap);color:var(--amber);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;list-style:none;display:flex}.watch summary::-webkit-details-marker{display:none}.watch p{font-size:15px;line-height:1.55}.watch p+p{margin-top:8px}.pager{justify-content:center;gap:8px;display:flex}.pager>span{background:var(--border);border-radius:3px;width:6px;height:6px}.pager>span.on{background:var(--ink);width:18px}.answer-row{align-items:center;gap:12px;display:flex}.uline{border:0;border-bottom:2px solid var(--border);min-width:0;min-height:52px;color:var(--ink);font:600 26px/1.25 var(--es);resize:none;background:0 0;border-radius:0;outline:none;flex:1;padding:8px 0 6px;display:block;overflow:hidden}.uline:focus{border-bottom-color:var(--focus)}.uline.right{border-bottom-color:var(--good)}.uline.wrong{border-bottom-color:var(--bad)}.uline::placeholder{color:var(--faint);font-weight:500}.mic-quiet{width:var(--tap);height:var(--tap);background:var(--plaster);color:var(--ink);border:0;border-radius:22px;flex:none;justify-content:center;align-items:center;display:flex}.mic-quiet[disabled]{color:var(--faint);cursor:default}.keys{margin-top:6px;display:flex}.keys button{min-width:0;height:var(--tap);font:600 20px var(--es);color:var(--grey);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1}.keys button:active{background:var(--plaster);color:var(--ink)}.opts{flex-direction:column;gap:10px;display:flex}.opt{min-height:56px;box-shadow:inset 0 0 0 1.5px var(--line);background:var(--surface);text-align:left;font:600 20px/1.3 var(--es);color:var(--ink);cursor:pointer;border:0;border-radius:16px;align-items:center;gap:12px;padding:12px 18px;display:flex}.opt.picked{box-shadow:inset 0 0 0 2px var(--focus)}.opt.right{box-shadow:inset 0 0 0 2px var(--good);background:var(--good-bg)}.opt.wrong{box-shadow:inset 0 0 0 2px var(--bad);background:var(--bad-bg)}.opt[disabled]{cursor:default}.opt .mark{margin-left:auto;display:flex}.built{border-bottom:2px solid var(--border);flex-wrap:wrap;align-content:flex-start;gap:8px;min-height:60px;padding-bottom:8px;display:flex}.pool{flex-wrap:wrap;gap:8px;display:flex}.tile{min-height:var(--tap);box-shadow:inset 0 0 0 1.5px var(--line);background:var(--surface);font:600 19px var(--es);color:var(--ink);cursor:pointer;border:0;border-radius:16px;padding:0 14px}.tile.used{visibility:hidden}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--plaster);font:600 16px/1.35 var(--es);color:var(--ink);border-radius:16px;padding:6px 12px}.fb{flex-direction:column;gap:12px;animation:.18s ease-out rise;display:flex}.verdict{font:700 22px var(--es);align-items:center;gap:8px;display:flex}.verdict.good{color:var(--good)}.verdict.bad{color:var(--bad)}.fb .answer{font:700 30px/1.25 var(--es);letter-spacing:-.5px;color:var(--ink)}.fb .answer .fix{color:var(--good);text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:3px}.fb .answer mark{background:var(--saffron-tint);color:inherit;border-radius:3px}.fb .why{color:var(--grey);font-size:15px;line-height:1.55}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.fb{animation:none}}.scrim{z-index:30;background:var(--scrim);flex-direction:column;justify-content:flex-end;animation:.18s ease-out fade;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:480px;padding:12px var(--pad) calc(32px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;flex-direction:column;margin:0 auto;animation:.22s ease-out slide;display:flex}.sheet .handle{background:var(--line);border-radius:3px;align-self:center;width:40px;height:5px}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translateY(24px)}}.ink-screen{background:var(--stage-bg);color:var(--stage-text)}.ink-screen .icon-btn{color:var(--stage-muted)}.ink-screen .es,.ink-screen .es-m{color:var(--stage-text)}.ink-screen .en{color:var(--stage-muted)}.ink-screen a{color:var(--stage-link)}.mic-big{background:var(--saffron);width:88px;height:88px;color:var(--on-saffron);border:0;border-radius:44px;justify-content:center;align-items:center;display:flex}.mic-big[disabled],.mic[disabled]{background:var(--mic-off);color:var(--saffron);cursor:default;border-color:#0000}.mic{border:5px solid var(--line);background:var(--saffron);width:64px;height:64px;color:var(--on-saffron);cursor:pointer;border-radius:32px;flex:none;justify-content:center;align-items:center;display:flex}.mic.on{border-color:var(--saffron-tint)}.toast{left:50%;bottom:calc(110px + env(safe-area-inset-bottom));background:var(--ink);max-width:calc(100% - 40px);color:var(--on-ink);z-index:40;border-radius:12px;padding:10px 16px;font-size:14px;animation:.18s ease-out rise;position:fixed;transform:translate(-50%)}.loading{text-align:center;color:var(--faint);padding:40vh 0;font-size:14px}.field{width:100%;min-height:var(--tap);border:0;border-bottom:1.5px solid var(--border);font:600 17px var(--es);color:var(--ink);background:0 0;outline:none;padding:8px 0}.field:focus{border-bottom-color:var(--focus)}.field::placeholder{color:var(--faint);font:400 15px var(--en)}.more summary{min-height:var(--tap);color:var(--cobalt);cursor:pointer;align-items:center;font-size:15px;font-weight:600;list-style:none;display:inline-flex}.more summary::-webkit-details-marker{display:none}.more[open] summary{display:none}.tag{white-space:nowrap;background:var(--plaster);color:var(--grey);border-radius:16px;flex:none;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.7;display:inline-flex}.tag.good{background:var(--good-bg);color:var(--good)}.tag.bad{background:var(--bad-bg);color:var(--bad)}.divider-list>*{border-bottom:1px solid var(--line);padding:14px 0}.divider-list>:last-child{border-bottom:0}.seg{background:var(--plaster);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.seg button{min-height:var(--tap);color:var(--grey);font:600 15px var(--en);cursor:pointer;background:0 0;border:0;border-radius:10px}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.big-score{font:700 40px/1 var(--es)}
