@import"https://fonts.googleapis.com/css2?family=Epilogue:wght@400;700;800;900&family=Inter:wght@400;500;600;700&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-body: "Inter", system-ui, sans-serif;--font-heading: "Epilogue", sans-serif;--font-mono: "DM Mono", monospace;--bg-primary: #fcf8ff;--bg-secondary: #ffffff;--bg-tertiary: #f7f2f9;--bg-input: #e5e1e8;--surface-container: #f1ecf4;--surface-container-high: #ebe7ee;--border: rgba(200, 196, 216, .15);--border-subtle: rgba(200, 196, 216, .1);--ghost-border: rgba(200, 196, 216, .15);--text-primary: #1c1b20;--text-secondary: #474555;--text-tertiary: #777587;--text-inverse: #ffffff;--accent: #5140dd;--accent-light: #6a5df7;--accent-bg: rgba(81, 64, 221, .06);--accent-text: #ffffff;--primary-fixed: #e3dfff;--success: #006e2f;--success-bg: rgba(107, 255, 143, .15);--error: #ba1a1a;--error-bg: #ffdad6;--warning: #994100;--warning-bg: #ffdbca;--bucket-new: #94A3B8;--bucket-hard: #ba1a1a;--bucket-medium: #994100;--bucket-easy: #006e2f;--bucket-mastered: #5140dd;--shadow-sm: 0 24px 40px rgba(28, 27, 32, .04);--shadow-md: 0 24px 40px rgba(28, 27, 32, .06);--shadow-lg: 0 24px 40px rgba(28, 27, 32, .08);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.5rem;--radius-xl: 2rem;--radius-full: 9999px;--nav-height: 64px;--sidebar-width: 280px}[data-theme=dark]{--bg-primary: #141218;--bg-secondary: #1E1B24;--bg-tertiary: #252230;--bg-input: #2E2A38;--surface-container: #252230;--surface-container-high: #2E2A38;--border: rgba(200, 196, 216, .08);--border-subtle: rgba(200, 196, 216, .05);--ghost-border: rgba(200, 196, 216, .08);--text-primary: #F1F0F3;--text-secondary: #9E99A7;--text-tertiary: #6B6575;--text-inverse: #141218;--accent-bg: rgba(81, 64, 221, .15);--primary-fixed: rgba(81, 64, 221, .2);--shadow-sm: 0 24px 40px rgba(0, 0, 0, .15);--shadow-md: 0 24px 40px rgba(0, 0, 0, .25);--shadow-lg: 0 24px 40px rgba(0, 0, 0, .35)}html,body,#root{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}input,textarea,select,button{font-family:inherit;font-size:inherit}input:focus,textarea:focus,select:focus{outline:none}button{cursor:pointer;transition:background .15s,color .15s,opacity .15s,transform .15s,box-shadow .15s}button:active{transform:scale(.97)}button:hover:not(:disabled){filter:brightness(1.05)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px;opacity:.3}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.glass-nav{background:#fcf8ffb3;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}[data-theme=dark] .glass-nav{background:#141218b3}.tonal-elevation{box-shadow:0 24px 40px #1c1b200a}.momentum-pip{width:12px;height:6px;border-radius:999px;display:inline-block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-3px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(2px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes showWord{0%{opacity:0;transform:scale(.95)}12%{opacity:1;transform:scale(1)}82%{opacity:1}to{opacity:0;transform:scale(1.01)}}@keyframes shrink{0%{width:100%}to{width:0%}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) translate(0) rotate(0)}to{opacity:0;transform:translateY(400px) translate(var(--drift)) rotate(720deg)}}@keyframes xp-fly{0%{opacity:1;transform:translateY(0) translate(-50%)}to{opacity:0;transform:translateY(-60px) translate(-50%)}}@keyframes combo-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes milestone-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes glow-border{0%,to{box-shadow:0 0 0 2px transparent}50%{box-shadow:0 0 0 2px #5140dd33}}@keyframes bg-error{0%{background-color:var(--bg-secondary)}30%{background-color:var(--error-bg)}to{background-color:var(--bg-secondary)}}@keyframes bg-success{0%,to{box-shadow:0 0 #006e2f00}50%{box-shadow:0 0 40px #006e2f14}}@keyframes heatPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.6}}@media (max-width: 768px){.desktop-only{display:none!important}button{min-height:40px}}@media (min-width: 769px){.mobile-only{display:none!important}}