:root{--bg-color:#050505;--surface-color:#0f0f0f;--surface-hover:#161616;--primary:#a855f7;--primary-glow:#a855f766;--secondary:#06b6d4;--secondary-glow:#06b6d466;--text-main:#f9fafb;--text-dim:#9ca3af;--border:#1e1e1e;--glass:#0f0f0fb3;--glass-border:#ffffff0d;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--shadow-xl:0 20px 25px -5px #00000080, 0 10px 10px -5px #0000004d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow-xl)}.glow-purple{box-shadow:0 0 20px var(--primary-glow)}.glow-cyan{box-shadow:0 0 20px var(--secondary-glow)}h1,h2,h3{letter-spacing:-.025em;text-transform:uppercase;font-weight:800}button{cursor:pointer;border:none;border-radius:8px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}input{background:var(--surface-color);border:1px solid var(--border);color:var(--text-main);border-radius:8px;outline:none;padding:.75rem 1rem;transition:border-color .2s}input:focus{border-color:var(--primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.progress-container{background:var(--surface-color);border:1px solid var(--border);border-radius:6px;width:100%;height:12px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));height:100%;box-shadow:0 0 15px var(--primary-glow);transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;animation:2s infinite shimmer;position:absolute;top:0;left:-100%}@keyframes shimmer{to{left:100%}}@keyframes achievement-pop{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.achievement-popup{animation:.5s cubic-bezier(.175,.885,.32,1.275) achievement-pop}@keyframes completion-pulse{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 20px #a855f700}to{box-shadow:0 0 #a855f700}}.task-completed-pulse{animation:1s ease-out completion-pulse}