:root{--bg:#0e1116;--surface:#161b22;--surface-2:#1c232c;--line:#2a3340;--ink:#e6edf3;--muted:#9aa7b4;--clear:#3fb950;--caution:#d29922;--stop:#f85149;--focus:#58a6ff;--r:14px;--maxw:920px;--fs:16px;--space:1.5;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}html[data-dys="1"]{--font:"Atkinson Hyperlegible","Comic Sans MS",Verdana,sans-serif;--space:1.8;letter-spacing:.02em;word-spacing:.08em}html[data-contrast="1"]{--ink:#fff;--muted:#d6e0ea;--line:#5b6a79;--surface:#1a212b;--surface-2:#222b37}*{box-sizing:border-box}html,body{margin:0}html{font-size:var(--fs)}body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:1rem;line-height:var(--space);-webkit-font-smoothing:antialiased}a{color:var(--focus)}.wrap{max-width:var(--maxw);margin:0 auto;padding:20px 18px 80px}.muted{color:var(--muted)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:6px}.skip{background:var(--clear);color:#062;z-index:50;border-radius:0 0 8px;padding:8px 12px;position:absolute;top:0;left:-999px}.skip:focus{left:0}header.top{border-bottom:1px solid var(--line);align-items:center;gap:14px;margin-bottom:22px;padding:6px 0 18px;display:flex}.mark{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid}.mark span{background:var(--clear);width:14px;height:14px;box-shadow:0 0 12px var(--clear);border-radius:50%}.brand h1{letter-spacing:.2px;margin:0;font-size:1.35rem}.brand p{color:var(--muted);margin:2px 0 0;font-size:.86rem}.top .grow{flex:1}.iconbtn{background:var(--surface-2);color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:10px;min-height:44px;padding:9px 13px;font-size:.9rem}.iconbtn:hover{border-color:var(--muted)}.lede{background:linear-gradient(180deg,var(--surface),var(--surface) 60%,transparent);border:1px solid var(--line);border-radius:var(--r);margin-bottom:24px;padding:18px}.lede b{color:var(--clear)}.free{letter-spacing:.12em;text-transform:uppercase;color:var(--clear);border:1px solid var(--clear);border-radius:999px;margin-bottom:10px;padding:3px 10px;font-size:.72rem;display:inline-block}h2.section{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:28px 2px 12px;font-size:.78rem}.path{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px}.stage{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stage b{font-size:1.05rem}.stage span{color:var(--muted);font-size:.85rem}.bar{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:12px;margin-top:12px;overflow:hidden}.bar>i{background:linear-gradient(90deg,var(--clear),#6fd17f);width:0%;height:100%;transition:width .6s;display:block}html[data-reduce="1"] .bar>i{transition:none}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:8px;padding:15px;display:flex}.card.locked{opacity:.55}button.card{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}button.card:hover{border-color:var(--clear)}.card .h{align-items:center;gap:9px;display:flex}.dot{background:var(--clear);border-radius:50%;flex:none;width:9px;height:9px}.card h3{margin:0;font-size:1rem}.card p{color:var(--muted);flex:1;margin:0;font-size:.84rem}.mini{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:7px;overflow:hidden}.mini>i{background:var(--clear);width:0%;height:100%;display:block}.soon{letter-spacing:.1em;text-transform:uppercase;color:var(--caution);border:1px solid var(--caution);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:.7rem}.stations{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.station{background:var(--surface-2);border:1px solid var(--line);text-align:left;color:var(--ink);font:inherit;cursor:pointer;border-radius:12px;min-height:64px;padding:14px}.station:hover{border-color:var(--clear)}.station b{display:block}.station small{color:var(--muted)}.station[disabled]{cursor:default;opacity:.5}.station[disabled]:hover{border-color:var(--line)}footer{border-top:1px solid var(--line);color:var(--muted);margin-top:40px;padding-top:18px;font-size:.82rem}footer .tip{border:1px solid var(--caution);color:var(--caution);border-radius:999px;min-height:auto;margin-bottom:10px;padding:6px 13px;text-decoration:none;display:inline-block}footer .tip:hover{background:#d299221f}.back{color:var(--focus);font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;padding:6px 0}.view-title{margin:.2em 0 .1em;font-size:1.3rem}.search{background:var(--surface-2);border:1px solid var(--line);width:100%;color:var(--ink);font:inherit;border-radius:10px;margin:8px 0 16px;padding:12px 14px}.ref-list{flex-direction:column;gap:8px;display:flex}.ref-row{text-align:left;background:var(--surface);border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:11px 13px}.ref-row:hover{border-color:var(--clear)}.ref-row b{display:block}.ref-row small{color:var(--muted)}.ref-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-top:16px;padding:16px 18px}.ref-detail h3{margin:0 0 6px}.ref-detail .plain{font-size:1.05rem}.badge{border-radius:999px;margin-bottom:8px;padding:2px 9px;font-size:.72rem;display:inline-block}.badge.clear{color:var(--clear);border:1px solid var(--clear)}.badge.caution{color:var(--caution);border:1px solid var(--caution)}details{margin:10px 0}summary{cursor:pointer;color:var(--focus)}blockquote{border-left:3px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:0 8px 8px 0;margin:10px 0 0;padding:10px 14px}.cite{color:var(--muted);margin-top:10px;font-size:.8rem}.drill-top{justify-content:space-between;margin:6px 0;display:flex}.prompt{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);margin-bottom:14px;padding:18px;font-size:1.1rem}.prompt-signal{text-align:center;padding:22px}.prompt-signal svg{width:auto;height:170px}.aspects{flex-wrap:wrap;align-items:flex-end;gap:16px;margin:12px 0;display:flex}.aspects svg{width:auto;height:120px}.signal{align-items:flex-end;display:inline-flex}.small{font-size:.8rem}.opts{flex-direction:column;gap:10px;display:flex}.opt{text-align:left;background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;min-height:48px;padding:13px 15px}.opt:hover:not(:disabled){border-color:var(--clear)}.opt.right{border-color:var(--clear);background:#3fb95029}.opt.wrong{border-color:var(--stop);background:#f8514924}.feedback{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);flex-direction:column;gap:8px;margin-top:16px;padding:14px 16px;display:flex}.fb-ok{color:var(--clear)}.fb-no{color:var(--stop)}.feedback .next{align-self:flex-start;margin-top:6px}.big-score{margin:.2em 0;font-size:2.4rem}dialog#settings{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);width:92%;max-width:440px;padding:0}dialog#settings::backdrop{background:#0009}.set-h{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.set-h h2{margin:0;font-size:1.05rem}.set-body{padding:8px 18px 18px}.set-sample{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;margin:6px 0 14px;padding:12px 14px;display:flex}.set-sample .ss-aa{color:var(--clear);font-size:1.9rem;font-weight:800;line-height:1}.set-sample b{display:block}.set-sample small{color:var(--muted)}.iconbtn.danger{color:var(--stop);border-color:var(--stop)}.set-note{color:var(--muted);margin:12px 0 0;font-size:.8rem}.row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:13px 0;display:flex}.row:last-child{border-bottom:0}.row label{font-size:.95rem}.row small{color:var(--muted);font-size:.8rem;display:block}.sw{flex:none;width:50px;height:28px;position:relative}.sw input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.sw i{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;transition:all .2s;position:absolute;inset:0}.sw i:after{content:"";background:var(--muted);border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.sw input:checked+i{border-color:var(--clear);background:#3fb95040}.sw input:checked+i:after{background:var(--clear);left:25px}html[data-reduce="1"] .sw i,html[data-reduce="1"] .sw i:after{transition:none}@media (prefers-reduced-motion:reduce){*{transition:none!important}}