:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fffffff2;background-color:#0f0f1a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:1024px;min-height:100vh;overflow:hidden;background:linear-gradient(135deg,#0f0f1a,#1a1a2e,#0f0f1a)}#root{width:100%;height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1a1a2e;border-radius:4px}::-webkit-scrollbar-thumb{background:#4a4a6a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px #8b5cf64d}50%{box-shadow:0 0 20px #8b5cf699}}@keyframes slide-in{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.animate-pulse{animation:pulse 2s infinite}.animate-glow{animation:glow 2s infinite}.animate-slide-in{animation:slide-in .3s ease-out}.animate-fade-in{animation:fade-in .2s ease-out}.animate-bounce{animation:bounce .5s ease-in-out}@keyframes recording-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.recording-indicator{animation:recording-pulse .8s ease-in-out infinite}@keyframes playing-wave{0%{height:20%}50%{height:80%}to{height:20%}}.selected{box-shadow:0 0 0 2px #8b5cf6cc}.track-color-1{border-left:3px solid #FF6B6B}.track-color-2{border-left:3px solid #4ECDC4}.track-color-3{border-left:3px solid #45B7D1}.track-color-4{border-left:3px solid #96CEB4}.track-color-5{border-left:3px solid #FFEAA7}.track-color-6{border-left:3px solid #DDA0DD}.track-color-7{border-left:3px solid #98D8C8}.track-color-8{border-left:3px solid #F7DC6F}.note-selected{box-shadow:0 0 8px #ffffff80}.hover-glow:hover{box-shadow:0 0 15px #8b5cf666}.hover-lift:hover{transform:translateY(-2px);transition:transform .2s ease}.grid-bg{background-image:linear-gradient(rgba(100,100,140,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(100,100,140,.1) 1px,transparent 1px);background-size:50px 20px}.transport-active{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 0 20px #8b5cf680}.fader-groove{background:linear-gradient(to bottom,#1a1a2e,#2a2a4e,#1a1a2e)}.vu-meter{background:linear-gradient(to top,#22c55e 0% 60%,#eab308 60% 80%,#ef4444 80% 100%)}.waveform-canvas{background:linear-gradient(180deg,#8b5cf61a,#8b5cf60d,#8b5cf61a)}.glass{background:#1a1a2ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}*:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}