:root{--bg:#08122e;--panel:#111d45;--panel2:#182957;--text:#f7f8ff;--muted:#aeb9e5;--pri:#5d6cff;--accent:#ffd12f;--ok:#39d18a;--border:rgba(255,255,255,.12)}:root.light{--bg:#eef2ff;--panel:#fff;--panel2:#f5f7ff;--text:#18213f;--muted:#64709a;--border:rgba(32,51,108,.14)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}aside{height:100vh;position:sticky;top:0;padding:18px 14px;background:linear-gradient(#111d45,#0a1432);border-right:1px solid var(--border)}.brand{display:flex;gap:12px;align-items:center;font-size:28px;text-decoration:none;padding:5px 8px 22px}.brand span{font-size:16px}.brand b,.brand small{display:block}.brand small{font-size:11px;color:var(--muted)}nav{display:grid;gap:6px}nav p{font-size:10px;letter-spacing:.15em;color:var(--muted);margin:18px 10px 4px}nav a{padding:12px 14px;border-radius:14px;text-decoration:none;color:var(--muted)}nav a:hover{background:linear-gradient(135deg,var(--pri),#7a4dff);color:white}.main{min-width:0}header{position:sticky;top:0;z-index:20;display:flex;gap:10px;align-items:center;padding:10px 18px;background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}header input{margin-left:auto;width:min(420px,50vw);padding:11px 14px;border-radius:999px;border:1px solid var(--border);background:var(--panel2);color:var(--text)}header button{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--panel2);color:var(--text)}#menu{display:none}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ff9b62,#ffcc70);color:#321800;font-weight:900}#app{max-width:1500px;margin:auto;padding:22px}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:20px;padding:32px;border-radius:28px;border:1px solid var(--border);background:linear-gradient(90deg,rgba(5,11,32,.96),rgba(13,28,72,.72)),radial-gradient(circle at 80% 30%,#4662af,#13234e 55%,#08122e);min-height:320px}.hero h1{font-size:clamp(42px,6vw,74px);line-height:.95;margin:12px 0}.eyebrow{color:var(--accent);letter-spacing:.22em;font-size:12px;font-weight:900}.hero p{max-width:650px;color:#d9def7;line-height:1.65}.btn{display:inline-block;padding:12px 18px;border-radius:14px;text-decoration:none;font-weight:800;border:0}.primary{background:var(--accent);color:#241b00}.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--border)}.progress-card,.panel,.card,.reader{background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:18px}.ring{width:126px;height:126px;margin:16px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--ok) var(--p),rgba(255,255,255,.12) 0);font-size:24px;font-weight:900}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.quick a{padding:20px;border-radius:18px;text-decoration:none;color:#16203e;font-weight:800}.quick a:nth-child(1){background:#cfd3ff}.quick a:nth-child(2){background:#b9f1d5}.quick a:nth-child(3){background:#ffd1a7}.quick a:nth-child(4){background:#ffb9db}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.chapter{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-decoration:none;background:var(--panel2);border:1px solid var(--border);padding:15px;border-radius:15px}.dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#34416d}.dot.done{background:var(--ok)}.bar{height:6px;border-radius:99px;background:rgba(255,255,255,.12);overflow:hidden}.bar span{display:block;height:100%;background:var(--ok)}.layout{display:grid;grid-template-columns:1fr 280px;gap:18px}.reader{padding:clamp(22px,5vw,60px)}.scene{background:var(--panel2);border:1px solid var(--border);border-radius:16px;padding:20px;margin:14px 0}.scene p{font-family:Georgia,serif;font-size:19px;line-height:1.8}.option{display:block;padding:11px;border:1px solid var(--border);border-radius:12px;margin:8px 0}.flashgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.flash{min-height:170px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,var(--panel2),#233a7b);color:var(--text);padding:20px}.flash .back{display:none}.flash.flipped .front{display:none}.flash.flipped .back{display:block}.bottom{display:none}#overlay{display:none}.page h1{font-size:clamp(34px,5vw,56px);margin-bottom:6px}.muted{color:var(--muted)}@media(max-width:900px){.shell{display:block}aside{position:fixed;left:0;top:0;width:280px;transform:translateX(-105%);transition:.25s;z-index:50}aside.open{transform:translateX(0)}#overlay.show{display:block;position:fixed;inset:0;background:#0009;z-index:40}#menu{display:block}.hero,.layout{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}.bottom{display:grid;position:fixed;left:0;right:0;bottom:0;z-index:30;grid-template-columns:repeat(4,1fr);background:var(--panel);border-top:1px solid var(--border)}.bottom a{text-align:center;padding:10px 4px;text-decoration:none;color:var(--muted)}.bottom small{display:block}#app{padding:14px 14px 85px}}@media(max-width:520px){.quick{grid-template-columns:1fr}.hero{padding:22px}.hero h1{font-size:42px}header input{width:auto;flex:1}}