:root{--paper: #f4f1ea;--card: #fbf8f2;--ink: #0b0e12;--muted: #6b655c;--line: #ddd5c7;--accent: #d9583f;--accent-ink: #fff8f2;--ok: #2f7d5b;--ok-bg: #e3f1e9;--bad: #b8433a;--bad-bg: #f8e3df;--shadow: 0 1px 2px rgba(11,14,18,.06), 0 6px 20px rgba(11,14,18,.06)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper: #0b0e12;--card: #151a21;--ink: #f4f1ea;--muted: #a39d92;--line: #2a313b;--accent: #ef7a62;--accent-ink: #0b0e12;--ok: #6cc59b;--ok-bg: #16302a;--bad: #f08a7f;--bad-bg: #3a1f1c;--shadow: 0 1px 2px rgba(0,0,0,.4)}}:root[data-theme=dark]{--paper: #0b0e12;--card: #151a21;--ink: #f4f1ea;--muted: #a39d92;--line: #2a313b;--accent: #ef7a62;--accent-ink: #0b0e12;--ok: #6cc59b;--ok-bg: #16302a;--bad: #f08a7f;--bad-bg: #3a1f1c;--shadow: 0 1px 2px rgba(0,0,0,.4)}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink)}body{font:16px/1.5 Instrument Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app{max-width:440px;margin:0 auto;min-height:100vh;padding:16px 16px 40px;display:flex;flex-direction:column}h1,h2,h3{font-family:Fraunces,Georgia,serif;font-weight:650;letter-spacing:-.01em;margin:0}h1{font-size:30px;line-height:1.12}h2{font-size:23px;line-height:1.2}p{margin:0}.muted{color:var(--muted)}.small{font-size:14px}.brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;letter-spacing:.02em}.brand i{width:10px;height:10px;border-radius:50%;background:var(--accent);display:inline-block}.top{display:flex;justify-content:space-between;align-items:center;min-height:36px}.linkbtn{background:none;border:0;color:var(--muted);font:inherit;font-size:14px;padding:6px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.stack>*+*{margin-top:14px}.btn{display:block;width:100%;border:0;border-radius:12px;padding:14px 16px;font:inherit;font-weight:600;font-size:16px;cursor:pointer;background:var(--accent);color:var(--accent-ink)}.btn:disabled{opacity:.45;cursor:default}.btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.field{display:block;width:100%;border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:13px 14px;font:inherit}.field:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.check{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-size:14px;line-height:1.45;cursor:pointer}.check input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--accent)}.mascot{position:relative;flex:none}.mascot iframe{display:block;width:100%;aspect-ratio:400 / 487;border:0;background:transparent;color-scheme:light;pointer-events:none}.hero{display:grid;grid-template-columns:1fr 128px;align-items:end;gap:0}.hero .mascot{margin:-14px -12px -10px -6px}.mascot.sm{width:92px}.mascot.pop{width:84px;margin:-10px -6px -12px -10px;opacity:0;transform:scale(.3) translateY(24px);transform-origin:50% 90%;transition:transform .45s cubic-bezier(.3,1.6,.5,1),opacity .2s}.mascot.pop.on{opacity:1;transform:none}.mascot.bear{width:128px;margin:-12px -8px -14px -14px}.vrow{display:flex;align-items:center;gap:4px;min-height:64px}.bubble{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:10px 12px;font-size:14px}.row{display:flex;gap:12px;align-items:center}.modes{display:grid;gap:12px}.mode{text-align:left;width:100%;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:16px;padding:16px;font:inherit;cursor:pointer;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.mode b{font-family:Fraunces,Georgia,serif;font-size:19px;font-weight:650}.mode .arrow{grid-row:span 2;font-size:22px;color:var(--accent)}.mode:disabled{opacity:.5;cursor:default}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px;text-align:center}.stat b{display:block;font-family:Fraunces,Georgia,serif;font-size:22px}.stat span{font-size:12px;color:var(--muted)}.progress{height:6px;background:var(--line);border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--accent);border-radius:99px;transition:width .3s}.qhead{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted)}.stem{font-family:Fraunces,Georgia,serif;font-size:20px;line-height:1.32;font-weight:500}.opts{list-style:none;margin:0;padding:0;display:grid;gap:10px}.opt{width:100%;text-align:left;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:12px;padding:12px;font:inherit;font-size:15.5px;line-height:1.4;cursor:pointer}.opt .l{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:600;font-size:14px}.opt.ok{border-color:var(--ok);background:var(--ok-bg)}.opt.ok .l{background:var(--ok);border-color:var(--ok);color:var(--card)}.opt.bad{border-color:var(--bad);background:var(--bad-bg)}.opt.bad .l{background:var(--bad);border-color:var(--bad);color:var(--card)}.opt:disabled{cursor:default}.verdict{font-weight:600}.verdict.ok{color:var(--ok)}.verdict.bad{color:var(--bad)}.expl{border-left:3px solid var(--accent);padding-left:12px}.src{font-size:13px;color:var(--muted)}.wrong{border-top:1px solid var(--line);padding-top:10px;font-size:14px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0e1273;display:none;align-items:flex-end;justify-content:center;z-index:10}.sheet-bg.on{display:flex}.sheet{background:var(--paper);width:100%;max-width:440px;border-radius:20px 20px 0 0;padding:18px 16px 24px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid var(--line);background:var(--card);color:var(--ink);border-radius:99px;padding:8px 12px;font:inherit;font-size:14px;cursor:pointer}.chip.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:12px;font-size:14px;opacity:0;transition:opacity .25s;pointer-events:none;max-width:calc(100vw - 32px)}.toast.on{opacity:1}.note{font-size:12px;color:var(--muted);border:1px dashed var(--line);border-radius:10px;padding:8px 10px}.score{font-family:Fraunces,Georgia,serif;font-size:52px;line-height:1}[hidden]{display:none!important}.alert{color:var(--bad);background:var(--bad-bg);border-radius:10px;padding:10px 12px;font-size:14px}.app>.toast{z-index:20}.field.code{font-size:28px;letter-spacing:.35em;text-align:center;font-variant-numeric:tabular-nums;padding:12px 8px}.app{padding-top:max(16px,env(safe-area-inset-top));padding-bottom:max(40px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.install{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;font-size:14px}.install .btn{width:auto;padding:10px 14px;font-size:14px}.install .linkbtn{grid-column:1 / -1;justify-self:start;padding:0}