:root{--bg: #0C0B10;--surface: #17151E;--surface2: #1F1C28;--surface3: #272433;--border: rgba(255,255,255,.07);--border-mid: rgba(255,255,255,.13);--amber: #FF9F0A;--amber-dim: rgba(255,159,10,.13);--amber-glow: 0 0 24px rgba(255,159,10,.5), 0 0 56px rgba(255,159,10,.2);--cyan: #2DD4BF;--cyan-dim: rgba(45,212,191,.12);--red: #FF453A;--green: #32D74B;--elev-1: 0 2px 8px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.6);--elev-2: 0 4px 16px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.55);--elev-3: 0 8px 32px rgba(0,0,0,.5), 0 4px 12px rgba(0,0,0,.5);--text-primary: #F0EBF9;--text-secondary: #9B93B0;--text-dim: #4A4460;--font-mono: "DM Mono", "Courier New", monospace;--font-ui: "Sora", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;overscroll-behavior:none}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-ui);line-height:1.5;-webkit-font-smoothing:antialiased;height:100%;overflow:hidden}#root{height:100%;overflow:hidden}button{font-family:var(--font-ui);cursor:pointer;border:none;outline:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}input{font-family:var(--font-mono);outline:none}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--elev-1);border:1px solid var(--border)}.card-label{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}.panel{background:var(--surface2);border-radius:var(--radius-md);padding:16px 18px;box-shadow:var(--elev-1)}.panel-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:12px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;outline:none;cursor:pointer;border:none;background:#ffffff1a}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--amber);box-shadow:0 2px 8px #0009;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.25);box-shadow:0 2px 10px #00000080,0 0 0 8px #ff9f0a24}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--amber);border:none;box-shadow:0 2px 8px #0009;cursor:pointer}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:transparent}input[type=range].slider-cyan::-webkit-slider-thumb{background:var(--cyan)}input[type=range].slider-cyan::-moz-range-thumb{background:var(--cyan)}.mixer-timeline::-webkit-scrollbar{height:5px}.mixer-timeline::-webkit-scrollbar-track{background:var(--surface3);border-radius:0 0 12px 12px}.mixer-timeline::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--amber),var(--cyan));border-radius:3px}.mixer-timeline{scrollbar-width:thin;scrollbar-color:var(--amber) var(--surface3)}@keyframes beatPulse{0%{transform:scale(1)}30%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes barFlash{0%{color:var(--amber);text-shadow:var(--amber-glow)}to{color:var(--text-primary);text-shadow:none}}@keyframes glowFade{0%{box-shadow:var(--amber-glow),inset 0 0 20px #ff9f0a33;background:#ff9f0a2e}to{box-shadow:none;background:transparent}}@media (min-width: 768px){.app-content{max-width:720px;margin:0 auto}}