:root{--bg: #f7f8fa;--surface: #ffffff;--text: #16181d;--muted: #6b7280;--border: #e5e7eb;--accent: #2563eb;--accent-ink: #ffffff;--success: #059669;--warn: #b45309;--error: #dc2626;--radius: 14px;--maxw: 640px}@media (prefers-color-scheme: dark){:root{--bg: #0f1115;--surface: #171a21;--text: #e7e9ee;--muted: #9aa1ac;--border: #262b35;--accent: #3b82f6}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.center{min-height:100%;display:grid;place-items:center;padding:1.25rem}.shell{min-height:100%;display:flex;flex-direction:column;max-width:var(--maxw);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:5}.brand{font-weight:800;letter-spacing:.5px}.brand-lg{font-size:2rem;font-weight:800;margin:0 0 .25rem;letter-spacing:.5px}.content{flex:1;padding:1.1rem 1.1rem 5rem}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:var(--maxw);margin:0 auto;display:flex;background:var(--surface);border-top:1px solid var(--border);z-index:5}.tab{flex:1;text-align:center;padding:.85rem;text-decoration:none;color:var(--muted);font-size:.9rem}.tab.active{color:var(--accent);font-weight:700}.stack{display:flex;flex-direction:column;gap:1rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem}.login{width:100%;max-width:380px}.h2{font-size:1.3rem;margin:0}.title{font-size:1.05rem;font-weight:700}.label{font-size:.72rem;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin-bottom:.25rem}.muted{color:var(--muted)}.sm{font-size:.85rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:1rem}.field{display:block;margin:.75rem 0}.field span{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.35rem}.field input{width:100%;padding:.7rem .8rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font-size:1rem}.btn{border:none;border-radius:10px;padding:.7rem 1.1rem;font-size:.95rem;font-weight:600;cursor:pointer}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn:disabled{opacity:.5;cursor:not-allowed}.link{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.9rem;padding:0}.pbar{height:8px;background:var(--border);border-radius:999px;overflow:hidden;margin:.5rem 0}.pbar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s}.stat{text-align:center}.stat-value{font-size:1.6rem;font-weight:800}.stat-label{font-size:.75rem;color:var(--muted)}.spinner{padding:2rem;text-align:center;color:var(--muted)}.banner{padding:.75rem .9rem;border-radius:10px;font-size:.9rem;margin-top:.5rem}.banner-info{background:#2563eb1f;color:var(--accent)}.banner-success{background:#05966926;color:var(--success)}.banner-warn{background:#b4530926;color:var(--warn)}.banner-error{background:#dc262626;color:var(--error)}.lesson-list{list-style:none;padding:0;margin:.75rem 0 0}.lesson-row{display:flex;gap:.6rem;padding:.55rem 0;border-top:1px solid var(--border);cursor:pointer}.block.done{border-color:#05966973}.block-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.chk{color:var(--success);font-weight:800}.body{white-space:pre-wrap;margin:.25rem 0 .75rem}.check-row{display:flex;gap:.6rem;align-items:flex-start;padding:.4rem 0}.field textarea{width:100%;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--text);font:inherit;resize:vertical}.media{width:100%;border-radius:10px;margin:.5rem 0}.btn-ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}.btn-secondary{background:var(--border);color:var(--text)}.mt{margin-top:.6rem}.remaining{list-style:none;padding:0;margin:.6rem 0 0}.remaining li{color:var(--muted);font-size:.88rem;padding:.15rem 0}.done-text{text-decoration:line-through;color:var(--muted)}.dim-row{display:flex;align-items:center;gap:.6rem;padding:.28rem 0}.dim-label{width:92px;font-size:.82rem;color:var(--muted)}.dim-bar{flex:1;height:7px;background:var(--border);border-radius:999px;overflow:hidden}.dim-fill{height:100%;background:var(--accent);border-radius:999px}.dim-val{width:28px;text-align:right;font-size:.82rem;font-variant-numeric:tabular-nums}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}.chip{border:1px solid var(--border);background:var(--bg);color:var(--accent);border-radius:999px;padding:.35rem .7rem;font-size:.82rem;cursor:pointer}