:root{--bg:#f5f7f4;--surface:#ffffff;--fg:#17231f;--muted:#5d6c66;--line:#d9e1dc;--accent:#0f6b57;--accent-fg:#ffffff;--accent-soft:#e1f0ea;--ok:#1c7c3e;--ok-soft:#e0f3e6;--bad:#b3261e;--bad-soft:#fbe6e3;--warn:#8a5a00;--warn-soft:#fdf0d5;--f-display:"Newsreader",Georgia,serif;--f-body:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg:#0f1a17;--surface:#16251f;--fg:#e6efeb;--muted:#9bb0a8;--line:#2a3d36;--accent:#4cc3a3;--accent-fg:#06201a;--accent-soft:#1a3a31;--ok:#62d08a;--ok-soft:#173a26;--bad:#ff8a80;--bad-soft:#40201d;--warn:#e8b34a;--warn-soft:#3a2f14;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}#root{padding-block:max(16px,env(safe-area-inset-top)) 64px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.wrap{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.narrow{max-width:420px;margin:8vh auto 0}h1,h2,h3{font-family:var(--f-display);font-weight:600;margin:0;text-wrap:balance;line-height:1.15}h1{font-size:2.1rem}h2{font-size:1.4rem}h3{font-size:1.1rem}p{margin:0}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:.875rem}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.eyebrow{font-family:var(--f-mono);font-size:.76rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}button{font:inherit;cursor:pointer;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--fg);padding:10px 16px;min-height:44px}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible,label:focus-within{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);font-weight:600}button.danger{border-color:var(--bad);color:var(--bad)}button.link{border:0;background:none;color:var(--accent);padding:4px 0;min-height:0;text-decoration:underline}button:disabled{opacity:.45;cursor:default}input[type=email],input[type=password],input[type=text],select{font:inherit;width:100%;padding:10px 12px;border-radius:6px;border:1px solid var(--line);background:var(--surface);color:var(--fg);min-height:44px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.875rem;font-weight:500}.form{display:flex;flex-direction:column;gap:14px}.err{color:var(--bad);font-size:.9rem}.okmsg{color:var(--ok);font-size:.9rem}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-weight:600;font-size:1.15rem}.brand i{width:26px;height:26px;border-radius:6px;background:var(--accent);display:inline-block;position:relative}.brand i:after{content:"";position:absolute;left:6px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--accent-fg)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:none;padding:10px 12px;white-space:nowrap;color:var(--muted)}.tabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}.stats{display:flex;gap:28px;flex-wrap:wrap}.stat{display:flex;flex-direction:column}.stat .v{font-family:var(--f-display);font-size:1.9rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.stat .l{font-size:.8rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.tile{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:12px 14px;min-height:98px}.tile .num{font-family:var(--f-display);font-size:1.9rem;font-weight:600;line-height:1}.tile .cnt{font-size:.78rem;color:var(--muted)}.tile.locked{background:transparent;border-style:dashed}.tile.locked .num{color:var(--muted)}.badge{font-family:var(--f-mono);font-size:.78rem;padding:2px 8px;border-radius:99px;background:var(--accent-soft);color:var(--accent);white-space:nowrap}.badge.low{background:var(--bad-soft);color:var(--bad)}.badge.hi{background:var(--ok-soft);color:var(--ok)}.badge.plain{background:transparent;color:var(--muted);padding-left:0}.list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}.row{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid var(--line);flex-wrap:wrap;min-width:0}.row:first-child{border-top:0}.row .t{min-width:0;display:flex;flex-direction:column;flex:1}.row .t b{font-weight:600}button.row{width:100%;text-align:left;border-radius:0;border-width:1px 0 0;min-height:56px;background:var(--surface)}button.row:first-child{border-top:0}button.row.locked{color:var(--muted)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:14px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:99px;padding:6px 12px;min-height:36px;background:var(--bg);cursor:pointer;font-size:.9rem}.chip input{accent-color:var(--accent);margin:0}.chip:has(input:checked){background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.ctl{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.ctl select{width:auto}.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);padding-block:8px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--line)}.prog{height:6px;border-radius:3px;background:var(--line);overflow:hidden}.prog i{display:block;height:100%;background:var(--accent);transition:width .2s}.qcard{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px;display:flex;flex-direction:column;gap:14px}.stem{font-size:1.08rem;font-weight:500;max-width:70ch;white-space:pre-line}.hint{font-size:.82rem;color:var(--muted)}.opts{display:flex;flex-direction:column;gap:8px}.opt{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line);border-radius:8px;cursor:pointer;min-height:48px}.opt:hover{border-color:var(--accent)}.opt.sel{background:var(--accent-soft);border-color:var(--accent)}.opt input{margin-top:4px;accent-color:var(--accent);width:18px;height:18px;flex:none}.opt .k{font-family:var(--f-mono);font-weight:500;flex:none;width:1.2em}.opt .tx{min-width:0;overflow-wrap:anywhere}.fig{max-width:100%;max-height:440px;object-fit:contain;border:1px solid var(--line);border-radius:6px;background:#fff;align-self:flex-start}.nav{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.qgrid{display:flex;flex-wrap:wrap;gap:6px}.qn{min-width:40px;min-height:40px;padding:4px 6px;font-family:var(--f-mono);font-size:.85rem;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--line);background:var(--surface)}.qn.done{background:var(--accent-soft);border-color:var(--accent)}.qn.cur{outline:2px solid var(--fg);outline-offset:1px}.qn.ok{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.qn.no{background:var(--bad-soft);border-color:var(--bad);color:var(--bad)}.confirm{background:var(--warn-soft);border:1px solid var(--warn);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}.result{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.big{font-family:var(--f-display);font-size:4.2rem;font-weight:600;line-height:1;font-variant-numeric:tabular-nums}.big.hi{color:var(--ok)}.big.low{color:var(--bad)}.rev{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:10px;border-left-width:5px}.rev.ok{border-left-color:var(--ok)}.rev.no{border-left-color:var(--bad)}.rev .opt{cursor:default;min-height:0;padding:8px 12px}.rev .opt:hover{border-color:var(--line)}.opt.right{background:var(--ok-soft);border-color:var(--ok)}.opt.wrong{background:var(--bad-soft);border-color:var(--bad)}.why{display:block;margin-top:5px;font-size:.86rem;line-height:1.45;color:var(--muted)}.opt.right .why,.opt.wrong .why{color:var(--fg);opacity:.8}.tag{font-size:.74rem;font-family:var(--f-mono);margin-left:auto;flex:none;padding-left:8px;color:var(--muted)}.note{background:var(--accent-soft);border-radius:8px;padding:12px 14px;font-size:.9rem}.warnbox{background:var(--warn-soft);border-radius:8px;padding:12px 14px;font-size:.9rem}.empty{border:1px dashed var(--line);border-radius:8px;padding:22px;text-align:center;color:var(--muted)}.tw{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:9px 12px;border-top:1px solid var(--line);white-space:nowrap}th{font-family:var(--f-mono);font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-top:0}td.n{text-align:right;font-family:var(--f-mono);font-variant-numeric:tabular-nums}tr.click{cursor:pointer}tr.click:hover td{background:var(--accent-soft)}textarea{font:inherit;width:100%;min-height:180px;padding:10px 12px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--fg)}.spin{color:var(--muted);padding:24px 0}@media(max-width:560px){h1{font-size:1.7rem}.big{font-size:3.2rem}.stat .v{font-size:1.55rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}