:root{--navy:#0b2545;--teal:#13a89e;--sand:#f7f5f0;--ink:#1c1c1c;--muted:#5d6572;--line:#e2ddd3;--ok:#1d7a3a;--bad:#b3261e;--okbg:#e6f4ea;--badbg:#fbe9e7}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--sand);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:var(--navy)}.app{flex-direction:column;min-height:100dvh;display:flex}.top{background:var(--navy);color:#fff;padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));justify-content:space-between;align-items:center;display:flex}.top a{color:#fff;text-decoration:none}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:1.2rem;font-weight:700;display:flex}.page{flex:1;width:100%;max-width:680px;margin:0 auto;padding:16px}.foot{color:var(--muted);border-top:1px solid var(--line);padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:space-between;gap:8px 16px;font-size:.85rem;display:flex}h1{margin:8px 0;font-size:1.6rem;line-height:1.2}h2{margin:24px 0 8px;font-size:1.15rem}.lead{color:#2b3340;font-size:1.05rem}.muted{color:var(--muted)}.small{font-size:.9rem}.error{color:var(--bad)}.btn{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block}.btn.big{text-align:center;width:100%;padding:16px 24px;font-size:1.15rem}.btn.ghost{color:var(--navy);border:2px solid var(--navy);background:0 0}.btn.small{padding:8px 12px;font-size:.9rem}.btn:disabled{opacity:.45;cursor:default}.linkbtn{color:var(--navy);cursor:pointer;background:0 0;border:0;padding:0;font-size:.95rem;text-decoration:underline}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row.nav{justify-content:space-between;margin:12px 0}.shelves{gap:12px;margin:16px 0;display:grid}.shelf{border:1px solid var(--line);background:#fff;border-radius:16px;padding:16px}.shelf h2{margin-top:0}.shelf.planned{opacity:.7}.pill{background:var(--line);border-radius:999px;padding:4px 10px;font-size:.85rem;display:inline-block}.actions{margin:12px 0 8px}.topics{gap:8px;margin:0;padding:0;list-style:none;display:grid}.topics li a,.topics.compact li{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:grid}.topics .code{background:var(--navy);color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:700;display:inline-grid}.topics .name{font-weight:600}.topics .ok{color:var(--ok);font-weight:600}.card{border:1px solid var(--line);background:#fff;border-radius:16px;margin:12px 0;padding:16px}.qmeta{color:var(--muted);justify-content:space-between;gap:8px;font-size:.85rem;display:flex}.qtext{margin:8px 0 12px;font-size:1.15rem;line-height:1.35}.options{gap:8px;margin:0;padding:0;list-style:none;display:grid}.opt{text-align:left;background:var(--sand);border:2px solid var(--line);cursor:pointer;width:100%;color:var(--ink);border-radius:12px;align-items:flex-start;gap:12px;padding:12px;font-size:1rem;display:flex}.opt .letter{border:1px solid var(--line);background:#fff;border-radius:50%;flex:0 0 28px;place-items:center;height:28px;font-weight:700;display:grid}.opt.chosen{border-color:var(--navy);background:#eef2f8}.opt.right{border-color:var(--ok);background:var(--okbg)}.opt.wrong{border-color:var(--bad);background:var(--badbg)}.opt:disabled{cursor:default}.explain{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.explain p{margin:6px 0}.report textarea{border:1px solid var(--line);width:100%;font:inherit;border-radius:8px;margin-top:6px;padding:8px}.bar{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.clock{font-variant-numeric:tabular-nums;border:1px solid var(--line);background:#fff;border-radius:10px;padding:4px 10px;font-size:1.2rem;font-weight:700}.clock.late{color:var(--bad);border-color:var(--bad)}.dots{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.dot{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;width:34px;height:34px;font-size:.85rem}.dot.done{background:#dfe7f3;border-color:#b9c6dc}.dot.cur{outline:2px solid var(--teal)}.sheet{border-top:1px solid var(--line);padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:#fff;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0000001f}.verdict{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;padding:16px}.verdict.pass h1{color:var(--ok)}.verdict.fail h1{color:var(--bad)}.verdict .big{margin:4px 0;font-size:1.5rem;font-weight:700}.verdict .row{justify-content:center;margin-top:12px}.toggle{align-items:center;gap:8px;margin:8px 0;display:flex}.prose p{margin:10px 0}.version{margin-top:24px}.done{margin-top:12px}@media (width>=720px){h1{font-size:2rem}.page{padding:24px 16px}}