:root,:root[data-theme=light]{color-scheme:light;--bg: #faf9f7;--fg: #1f2328;--muted: #59636e;--accent: #0b6bcb;--surface: #ffffff;--border: #d6dbe1}:root[data-theme=dark]{color-scheme:dark;--bg: #14171a;--fg: #e6e9ec;--muted: #9aa4af;--accent: #58a6ff;--surface: #1d2126;--border: #343b43}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5}.header{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;padding-top:calc(.6rem + env(safe-area-inset-top));border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0}.header-title{flex:1;margin:0;font-size:1.05rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back,.back-spacer{width:2.25rem;height:2.25rem;flex:none}.back{display:flex;align-items:center;justify-content:center;font-size:1.3rem;text-decoration:none;color:var(--fg);border-radius:8px}.back:active{background:var(--bg)}.theme-toggle{flex:none;font:inherit;font-size:.85rem;cursor:pointer;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.3rem .8rem}.complete-button{flex:none;font:inherit;font-size:.85rem;cursor:pointer;color:var(--surface);background:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:.3rem .8rem;white-space:nowrap}.complete-button:disabled{color:var(--muted);background:var(--bg);border-color:var(--border);cursor:default}.page{min-height:100%;display:flex;flex-direction:column}.page-body{flex:1;width:100%;max-width:38rem;margin:0 auto;padding:1rem .9rem 3rem}.card-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.card{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;text-decoration:none;color:var(--fg)}.card:active{border-color:var(--accent)}.card-title{font-weight:600}.card-meta{flex:none;color:var(--muted);font-size:.85rem}.tick{color:var(--accent);font-weight:700;margin-right:.4rem}.audio-glyph{margin-right:.4rem;font-size:.9em}.empty{color:var(--muted);text-align:center;margin-top:3rem}a{color:var(--accent)}.lesson-screen{height:100%;display:flex;flex-direction:column}.lesson-frame{flex:1;width:100%;border:none;display:block;background:var(--bg)}.audio-bar{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--surface)}.audio-bar .audio-glyph{margin-right:0;flex:none}.audio-player{flex:1;height:2.25rem;min-width:0}