@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700;800&display=swap";:root{--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--sar:env(safe-area-inset-right,0px)}html,body,#root{width:100%;height:100%;min-height:100dvh;color:#f1f5f9;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;background-color:#0a0c10;height:100dvh;min-height:-webkit-fill-available;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,sans-serif;overflow:hidden}@supports (-webkit-touch-callout:none){html,body,#root{height:100dvh;min-height:-webkit-fill-available;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;height:-webkit-fill-available}}button,input,select,textarea{touch-action:manipulation;font-family:inherit}.safe-area-top{padding-top:env(safe-area-inset-top,0px)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-area-left{padding-left:env(safe-area-inset-left,0px)}.safe-area-right{padding-right:env(safe-area-inset-right,0px)}@keyframes iosSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}:root{--pb-bg-darkest:#0a0c10;--pb-bg-main:#0f131a;--pb-bg-card:#151a24;--pb-bg-elevated:#1e2433;--pb-border:#283042;--pb-border-subtle:#1c2230;--pb-cyan:#00d2ff;--pb-green:#10b981;--pb-yellow:#f59e0b;--pb-red:#ef4444;--pb-purple:#8b5cf6;--pb-blue:#3b82f6;--pb-pink:#ec4899;--pb-text-main:#f1f5f9;--pb-text-muted:#94a3b8;--pb-text-dim:#64748b;--pb-solo-active:#eab308;--pb-mute-active:#ef4444;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body,html{background-color:var(--pb-bg-darkest);width:100%;height:100%;color:var(--pb-text-main);font-family:var(--font-sans);touch-action:manipulation;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--pb-bg-darkest)}::-webkit-scrollbar-thumb{background:#2b3345;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b465e}.pb-lcd-display{font-family:var(--font-mono);color:var(--pb-cyan);text-shadow:0 0 8px #00d2ff66;letter-spacing:.05em;background:#080a0e;border:1px solid #1c2230}.realistic-fader-slot{justifyContent:center;align-items:center;width:32px;height:160px;display:flex;position:relative}.realistic-fader-track-groove{background:#030406;border:1px solid #1a2233;border-radius:2px;width:4px;position:absolute;top:6px;bottom:6px;box-shadow:inset 0 0 6px #000000f2,0 1px #ffffff0d}.realistic-fader-knob{justifyContent:center;cursor:grab;pointer-events:none;z-index:5;background:linear-gradient(#475569 0%,#1e293b 35%,#0f172a 65%,#334155 100%);border:1px solid #64748b;border-bottom:2px solid #0f172a;border-radius:3px;flex-direction:column;align-items:center;width:32px;height:26px;transition:box-shadow .1s;display:flex;position:absolute;transform:translateY(50%);box-shadow:0 8px 16px #000000d9,0 2px 4px #0009,inset 0 1px 1px #fff9,inset 0 -1px 2px #000c}.realistic-fader-knob:active,.realistic-fader-slot:hover .realistic-fader-knob{box-shadow:0 10px 20px #000000f2,0 0 12px #00d2ff4d,inset 0 1px 1px #fffc}.realistic-fader-knob-indicator{background:#fff;border-radius:1px;width:100%;height:2px;box-shadow:0 0 4px #00d2ff,0 1px 1px #000c}.realistic-fader-knob-grooves{justify-content:center;gap:2px;width:18px;display:flex;position:absolute;top:3px}.realistic-fader-knob-groove{background:#334155;border-radius:1px;width:2px;height:3px;box-shadow:inset 0 1px #000c}.vu-meter-column{background:#080a0e;border-radius:2px;flex-direction:column-reverse;gap:2px;width:4px;height:180px;padding:1px;display:flex}.vu-meter-led{opacity:.1;border-radius:1px;width:100%;height:6px;transition:opacity .14s cubic-bezier(.2,.8,.4,1),box-shadow .14s ease-out}.vu-meter-led.active{opacity:1}.vu-meter-led.green{background:#10b981;box-shadow:0 0 4px #10b981}.vu-meter-led.yellow{background:#f59e0b;box-shadow:0 0 4px #f59e0b}.vu-meter-led.red{background:#ef4444;box-shadow:0 0 6px #ef4444}@keyframes beatPulse{0%{opacity:.9;transform:scale(1)}50%{opacity:1;box-shadow:0 0 12px var(--pb-cyan);transform:scale(1.15)}to{opacity:.9;transform:scale(1)}}.beat-flashing{animation:.15s ease-out beatPulse}.section-block{transition:all .15s cubic-bezier(.4,0,.2,1)}.section-block:hover{filter:brightness(1.15);transform:translateY(-2px)}.section-block.active{transform:scaleY(1.04);box-shadow:0 0 16px,inset 0 0 8px #fff6}@keyframes fadeInPop{0%{opacity:0;transform:translate(-50%)translateY(-6px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@keyframes popoutFromButton{0%{opacity:0;transform:scale(.2)}75%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes modalBackdropFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}@keyframes modalSpringPop{0%{opacity:0;transform:scale(.92)translateY(16px)}65%{opacity:1;transform:scale(1.015)translateY(-2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes modalSheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes editMenuPopIn{0%{opacity:0;transform:scale(.72)translateY(-14px)}65%{opacity:1;transform:scale(1.025)translateY(2px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes editMenuPopOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.78)translateY(-12px)}}@keyframes editBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes editBackdropFadeOut{0%{opacity:1}to{opacity:0}}@keyframes editPulseGlow{0%,to{border-color:#00d2ff;box-shadow:0 0 10px #00d2ff66,inset 0 0 8px #00d2ff33}50%{border-color:#38bdf8;box-shadow:0 0 22px #00d2ffcc,0 0 35px #00d2ff59,inset 0 0 14px #00d2ff59}}@keyframes editDotBlink{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 8px #00d2ff}50%{opacity:.3;box-shadow:none;transform:scale(.8)}}@keyframes editBarSlideDown{0%{opacity:0;max-height:0;transform:translateY(-16px)}to{opacity:1;max-height:70px;transform:translateY(0)}}@keyframes timelineEditBreath{0%,to{border-color:#00d2ff73;box-shadow:inset 0 0 20px #00d2ff14,0 0 14px #00d2ff29}50%{border-color:#00d2ffd9;box-shadow:inset 0 0 32px #00d2ff2e,0 0 28px #00d2ff52}}@keyframes addCardPulse{0%,to{border-color:#00d2ff59;transform:scale(1);box-shadow:0 0 12px #00d2ff26}50%{border-color:#00d2ffd9;transform:scale(1.02);box-shadow:0 0 24px #00d2ff66,inset 0 0 12px #00d2ff26}}@keyframes shimmerSweep{0%{background-position:-200% 0}to{background-position:200% 0}}.modal-animated-backdrop{animation:.22s cubic-bezier(.16,1,.3,1) forwards modalBackdropFadeIn}.modal-animated-content{will-change:transform, opacity;animation:.28s cubic-bezier(.16,1,.3,1) forwards modalSpringPop}.modal-close-button{transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .15s,color .15s,box-shadow .15s}.modal-close-button:hover{color:#fff!important;background-color:#3f3f46!important;transform:rotate(90deg)scale(1.15)!important;box-shadow:0 0 12px #ffffff40!important}.modal-close-button:active{transform:rotate(90deg)scale(.92)!important}.modal-interactive-item{transition:transform .16s cubic-bezier(.2,.8,.2,1),background-color .15s,border-color .15s,box-shadow .15s}.modal-interactive-item:hover{transform:translateY(-2px)translate(2px);border-color:#00d2ff99!important;box-shadow:0 4px 16px #00d2ff40!important}.modal-interactive-card{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s}.modal-interactive-card:hover{transform:translateY(-3px)scale(1.01);border-color:#00d2ff!important;box-shadow:0 10px 24px #0009,0 0 20px #00d2ff33!important}.btn-edit-active{animation:1.8s ease-in-out infinite editPulseGlow!important}.timeline-edit-mode-active{animation:2.8s ease-in-out infinite timelineEditBreath!important}.add-song-card-active{animation:2.2s ease-in-out infinite addCardPulse!important}@keyframes queuedSectionBlink{0%{opacity:1;border-top-color:#fff;border-bottom-color:#fff;box-shadow:0 0 26px #fffffff2,inset 0 0 20px #ffffff73}50%{opacity:.22;border-top-color:#ffffff4d;border-bottom-color:#ffffff4d;box-shadow:0 0 4px #ffffff26}to{opacity:1;border-top-color:#fff;border-bottom-color:#fff;box-shadow:0 0 26px #fffffff2,inset 0 0 20px #ffffff73}}@keyframes queuedBadgeBlink{0%{opacity:1;transform:scale(1.08);box-shadow:0 0 22px #fff,0 0 28px #00d2fff2}50%{opacity:.45;transform:scale(.95);box-shadow:0 0 4px #ffffff40}to{opacity:1;transform:scale(1.08);box-shadow:0 0 22px #fff,0 0 28px #00d2fff2}}