:root{--bg-primary: #FAFAF8;--bg-card: #FFFFFF;--bg-elevated: #F3F2EE;--bg-inset: #EDECEA;--text-primary: #1A1A18;--text-secondary: #6B6B66;--text-tertiary: #9C9C96;--text-inverse: #FAFAF8;--accent: #4F2683;--accent-light: #7B52AB;--accent-faint: rgba(79, 38, 131, .06);--correct: #22C55E;--correct-bg: #DCFCE7;--incorrect: #EF4444;--incorrect-bg: #FEE2E2;--warning: #F59E0B;--warning-bg: #FEF3C7;--quality-great: #22C55E;--quality-good: #EAB308;--quality-mid: #F97316;--quality-bad: #EF4444;--border: #E5E4E0;--border-strong: #D1D0CC;--font-display: "Instrument Serif", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 2px 8px rgba(0,0,0,.06), 0 4px 16px rgba(0,0,0,.04);--shadow-lg: 0 4px 12px rgba(0,0,0,.08), 0 8px 32px rgba(0,0,0,.06);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;width:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{width:100%;min-height:100vh}button{font-family:var(--font-body);cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:32px;height:32px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .65s linear infinite}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.animate-fade-up{animation:fadeUp .5s var(--ease-out) both}.animate-fade-in{animation:fadeIn .4s var(--ease-out) both}.animate-scale-in{animation:scaleIn .4s var(--ease-out) both}.delay-1{animation-delay:.05s}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::selection{background:#4f268326;color:var(--text-primary)}