:root{--bg:#070b16;--surface:#0b1020;--raise:#111a33;--raise2:#16213f;--ink:#edf1fb;--ink2:#a9b2c9;--ink3:#7c87a3;--hair:#edf1fb14;--hair2:#edf1fb29;--violet:#8b7cf6;--violet-soft:#b6acfc;--mint:#3dd6a3;--amber:#e8b45a;--coral:#f07567;--gold:#f5d9a0;--dim:#3a4568;--sans:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--serif:"Fraunces", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;font-size:16px;line-height:1.55}#root{height:100%}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.app{background:radial-gradient(700px 420px at 85% -8%, #8b7cf61a, transparent 60%), linear-gradient(180deg, #0a0f1f 0%, var(--bg) 100%);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative}.view{padding:calc(14px + env(safe-area-inset-top,4px)) 18px 96px;flex:1;overflow-y:auto}.bottomnav{border-top:1px solid var(--hair);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:8px 6px calc(10px + env(safe-area-inset-bottom));z-index:20;background:#05080fd1;display:flex;position:absolute;bottom:0;left:0;right:0}.bottomnav button{text-align:center;color:var(--ink3);flex:1;padding:4px 0;font-size:10.5px;font-weight:600}.bottomnav button.on{color:var(--violet-soft)}.bottomnav .ico{margin-bottom:2px;font-size:17px;font-style:normal;display:block}.card{border:1px solid var(--hair);background:#111a33b8;border-radius:18px;margin-bottom:14px;padding:16px}.btn{text-align:center;background:var(--violet);color:#0b1020;border-radius:14px;width:100%;padding:15px;font-size:15px;font-weight:800;transition:transform .12s;display:block;box-shadow:0 10px 26px -10px #8b7cf68c}.btn:active{transform:scale(.98)}.btn.ghost{background:var(--raise);color:var(--ink2);box-shadow:none;border:1px solid var(--hair2)}.btn:disabled{opacity:.4}.muted{color:var(--ink3);font-size:12.5px}.chip{color:var(--ink3);background:var(--raise);border:1px solid var(--hair2);border-radius:99px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700;display:inline-flex}.chip.on{color:var(--violet-soft);background:#8b7cf629;border-color:#8b7cf673}.greet{padding:10px 2px 14px}.greet h1{font-family:var(--serif);font-size:26px;font-weight:500;line-height:1.15}.greet .date{letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-top:4px;font-size:11px;font-weight:700}.skycard{padding:10px 12px 12px}.skycard svg{width:100%;height:auto;display:block}.skycard .cap{color:var(--ink2);margin-top:6px;font-size:12px}.tonight h2{font-size:16px;font-weight:800}.tonight .meta{color:var(--ink3);margin-top:3px;font-size:12.5px}.tonight .tease{font-family:var(--serif);color:var(--ink2);margin-top:10px;font-size:13.5px;font-style:italic}.tonight .btn{margin-top:14px}.pkgrow{gap:8px;margin:2px 0 14px;display:flex}.rhythm{align-items:center;gap:14px;display:flex}.rhythm svg{flex:none;width:44px;height:44px}.rhythm .txt{color:var(--ink2);font-size:12.5px;line-height:1.5}.rhythm .txt b{color:var(--ink)}.draftnote{text-align:center;color:var(--ink3);opacity:.8;margin-top:18px;font-size:10.5px}.star-mastered{fill:var(--gold)}.star-known{fill:var(--violet-soft)}.star-learning{fill:var(--violet);opacity:.8}.star-flickering{fill:var(--amber);animation:2.6s ease-in-out infinite twinkle}.star-unlearned{fill:var(--dim)}@keyframes twinkle{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.star-flickering{animation:none}*{transition:none!important}}.sess-top{align-items:center;gap:10px;padding:4px 0 12px;display:flex}.sess-top .exit{color:var(--ink3);padding:4px 8px;font-size:20px}.progress{flex:1;gap:4px;display:flex}.progress i{background:var(--raise2);border-radius:2px;flex:1;height:4px}.progress i.done{background:var(--violet)}.unitchip{letter-spacing:.1em;text-transform:uppercase;color:var(--violet-soft);margin-bottom:10px;font-size:10px;font-weight:800;display:block}.stem{font-family:var(--serif);margin-bottom:16px;font-size:20px;font-weight:500;line-height:1.45}.essence-card{text-align:center;padding:26px 8px}.essence-card .label{letter-spacing:.14em;text-transform:uppercase;color:var(--violet-soft);font-size:10px;font-weight:800}.essence-card .name{margin:10px 0 14px;font-size:15px;font-weight:800}.essence-card .essence{font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.4}.explain-txt{color:var(--ink2);font-size:15.5px;line-height:1.7}.seg{color:var(--ink3);letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.opt{text-align:left;border:1px solid var(--hair2);width:100%;color:var(--ink2);border-radius:14px;margin-bottom:10px;padding:14px 15px;font-size:14.5px;line-height:1.45;transition:border-color .12s,background .12s;display:block}.opt.sel{border-color:var(--violet);color:var(--ink);background:#8b7cf61a}.opt.correct{color:var(--ink);background:#3dd6a317;border-color:#3dd6a399}.opt.wrong{color:var(--ink);background:#f0756714;border-color:#f075678c}.opt.faded{opacity:.45}.conf{align-items:center;gap:8px;margin:14px 0 12px;display:flex}.conf .lbl{color:var(--ink3);flex:none;font-size:11.5px;font-weight:700}.conf button{color:var(--ink3);border:1px solid var(--hair2);border-radius:99px;flex:1;padding:8px 4px;font-size:12px;font-weight:700}.conf button.on{color:var(--violet-soft);background:#8b7cf61f;border-color:#8b7cf680}.feedback{color:var(--ink2);border:1px solid;border-radius:14px;margin-bottom:12px;padding:14px 15px;font-size:13.5px;line-height:1.55}.feedback.good{background:#3dd6a312;border-color:#3dd6a340}.feedback.bad{background:#f075670f;border-color:#f0756747}.feedback b.head{letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:11px;display:block}.feedback.good b.head{color:var(--mint)}.feedback.bad b.head{color:var(--coral)}.toast{color:var(--gold);align-items:center;gap:8px;margin-bottom:12px;padding:0 2px;font-size:12.5px;display:flex}.summary{text-align:center;padding-top:26px}.summary .big{font-family:var(--serif);margin-bottom:6px;font-size:26px;font-weight:500}.summary .sub{color:var(--ink3);margin-bottom:22px;font-size:13px}.sumgrid{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.sumstat{background:var(--surface);border:1px solid var(--hair);border-radius:14px;padding:12px 14px}.sumstat .v{font-size:22px;font-weight:800}.sumstat .k{color:var(--ink3);margin-top:2px;font-size:11px;font-weight:700}.notecard{color:var(--ink2);text-align:left;background:#e8b45a12;border:1px solid #e8b45a40;border-radius:14px;margin-bottom:18px;padding:12px 14px;font-size:13px}.notecard b{color:var(--amber)}.termrow{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:18px;display:flex}.termrow .tlabel{letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);width:100%;margin-bottom:3px;font-size:10px;font-weight:800}.term{color:var(--violet-soft);border:1px solid #8b7cf659;border-radius:99px;padding:3px 10px;font-size:11.5px;font-weight:650}.skyhead{justify-content:space-between;align-items:baseline;padding:8px 2px 10px;display:flex}.skyhead h1{font-family:var(--serif);font-size:24px;font-weight:500}.skyhead .pct{color:var(--violet-soft);font-size:12px;font-weight:800}.skyleg{color:var(--ink3);flex-wrap:wrap;gap:10px;padding:0 2px 10px;font-size:10.5px;display:flex}.skymap{background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:8px}.skymap svg{width:100%;height:auto;display:block}.unithead{justify-content:space-between;align-items:baseline;padding:6px 10px 0;display:flex}.unithead .t{font-size:13px;font-weight:800}.unithead .p{color:var(--ink3);font-size:10.5px;font-weight:700}.constellation-label{fill:#f5d9a0b3;letter-spacing:.12em;font-size:9px;font-style:italic}.planned-label{fill:#4a5578;letter-spacing:.08em;font-size:8px}.sheet{background:var(--raise);border:1px solid var(--hair2);border-radius:18px;margin-top:12px;padding:16px}.sheet .nm{justify-content:space-between;align-items:baseline;font-size:15px;font-weight:800;display:flex}.sheet .st{letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:800}.sheet .es{font-family:var(--serif);color:var(--ink2);margin:8px 0 10px;font-size:15px;line-height:1.5}.sheet .data{font-family:var(--mono);color:var(--ink3);font-size:11.5px}.lib h1{font-family:var(--serif);padding:8px 2px 14px;font-size:24px;font-weight:500}.librow{justify-content:space-between;align-items:center;display:flex}.librow .t{font-size:15px;font-weight:800}.librow .s{color:var(--ink3);margin-top:2px;font-size:12px}.tag{letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);border:1px solid var(--hair2);border-radius:99px;padding:4px 10px;font-size:10px;font-weight:800}.tag.mint{color:var(--mint);border-color:#3dd6a366}