:root{--paper:#fbfcfe;--grid:#e4eaf3;--card:#ffffff;--ink:#17223b;--muted:#5b6882;--line:#cfd8e6;--red:#cc3325;--red-soft:#fbe6e3;--ok:#1d8048;--ok-soft:#e0f2e7;--accent:#2b4bd0;--accent-soft:#e7ecfc;--s-mat:#2b4bd0;--s-pol:#c2410c;--s-ang:#b4235a;--s-niem:#6d28d9;--s-bio:#15803d;--s-chem:#0e7490;--s-fiz:#a16207;--s-geo:#4d7c0f;--s-hist:#8a3414;--f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;--f-body:"Atkinson Hyperlegible","Segoe UI",system-ui,sans-serif;--f-pen:"Caveat","Segoe Print","Comic Sans MS",cursive}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#11161f;--grid:#1a2230;--card:#18202d;--ink:#e7ecf4;--muted:#9aa6bb;--line:#2a3546;--red:#ff6f61;--red-soft:#3a1d1b;--ok:#4fcf86;--ok-soft:#15301f;--accent:#8ea4ff;--accent-soft:#1d2645;--s-mat:#8ea4ff;--s-pol:#fb9a5b;--s-ang:#f472a8;--s-niem:#b794f6;--s-bio:#5fd38a;--s-chem:#4cc3d9;--s-fiz:#e6b84c;--s-geo:#a3d65c;--s-hist:#e08a62;color-scheme:dark}}:root[data-theme=dark]{--paper:#11161f;--grid:#1a2230;--card:#18202d;--ink:#e7ecf4;--muted:#9aa6bb;--line:#2a3546;--red:#ff6f61;--red-soft:#3a1d1b;--ok:#4fcf86;--ok-soft:#15301f;--accent:#8ea4ff;--accent-soft:#1d2645;--s-mat:#8ea4ff;--s-pol:#fb9a5b;--s-ang:#f472a8;--s-niem:#b794f6;--s-bio:#5fd38a;--s-chem:#4cc3d9;--s-fiz:#e6b84c;--s-geo:#a3d65c;--s-hist:#e08a62;color-scheme:dark}*{box-sizing:border-box}body{background-color:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;min-height:100%}.wrap{max-width:880px;margin:0 auto;padding-block:20px 48px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;line-height:1.15}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.brand{display:flex;align-items:baseline;gap:10px}.brand h1{font-size:30px;font-weight:800;letter-spacing:-.02em}.brand h1 span{color:var(--red);font-family:var(--f-pen);font-size:40px;font-weight:700;margin-left:2px}.brand small{color:var(--muted);font-size:13px}.tabs{display:flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px}.tabs button{border:0;background:transparent;padding:7px 16px;border-radius:999px;font-weight:700;font-size:14px}.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.note{font-size:14px;color:var(--muted);background:var(--card);border:1px dashed var(--line);border-radius:10px;padding:10px 14px;margin-bottom:16px}.note.warn{border-color:var(--red);color:var(--ink)}.who{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;justify-content:space-between;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.field input,.field select{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;min-width:0}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px}.chip b{font-family:var(--f-display);font-variant-numeric:tabular-nums}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tile{position:relative;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 12px 14px;display:flex;flex-direction:column;gap:2px;min-height:150px;transition:transform .12s ease,box-shadow .12s ease}.tile:hover{transform:translateY(-2px);box-shadow:0 6px 0 -2px var(--c)}.tile .no{position:absolute;top:10px;right:12px;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.tile .ab{font-family:var(--f-display);font-weight:800;font-size:42px;line-height:1;color:var(--c);letter-spacing:-.03em;margin-top:6px}.tile .nm{font-weight:700;font-size:15px}.tile .meta{font-size:12px;color:var(--muted)}.tile .bar{margin-top:auto;height:6px;border-radius:3px;background:var(--grid);overflow:hidden}.tile .bar i{display:block;height:100%;background:var(--c);width:0}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}.setup h2{font-size:26px}.setup .row{display:flex;flex-wrap:wrap;gap:16px;margin-top:16px}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:8px 12px;font-size:14px;text-align:left}.seg button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.seg button small{display:block;font-size:12px;opacity:.75}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn{border:2px solid var(--ink);background:var(--ink);color:var(--paper);font-weight:700;border-radius:10px;padding:10px 18px}.btn.ghost{background:transparent;color:var(--ink)}.btn:disabled{opacity:.5;cursor:default}.link{border:0;background:none;color:var(--accent);font-weight:700;padding:0;text-decoration:underline;text-underline-offset:3px}.qtop{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--muted);margin-bottom:8px}.progress{height:8px;background:var(--grid);border-radius:4px;overflow:hidden;margin-bottom:16px}.progress i{display:block;height:100%;background:var(--c,var(--accent));transition:width .3s ease}.topic{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c,var(--muted))}.qtext{font-size:22px;font-family:var(--f-display);font-weight:500;margin:6px 0 18px;line-height:1.3}.src{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 8px}.opts{display:grid;gap:8px}.opt{display:flex;gap:12px;align-items:center;text-align:left;background:var(--paper);border:1.5px solid var(--line);border-radius:10px;padding:12px 14px;font-size:17px}.opt:hover:not(:disabled){border-color:var(--ink)}.opt .k{flex:none;width:28px;height:28px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;font-weight:700;font-size:14px}.opt.right{border-color:var(--ok);background:var(--ok-soft)}.opt.wrong{border-color:var(--red);background:var(--red-soft)}.opt:disabled{cursor:default}.ans{display:flex;gap:8px;flex-wrap:wrap}.ans input{flex:1 1 200px;min-width:0;font-size:18px;padding:11px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--paper)}.fb{margin-top:16px;border-radius:10px;padding:12px 14px;border-left:4px solid}.fb.ok{background:var(--ok-soft);border-color:var(--ok)}.fb.no{background:var(--red-soft);border-color:var(--red)}.fb strong{display:block;margin-bottom:2px}.loading{display:flex;align-items:center;gap:12px;color:var(--muted)}.spin{width:20px;height:20px;border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:sp .9s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}.result{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.pen{width:120px;height:120px;border:3px solid var(--red);border-radius:50% 46% 52% 48%;display:grid;place-items:center;color:var(--red);font-family:var(--f-pen);font-size:72px;font-weight:700;line-height:1;transform:rotate(-6deg)}.result h2{font-size:28px}.result p{margin:4px 0 0;color:var(--muted)}.mist{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}.mist li{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--paper);font-size:15px}.mist .g{color:var(--red);text-decoration:line-through}.mist .r{color:var(--ok);font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.stat{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.stat span{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}.stat b{display:block;font-family:var(--f-display);font-size:30px;font-variant-numeric:tabular-nums}.cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cols>section{min-width:0}.panel h3{font-size:18px;margin-bottom:12px}.bars{display:grid;gap:8px}.brow{display:grid;grid-template-columns:96px 1fr 44px;gap:10px;align-items:center;font-size:14px}.brow .t{height:10px;background:var(--grid);border-radius:5px;overflow:hidden}.brow .t i{display:block;height:100%;background:var(--c)}.brow .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.weak{list-style:none;padding:0;margin:0;display:grid;gap:8px}.weak li{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px;border-bottom:1px dashed var(--line);padding-bottom:8px}.weak li div{min-width:0}.pill{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px;font-variant-numeric:tabular-nums}.pill.lo{background:var(--red-soft);color:var(--red)}.pill.mid{background:var(--accent-soft);color:var(--accent)}.pill.hi{background:var(--ok-soft);color:var(--ok)}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}td.n{font-variant-numeric:tabular-nums}.empty{color:var(--muted);font-size:15px}.dot{display:inline-block;width:10px;height:10px;border-radius:2px;background:var(--c);margin-right:6px;vertical-align:baseline}.stack{display:grid;gap:12px}@media(max-width:640px){.cols{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr 1fr}.stat b{font-size:22px}.result{grid-template-columns:1fr;justify-items:start}.qtext{font-size:19px}}.user{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.user b{color:var(--ink)}.login{max-width:380px;margin:8vh auto 0}.login h2{font-size:26px;margin-bottom:4px}.login form{display:grid;gap:14px;margin-top:18px}.login .field input{font-size:17px}.err{color:var(--red);font-size:14px;margin:0}.book{display:flex;gap:14px;align-items:flex-start;margin-top:12px}.covers{display:flex;gap:8px;flex:none}.covers img{height:96px;width:auto;border-radius:4px;border:1px solid var(--line);box-shadow:0 2px 0 var(--line);background:var(--paper)}.checks{display:flex;flex-wrap:wrap;gap:6px}.checks label{display:flex;gap:6px;align-items:center;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:6px 10px;font-size:14px;cursor:pointer}.checks input{accent-color:var(--ink)}.field textarea{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px 12px;font:inherit;color:inherit;min-height:64px;resize:vertical}.scope{border-top:1px dashed var(--line);padding-top:14px;margin-top:14px}.scope:first-of-type{border-top:0;margin-top:0;padding-top:0}.scope h4{font-family:var(--f-display);font-size:16px;margin:0 0 8px;display:flex;align-items:center;gap:8px}.saved{font-size:13px;color:var(--ok);font-weight:700}.rowform{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.rowform .field{flex:1 1 140px}.people{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}.people li{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;border-bottom:1px dashed var(--line);padding-bottom:8px;font-size:15px}.people li small{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:6px}.range{font-size:14px;color:var(--muted);margin:4px 0 0}