:root{color-scheme:light dark;--bg: #f4f6f9;--surface: #ffffff;--surface-2: #eef1f5;--text: #18202b;--text-muted: #5b6575;--border: #d9dee6;--accent: #1f6feb;--accent-text: #ffffff;--success: #1a7f37;--success-bg: #dafbe1;--danger: #cf222e;--danger-bg: #ffebe9;--mastered: #2da44e;--in-progress: #d4a72c;--unseen: #d0d7de;--radius: 12px;--gap: 16px;--tabbar-height: 56px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0d1117;--surface: #161b22;--surface-2: #21262d;--text: #e6edf3;--text-muted: #8d96a0;--border: #30363d;--accent: #4493f8;--accent-text: #0d1117;--success: #3fb950;--success-bg: #12261e;--danger: #f85149;--danger-bg: #2d1214;--mastered: #3fb950;--in-progress: #d29922;--unseen: #30363d}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.45;-webkit-text-size-adjust:100%}a{color:var(--accent)}button{font:inherit}h1{font-size:1.5rem;margin:0 0 var(--gap)}h2{font-size:1.1rem;margin:var(--gap) 0 8px}.page{max-width:640px;margin:0 auto;padding:var(--gap) var(--gap) calc(var(--tabbar-height) + var(--gap) * 2)}.card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--gap);color:inherit;text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);text-decoration:none;cursor:pointer}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:default}.muted{color:var(--text-muted)}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:var(--gap)}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--gap)}