@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700;800&display=swap");:root,[data-theme=dark]{--mono:"JetBrains Mono",monospace;--bg-base:#09090f;--bg-surface:hsla(0,0%,100%,.018);--bg-surface-raised:hsla(0,0%,100%,.03);--bg-surface-hover:hsla(0,0%,100%,.04);--bg-overlay:rgba(0,0,0,.2);--bg-overlay-heavy:rgba(0,0,0,.5);--bg-input:hsla(0,0%,100%,.05);--bg-panel:hsla(0,0%,100%,.012);--bg-kbd:hsla(0,0%,100%,.06);--text-primary:#fff;--text-secondary:hsla(0,0%,100%,.6);--text-tertiary:hsla(0,0%,100%,.45);--text-muted:hsla(0,0%,100%,.3);--text-disabled:hsla(0,0%,100%,.15);--text-title:#ebebeb;--text-placeholder:hsla(0,0%,100%,.18);--border-subtle:hsla(0,0%,100%,.04);--border-default:hsla(0,0%,100%,.06);--border-strong:hsla(0,0%,100%,.1);--border-input:hsla(0,0%,100%,.07);--border-dashed:hsla(0,0%,100%,.08);--color-deck-a:#00e5ff;--color-deck-b:#ff4d6d;--color-deck-c:#a855f7;--color-deck-d:#f59e0b;--color-brand-primary:#00e5ff;--color-brand-teal:#06d6a0;--color-success:#22c55e;--color-success-soft:rgba(74,222,128,.08);--color-warning:#eab308;--color-warning-soft:rgba(234,179,8,.08);--color-danger:#ef4444;--color-danger-soft:rgba(239,68,68,.05);--color-info:#60a5fa;--color-stem-vocals:#c084fc;--color-stem-drums:#fb923c;--color-stem-bass:#34d399;--color-stem-other:#60a5fa;--color-freq-bass:#f87171;--color-freq-drums:#fbbf24;--color-freq-vocals:#60a5fa;--color-freq-highs:#a78bfa;--knob-face-from:#282835;--knob-face-to:#0d0d14;--slider-from:#222230;--slider-to:#111118;--fader-from:#2a2a35;--fader-to:#151520;--shadow-sm:0 1px 3px rgba(0,0,0,.5);--shadow-md:0 2px 10px rgba(0,0,0,.7);--shadow-lg:0 20px 60px rgba(0,0,0,.5);--glow-cyan:rgba(0,229,255,.035);--glow-pink:rgba(255,77,109,.035);--gradient-glow-a:radial-gradient(ellipse 70% 50% at 18% -5%,rgba(0,229,255,.035) 0%,transparent 55%);--gradient-glow-b:radial-gradient(ellipse 70% 50% at 82% -5%,rgba(255,77,109,.035) 0%,transparent 55%);--overlay-backdrop:rgba(0,0,0,.85);--overlay-panel:rgba(20,20,30,.95)}[data-theme=light]{--bg-base:#f0f1f5;--bg-surface:rgba(0,0,0,.04);--bg-surface-raised:rgba(0,0,0,.06);--bg-surface-hover:rgba(0,0,0,.08);--bg-overlay:hsla(0,0%,100%,.7);--bg-overlay-heavy:hsla(0,0%,100%,.9);--bg-input:rgba(0,0,0,.05);--bg-panel:rgba(0,0,0,.025);--bg-kbd:rgba(0,0,0,.07);--text-primary:#1a1a2e;--text-secondary:rgba(0,0,0,.6);--text-tertiary:rgba(0,0,0,.45);--text-muted:rgba(0,0,0,.3);--text-disabled:rgba(0,0,0,.15);--text-title:#223;--text-placeholder:rgba(0,0,0,.25);--border-subtle:rgba(0,0,0,.06);--border-default:rgba(0,0,0,.1);--border-strong:rgba(0,0,0,.15);--border-input:rgba(0,0,0,.12);--border-dashed:rgba(0,0,0,.12);--color-deck-a:#009eb3;--color-deck-b:#d6365a;--color-deck-c:#8b3fcf;--color-deck-d:#d48800;--color-brand-primary:#009eb3;--color-brand-teal:#059b7a;--color-success:#16a34a;--color-success-soft:rgba(22,163,74,.1);--color-warning:#ca8a04;--color-warning-soft:rgba(202,138,4,.1);--color-danger:#dc2626;--color-danger-soft:rgba(220,38,38,.08);--color-info:#2563eb;--color-stem-vocals:#9333ea;--color-stem-drums:#ea580c;--color-stem-bass:#059669;--color-stem-other:#2563eb;--color-freq-bass:#dc2626;--color-freq-drums:#ca8a04;--color-freq-vocals:#2563eb;--color-freq-highs:#7c3aed;--knob-face-from:#d4d4e0;--knob-face-to:#e8e8f0;--slider-from:#c8c8d8;--slider-to:#dddde8;--fader-from:#d0d0dd;--fader-to:#e0e0ea;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 2px 10px rgba(0,0,0,.12);--shadow-lg:0 20px 60px rgba(0,0,0,.15);--glow-cyan:rgba(0,158,179,.06);--glow-pink:rgba(214,54,90,.06);--gradient-glow-a:radial-gradient(ellipse 70% 50% at 18% -5%,rgba(0,158,179,.06) 0%,transparent 55%);--gradient-glow-b:radial-gradient(ellipse 70% 50% at 82% -5%,rgba(214,54,90,.06) 0%,transparent 55%);--overlay-backdrop:hsla(0,0%,100%,.85);--overlay-panel:rgba(245,245,250,.98)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-base:#f0f1f5;--bg-surface:rgba(0,0,0,.04);--bg-surface-raised:rgba(0,0,0,.06);--bg-surface-hover:rgba(0,0,0,.08);--bg-overlay:hsla(0,0%,100%,.7);--bg-overlay-heavy:hsla(0,0%,100%,.9);--bg-input:rgba(0,0,0,.05);--bg-panel:rgba(0,0,0,.025);--bg-kbd:rgba(0,0,0,.07);--text-primary:#1a1a2e;--text-secondary:rgba(0,0,0,.6);--text-tertiary:rgba(0,0,0,.45);--text-muted:rgba(0,0,0,.3);--text-disabled:rgba(0,0,0,.15);--text-title:#223;--text-placeholder:rgba(0,0,0,.25);--border-subtle:rgba(0,0,0,.06);--border-default:rgba(0,0,0,.1);--border-strong:rgba(0,0,0,.15);--border-input:rgba(0,0,0,.12);--border-dashed:rgba(0,0,0,.12);--color-deck-a:#009eb3;--color-deck-b:#d6365a;--color-deck-c:#8b3fcf;--color-deck-d:#d48800;--color-brand-primary:#009eb3;--color-brand-teal:#059b7a;--color-success:#16a34a;--color-success-soft:rgba(22,163,74,.1);--color-warning:#ca8a04;--color-warning-soft:rgba(202,138,4,.1);--color-danger:#dc2626;--color-danger-soft:rgba(220,38,38,.08);--color-info:#2563eb;--color-stem-vocals:#9333ea;--color-stem-drums:#ea580c;--color-stem-bass:#059669;--color-stem-other:#2563eb;--color-freq-bass:#dc2626;--color-freq-drums:#ca8a04;--color-freq-vocals:#2563eb;--color-freq-highs:#7c3aed;--knob-face-from:#d4d4e0;--knob-face-to:#e8e8f0;--slider-from:#c8c8d8;--slider-to:#dddde8;--fader-from:#d0d0dd;--fader-to:#e0e0ea;--shadow-sm:0 1px 3px rgba(0,0,0,.1);--shadow-md:0 2px 10px rgba(0,0,0,.12);--shadow-lg:0 20px 60px rgba(0,0,0,.15);--glow-cyan:rgba(0,158,179,.06);--glow-pink:rgba(214,54,90,.06);--gradient-glow-a:radial-gradient(ellipse 70% 50% at 18% -5%,rgba(0,158,179,.06) 0%,transparent 55%);--gradient-glow-b:radial-gradient(ellipse 70% 50% at 82% -5%,rgba(214,54,90,.06) 0%,transparent 55%);--overlay-backdrop:hsla(0,0%,100%,.85);--overlay-panel:rgba(245,245,250,.98)}}*{box-sizing:border-box}body{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);transition:background .3s,color .3s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes stemShimmer{0%{background-position:100% 100%}50%{background-position:100% 0}to{background-position:100% 100%}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.lb-track-sheet-backdrop{position:fixed;inset:0;z-index:8000;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.lb-track-sheet{position:fixed;bottom:0;left:0;right:0;z-index:8001;max-height:85vh;overflow-y:auto;border-radius:16px 16px 0 0;background:var(--bg-panel);border-top:1px solid var(--border-strong);padding:16px 20px calc(32px + env(safe-area-inset-bottom, 0px));animation:slideUp .25s ease-out}input::placeholder{color:var(--text-placeholder)}::-webkit-scrollbar{display:none}button{font-family:inherit}.lb-app{touch-action:manipulation}.lb-decks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.lb-deck-item{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 5px);min-width:300px}.lb-topbar{justify-content:space-between;flex-wrap:wrap}.lb-topbar,.lb-topbar-right{display:flex;align-items:center;gap:8px}.lb-deck-controls{display:flex;gap:8px;z-index:1}.lb-zone-stems{flex:1 1;gap:5px}.lb-keyboard-hints,.lb-zone-stems{display:flex;justify-content:center}.lb-keyboard-hints{margin-top:10px;gap:16px}.lb-drag-h,.lb-drag-v,.lb-knob{touch-action:none}.lb-tab-bar{touch-action:manipulation}.lb-crossfader-track,.lb-drag-h,.lb-drag-v,.lb-knob{touch-action:none}@media (max-width:768px){.lb-app{padding:8px 6px 72px!important}.lb-hint-desktop{display:none!important}.lb-stem-btn{min-width:32px!important;min-height:28px!important;font-size:9px!important;padding:4px 8px!important}.lb-stem-buttons{gap:6px!important}.lb-master-transport{gap:4px!important;padding:6px 8px!important}.lb-master-transport button{padding:8px 12px!important;font-size:10px!important;min-height:36px!important}.lb-decks{flex-direction:column}.lb-deck-item{min-width:0!important;flex-basis:100%!important}.lb-topbar{justify-content:center;padding:8px 10px!important}.lb-topbar-right{flex-wrap:wrap;justify-content:center;gap:6px}.lb-topbar-user{width:100%;justify-content:center!important;border-left:none!important;padding-left:0!important;margin-left:0!important}.lb-deck-controls{flex-wrap:wrap}.lb-zone-stems{order:3;flex-basis:100%;width:100%;justify-content:space-evenly}.lb-pitch-track{height:80px!important}.lb-keyboard-hints,.lb-library-meta{display:none!important}.lb-library-header{flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.lb-library-search{width:100%!important}.lb-upload-zone{padding:12px 10px!important}}@media (max-width:400px){.lb-topbar-brand{width:100%;justify-content:center!important}.lb-bpm-display{font-size:22px!important}}.lb-create-layout{display:grid;grid-template-columns:220px 1fr;grid-gap:10px;gap:10px;min-height:0}.lb-create-sidebar{height:calc(100vh - 240px);min-height:300px;max-height:600px;position:-webkit-sticky;position:sticky;top:10px}.lb-browse-btn{display:none!important}@media (max-width:768px){.lb-create-layout{grid-template-columns:1fr}.lb-create-sidebar{display:none}.lb-browse-btn{display:inline-flex!important}}@media (orientation:landscape) and (max-height:500px){.lb-tab-bar{height:44px!important}.lb-tab-bar-label{display:none!important}.lb-decks{flex-direction:row!important;flex-wrap:nowrap!important}.lb-deck-item{flex:1 1 50%!important;min-width:0!important}}