:root{--bg:#f7f7f8;--card:#fff;--border:#e5e5e8;--fg:#1a1a1e;--muted:#6b6b74;--accent:#2b3a8f;--accent-fg:#fff;--danger:#b23b3b;--ok:#2e7d52}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}main{max-width:760px;margin:0 auto;padding:40px 20px}h1{margin:0 0 4px;font-size:22px}h2{margin:24px 0 8px;font-size:16px}p.muted{color:var(--muted);margin:4px 0 16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.card+.card{margin-top:14px}label{color:var(--muted);margin:12px 0 4px;font-size:13px;display:block}input{border:1px solid var(--border);width:100%;color:var(--fg);background:#fff;border-radius:8px;padding:10px 12px;font-size:14px}button{background:var(--accent);color:var(--accent-fg);cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600}button:disabled{opacity:.55;cursor:default}button.ghost{color:var(--accent);border:1px solid var(--border);background:0 0}button.danger{color:var(--danger);border:1px solid var(--border);background:0 0}.row{align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.err{color:var(--danger);margin-top:8px;font-size:13px}.ok{color:var(--ok);margin-top:8px;font-size:13px}.course{border:1px solid var(--border);background:#fff;border-radius:10px;margin-top:8px;padding:12px 14px}.course .meta{color:var(--muted);margin-top:2px;font-size:12px}.badge{color:var(--accent);background:#eef;border-radius:999px;padding:2px 8px;font-size:11px}.archived-toggle{color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:16px;font-size:13px;display:inline-block}a{color:var(--accent)}.note{color:var(--muted);border:1px dashed var(--border);background:#fafafb;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:12px}ol.steps{padding-left:18px;font-size:14px}ol.steps li{margin:6px 0}