:root{--bg:#fbfaf8;--surface:#fff;--surface-soft:#f4f0f7;--surface-mint:#edf7f2;--surface-peach:#fff1eb;--line:#e8e1ec;--text:#302a33;--muted:#756d7d;--accent:#7c6fb2;--accent-strong:#66579e;--mint:#76ab96;--peach:#dc8a74;--shadow:0 18px 50px #4d395b14}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{flex-direction:column;display:flex}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fffc;flex-direction:column;gap:24px;padding:24px 18px;display:flex}.brand{letter-spacing:0;font-size:28px;font-weight:700}.brand span{color:var(--accent)}.nav{gap:8px;display:grid}.nav-link{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:11px 12px;display:flex}.nav-link.active,.nav-link:hover{background:var(--surface-soft);color:var(--text)}.sidebar-footer{margin-top:auto}.main{padding:28px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.eyebrow{color:var(--accent);text-transform:uppercase;font-size:12px;font-weight:700}h1,h2,h3,p{letter-spacing:0;margin:0}h1{margin-top:6px;font-size:32px}h2{font-size:20px}p{color:var(--muted);line-height:1.6}.grid{gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:20px}.stat-value{font-size:28px;font-weight:700}.stat-label{color:var(--muted);margin-top:4px;font-size:13px}.session-banner{background:linear-gradient(135deg, var(--surface-soft), var(--surface-mint));justify-content:space-between;align-items:center;gap:16px;display:flex}.hero{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);min-height:100vh;display:grid}.hero-copy{background:linear-gradient(135deg,#f4f0f7eb,#edf7f2eb),radial-gradient(circle at 0 0,#fff7f0,#0000 40%);flex-direction:column;justify-content:center;padding:48px clamp(24px,6vw,84px);display:flex}.hero-copy h1{max-width:760px;font-size:clamp(40px,6vw,68px)}.hero-copy p{max-width:620px;margin-top:18px;font-size:18px}.hero-actions{gap:12px;margin-top:28px;display:flex}.auth-pane{background:var(--surface);place-items:center;padding:24px;display:grid}.pill,.button{border-radius:999px}.button{cursor:pointer;border:0;align-items:center;gap:8px;padding:12px 18px;display:inline-flex}.button-primary{background:var(--accent);color:#fff}.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.learn-layout{grid-template-columns:minmax(320px,1.15fr) minmax(280px,.85fr);gap:18px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:8px 12px}.chip.active{color:var(--accent-strong);background:var(--surface-soft);border-color:#7c6fb24d}.flashcard{flex-direction:column;justify-content:space-between;gap:18px;min-height:300px;display:flex}.flashcard-main{gap:10px;display:grid}.flashcard-word{font-size:clamp(28px,4vw,42px);line-height:1.15}.muted{color:var(--muted)}.progress-track{background:var(--surface-soft);border-radius:999px;height:10px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--mint));height:100%}.stack{gap:12px;display:grid}.list{gap:10px;display:grid}.row{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.row input,.row textarea,.row select,.panel select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 12px}.badge{background:var(--surface-soft);color:var(--muted);border-radius:999px;padding:5px 9px;font-size:12px}.badge.good{background:var(--surface-mint);color:#467864}.badge.warn{background:var(--surface-peach);color:#9a5947}.callout,.inline-feedback,.empty-state{border-radius:8px;padding:12px 14px}.callout{background:var(--surface-soft)}.inline-feedback{background:var(--surface-mint);color:#467864}.empty-state{border:1px dashed var(--line);color:var(--muted)}.form-grid{gap:12px;display:grid}.field{gap:6px;display:grid}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:11px 12px}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px}.table th{color:var(--muted);text-transform:uppercase;font-size:12px}@media (max-width:900px){.app-shell,.hero,.learn-layout{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line)}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.session-banner{flex-direction:column;align-items:flex-start}}