:root{--bg-color: #05070a;--panel-bg: rgba(15, 23, 42, .6);--accent-blue: #38bdf8;--accent-pink: #f472b6;--accent-purple: #a855f7;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(56, 189, 248, .2);--glow-blue: 0 0 15px rgba(56, 189, 248, .4);--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--font-outfit: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-outfit);background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 10% 10%,rgba(56,189,248,.05),transparent 40%),radial-gradient(circle at 90% 90%,rgba(244,114,182,.05),transparent 40%)}#root{display:flex;flex-direction:column;min-height:100vh}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0006}.neo-glow-blue{box-shadow:var(--glow-blue)}.deck-container{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1;width:100%}@media(max-width:768px){body{padding:.5rem}h1{font-size:1.75rem!important}.deck-container{padding:1rem;gap:1rem}main{flex-direction:column!important;gap:1.5rem!important}.mixer-panel{width:100%!important;order:-1}.glass-panel{border-radius:12px}header{flex-direction:column;align-items:flex-start!important;gap:1rem}header .glass-panel{width:100%;justify-content:space-between}}@keyframes pulse-glow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.pulse-led{animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-animation{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse-animation 2s cubic-bezier(.4,0,.6,1) infinite}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#94a3b866}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;background:#ffffff1a;border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:var(--accent-blue);cursor:pointer;margin-top:-9px;box-shadow:var(--glow-blue);border:2px solid white}.knob{cursor:pointer;transition:transform .1s ease}.btn-primary{background:#38bdf81a;border:1px solid var(--accent-blue);color:var(--accent-blue);padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--accent-blue);color:#fff;box-shadow:var(--glow-blue)}