:root{--bg-deep: #0D0B0E;--bg: #0D0B0E;--bg-surface: #16131A;--bg-elevated: #1E1A24;--bg-hover: #2A2533;--text: #F0ECF4;--text-muted: #9B93A8;--text-dim: #5C5468;--accent: #BFFF00;--accent-light: #D4FF4D;--accent-glow: #E6FF99;--accent-dim: #3D5200;--accent-secondary: #FF2E97;--accent-cyan: #22d3ee;--accent-cyan-glow: #67e8f9;--accent-pink: #FF2E97;--accent-orange: #fb923c;--success: #00E89D;--success-glow: #4DFFC0;--warning: #eab308;--warning-glow: #facc15;--danger: #FF4D6A;--danger-glow: #FF8095;--radius: 10px;--radius-lg: 16px;--radius-xl: 24px;--glass-bg: rgba(22, 19, 26, .8);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .12);--glass-blur: blur(20px);--shadow-glow: 0 0 30px rgba(191, 255, 0, .12);--shadow-glow-lg: 0 0 60px rgba(191, 255, 0, .15);--shadow-lift: 0 8px 32px rgba(0, 0, 0, .5);--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .04);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html,body{height:100%;font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg-deep);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px}::selection{background:#bfff004d;color:#fff}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}button{cursor:pointer;border:none;font-family:inherit;font-size:inherit}input{font-family:inherit;font-size:inherit}.btn{padding:14px 28px;border-radius:var(--radius);font-weight:600;transition:all .2s var(--ease-spring);position:relative;letter-spacing:.01em}.btn-primary{background:var(--accent);color:#0d0b0e;font-weight:700;box-shadow:0 4px 16px #bfff004d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #bfff0059}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 1px 6px #bfff0033}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.input{padding:16px 20px;height:56px;border-radius:var(--radius);border:1.5px solid var(--bg-hover);background:var(--bg-elevated);color:var(--text);outline:none;transition:all .2s ease;font-size:1.05rem}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #bfff001a}.input::placeholder{color:var(--text-dim)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--bg-hover);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #bfff004d;cursor:pointer;transition:transform .15s var(--ease-spring),box-shadow .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 14px #bfff0080}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.05)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:none;background:var(--accent);box-shadow:0 0 8px #bfff004d;cursor:pointer}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color .2s ease}.glass:hover{border-color:var(--glass-border-hover)}@keyframes phase-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes player-pop-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes logo-breathe{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes equalizer-bar{0%,to{height:20%}50%{height:80%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px #bfff0026}50%{box-shadow:0 0 32px #bfff004d}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes border-glow{0%,to{border-color:#bfff0026}50%{border-color:#bfff0059}}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes score-pop{0%{transform:scale(.5);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes celebrate{0%{transform:scale(1)}15%{transform:scale(1.12) rotate(-2deg)}30%{transform:scale(1.12) rotate(2deg)}45%{transform:scale(1.08) rotate(-1deg)}60%{transform:scale(1.04) rotate(.5deg)}to{transform:scale(1) rotate(0)}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.app-bg.svelte-12qhfyh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(191,255,0,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(255,46,151,.04) 0%,transparent 50%),var(--bg-deep)}main.svelte-12qhfyh{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px;position:relative}@media (min-width: 768px){main.svelte-12qhfyh{padding:24px 40px}}