:root{color-scheme:light;--ink: #182033;--muted: #627089;--line: #e2e7f0;--panel: #ffffff;--paper: #f7f8fb;--blue: #2454d6;--orange: #e66b2e;--green: #2f9b6d;--plum: #7745a8;--wood: #9b6335;--wood-dark: #5d341f}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h1,h2,h3,p{margin:0}h1{font-size:1.35rem;line-height:1.3;font-weight:700;letter-spacing:-.015em}h2{font-size:1.15rem;line-height:1.35;font-weight:700}h3{font-size:1rem;line-height:1.35;font-weight:600}.app-layout{background:linear-gradient(180deg,#2454d60f,#fff0 360px),var(--paper)}.app-drawer{border-right:1px solid var(--line)}.brand-block{display:flex;align-items:center;gap:12px;min-height:84px;padding:20px}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:var(--blue);color:#fff;font-weight:900;font-size:1.25rem}.brand-name{color:var(--ink);font-weight:850}.brand-subtitle,.metric-label,.metric-trend,.eyebrow,.lesson-card p,.achievement-item span,.question-item span,.audit-item span,.memory-row span,.plan-interval{color:var(--muted)}.brand-subtitle,.metric-label,.metric-trend,.eyebrow{font-size:.78rem}.drawer-actions{display:grid;gap:10px;padding:16px}.app-bar{border-bottom:1px solid rgba(226,231,240,.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.page-title{color:var(--ink);font-weight:800}.page{display:grid;gap:24px;padding:28px}.student-hero,.premium-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,520px);gap:24px;align-items:stretch}.hero-copy,.premium-hero{min-height:410px}.hero-copy,.premium-hero>div:first-child{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:32px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#2454d61a,#e66b2e1a),var(--panel)}.hero-copy p,.premium-hero p{max-width:62ch;color:var(--muted);line-height:1.65}.hero-actions,.admin-actions,.generator-controls,.ai-input-row,.abacus-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.eyebrow{font-weight:850;text-transform:uppercase;letter-spacing:0}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-tile{display:flex;min-height:112px;align-items:center;gap:16px;padding:18px;border:1px solid var(--line)}.metric-icon{display:grid;width:48px;height:48px;flex:0 0 48px;place-items:center;border-radius:8px;background:#2454d61f;color:var(--blue)}.tone-secondary{background:#e66b2e1f;color:var(--orange)}.tone-success{background:#2f9b6d1f;color:var(--green)}.tone-warning{background:#d8891824;color:#9c640f}.tone-info{background:#25788f24;color:#25788f}.metric-value{margin-top:4px;color:var(--ink);font-size:1.55rem;font-weight:850}.dashboard-grid,.admin-grid,.practice-layout,.ai-workspace,.builder-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:20px;align-items:start}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px}.section-heading.compact{margin-bottom:14px}.surface-section,.chart-panel,.achievement-panel,.ops-panel,.question-panel,.practice-generator,.ai-panel,.memory-panel .v-card,.knowledge-panel,.builder-form,.upload-panel,.admin-grid .v-card,.plan-card{border:1px solid var(--line);background:var(--panel)}.surface-section,.chart-panel,.achievement-panel,.ops-panel,.question-panel,.practice-generator,.ai-panel,.memory-panel .v-card,.knowledge-panel,.builder-form,.upload-panel,.admin-grid .v-card,.plan-card{padding:20px;border-radius:8px}.path-panels{border:1px solid var(--line);border-radius:8px;overflow:hidden}.level-title-row{display:flex;width:100%;align-items:center;gap:12px;min-width:0}.level-title-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-progress{width:min(180px,30%);flex:0 0 auto}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lesson-card{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcff}.lesson-topline,.abacus-toolbar,.admin-topbar{display:flex;gap:12px;align-items:center;justify-content:space-between}.admin-topbar h1{font-size:1.35rem;font-weight:700;margin-top:2px;margin-bottom:4px}.admin-topbar p.eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.admin-topbar p.text-medium-emphasis{font-size:.85rem;color:var(--muted)}.activity-row,.quick-actions{display:flex;flex-wrap:wrap;gap:8px}.achievement-list,.question-list,.audit-list,.memory-stack,.ops-list{display:grid;gap:12px}.achievement-item,.question-item,.audit-item,.memory-row{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcff}.achievement-item{justify-content:flex-start}.achievement-item div,.question-item div,.audit-item{display:grid;gap:4px}.achievement-item.locked{opacity:.5}.abacus-card{display:grid;gap:18px;min-height:410px;padding:20px;border:1px solid var(--line)}.hero-abacus{height:100%}.abacus-frame{position:relative;display:grid;grid-template-columns:repeat(5,minmax(44px,1fr));gap:clamp(8px,2vw,24px);min-height:260px;padding:22px 22px 34px;overflow:hidden;border:12px solid var(--wood-dark);border-radius:8px;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 22%),var(--wood);transition:border-color .16s ease,box-shadow .16s ease}.abacus-frame.correct{border-color:var(--green);box-shadow:0 0 0 4px #2f9b6d24}.abacus-frame.wrong{border-color:#d88918;box-shadow:0 0 0 4px #d8891824}.abacus-rail{position:absolute;left:0;right:0;height:10px;background:var(--wood-dark)}.abacus-rail.top{top:20px}.abacus-rail.divider{top:38%}.abacus-rail.bottom{bottom:26px}.rod-column{position:relative;display:grid;min-width:0;grid-template-rows:auto 58px 1fr auto;row-gap:4px;justify-items:center;z-index:1}.rod-line{position:absolute;top:0;bottom:0;width:6px;border-radius:999px;background:#f3c772}.bead{position:relative;width:clamp(38px,7vw,62px);height:clamp(28px,5vw,42px);border:0;border-radius:999px;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.42),transparent 25%),#7d2f3a;box-shadow:inset 0 -5px #0000002e,0 4px 8px #1e120c40;cursor:pointer;transition:transform .16s ease,background .16s ease}.bead.active{transform:translateY(20px);background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.45),transparent 25%),#2354d6}.bead-upper{align-self:start}.bead-upper.active{transform:translateY(38px)}.lower-beads{display:flex;flex-direction:column;justify-content:space-between;height:165px;width:100%;padding:4px 0}.active-stack,.inactive-stack{display:flex;flex-direction:column;align-items:center;gap:3px}.rod-label{position:relative;z-index:2;align-self:center;color:#e8c89b;font-size:.7rem;font-weight:800;background:#251710;border:1px solid rgba(220,174,118,.4);border-radius:6px;padding:2px 6px}.abacus-feedback{display:grid;gap:10px}.practice-layout>div:first-child{display:grid;gap:20px}.hint-card{max-width:260px;padding:14px}.ai-workspace{grid-template-columns:minmax(0,1fr) 360px}.ai-panel{display:grid;gap:14px}.chat-window{display:grid;align-content:start;gap:12px;height:480px;overflow-y:auto;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f9fbff}.chat-window.compact{height:300px}.chat-message{display:flex}.chat-message.student{justify-content:flex-end}.chat-bubble{display:grid;max-width:min(620px,86%);gap:6px;padding:12px 14px;border-radius:8px;background:#fff;border:1px solid var(--line)}.chat-message.student .chat-bubble{background:#eaf0ff;border-color:#2454d62e}.chat-bubble p{line-height:1.55}.chat-bubble span{color:var(--muted);font-size:.75rem}.mode-select{max-width:150px}.memory-panel{display:grid;gap:20px}.premium-hero{grid-template-columns:minmax(0,1fr) 320px}.premium-proof{display:grid;gap:16px;align-content:center}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan-card{display:grid;gap:14px}.plan-card.highlighted{border-color:#e66b2e80;box-shadow:0 16px 40px #e66b2e1f}.price{color:var(--ink);font-size:2rem;font-weight:900}.builder-layout{grid-template-columns:minmax(0,1fr) 420px}.form-grid{display:grid;gap:16px}.editor-shell{overflow:hidden;border:1px solid var(--line);border-radius:8px}.editor-toolbar{display:flex;gap:8px;padding:10px;border-bottom:1px solid var(--line);background:#fbfcff}.rich-editor{min-height:180px;padding:14px}.rich-editor .ProseMirror{min-height:150px;outline:0}@media (max-width: 1180px){.student-hero,.premium-hero,.dashboard-grid,.practice-layout,.ai-workspace,.builder-layout{grid-template-columns:1fr}.metrics-grid,.plan-grid,.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){h1{font-size:1.8rem}.page{padding:18px}.hero-copy,.premium-hero>div:first-child{min-height:auto;padding:22px}.metrics-grid,.plan-grid,.admin-grid,.lesson-grid{grid-template-columns:1fr}.abacus-toolbar,.admin-topbar,.section-heading{align-items:flex-start;flex-direction:column}.ai-input-row{display:grid}.mode-select{max-width:none}.abacus-frame{grid-template-columns:repeat(5,minmax(34px,1fr));min-height:240px;padding-inline:12px}}