@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:#0a0a12;--bg-surface:#13131d;--bg-elevated:#1c1c2b;--bg-hover:#252538;--bg-input:#1a1a28;--bg-overlay:rgba(0,0,0,.2);--bg-overlay-heavy:rgba(0,0,0,.5);--bg-kbd:hsla(0,0%,100%,.06);--bg-surface-raised:var(--bg-elevated);--bg-surface-hover:var(--bg-hover);--bg-panel:var(--bg-surface);--text-primary:#e8e8ef;--text-secondary:#9898ac;--text-tertiary:#8585a0;--text-muted:#5c5c72;--text-disabled:hsla(0,0%,100%,.15);--text-title:#fff;--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);--brand-primary:#a259ff;--deck-a:#a259ff;--deck-b:#00e5ff;--deck-c:#ff4d6d;--deck-d:#facc15;--brand-teal:#06d6a0;--color-brand-primary:var(--brand-primary);--color-deck-a:var(--deck-a);--color-deck-b:var(--deck-b);--color-deck-c:var(--deck-c);--color-deck-d:var(--deck-d);--color-brand-teal:var(--brand-teal);--color-accent-indigo:var(--brand-primary);--color-connect:var(--deck-b);--color-waveform:var(--brand-primary);--status-success:#22c55e;--status-success-soft:rgba(34,197,94,.08);--status-warning:#facc15;--status-warning-soft:rgba(250,204,21,.08);--status-danger:#ef4444;--status-danger-soft:rgba(239,68,68,.05);--status-info:#60a5fa;--status-record:#f33;--color-success:var(--status-success);--color-success-soft:var(--status-success-soft);--color-warning:var(--status-warning);--color-warning-soft:var(--status-warning-soft);--color-danger:var(--status-danger);--color-danger-soft:var(--status-danger-soft);--color-info:var(--status-info);--stem-vocals:#a259ff;--stem-drums:#fb923c;--stem-bass:#00e5ff;--stem-melody:#34d399;--stem-guitar:#ff4d6d;--stem-piano:#facc15;--stem-fx:#06d6a0;--color-stem-vocals:var(--stem-vocals);--color-stem-drums:var(--stem-drums);--color-stem-bass:var(--stem-bass);--color-stem-melody:var(--stem-melody);--color-stem-guitar:var(--stem-guitar);--color-stem-piano:var(--stem-piano);--color-stem-fx:var(--stem-fx);--badge-gold:gold;--badge-silver:#94a3b8;--badge-bronze:#cd7f32;--badge-verified:#3897f0;--color-gold:var(--badge-gold);--color-silver:var(--badge-silver);--color-bronze:var(--badge-bronze);--color-verified-blue:var(--badge-verified);--freq-bass:#67edff;--freq-drums:#fdba74;--freq-vocals:#c4a0ff;--freq-highs:#6ee7b7;--color-freq-bass:var(--freq-bass);--color-freq-drums:var(--freq-drums);--color-freq-vocals:var(--freq-vocals);--color-freq-highs:var(--freq-highs);--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);--glow-purple:rgba(162,89,255,.035);--gradient-glow-a:radial-gradient(ellipse 70% 50% at 18% -5%,rgba(162,89,255,.04) 0%,transparent 55%);--gradient-glow-b:radial-gradient(ellipse 70% 50% at 82% -5%,rgba(0,229,255,.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:#e8e8f0;--bg-elevated:#fff;--bg-hover:#dddde8;--bg-input:#e2e2ec;--bg-overlay:hsla(0,0%,100%,.7);--bg-overlay-heavy:hsla(0,0%,100%,.9);--bg-kbd:rgba(0,0,0,.07);--bg-surface-raised:var(--bg-elevated);--bg-surface-hover:var(--bg-hover);--bg-panel:var(--bg-surface);--text-primary:#1a1a2e;--text-secondary:#5c5c72;--text-tertiary:#73738c;--text-muted:#9898ac;--text-disabled:rgba(0,0,0,.15);--text-title:#0a0a12;--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);--brand-primary:#8b3fd9;--deck-a:#8b3fd9;--deck-b:#009eb3;--deck-c:#d6365a;--deck-d:#d48800;--brand-teal:#059b7a;--color-brand-primary:var(--brand-primary);--color-deck-a:var(--deck-a);--color-deck-b:var(--deck-b);--color-deck-c:var(--deck-c);--color-deck-d:var(--deck-d);--color-brand-teal:var(--brand-teal);--color-accent-indigo:var(--brand-primary);--color-connect:var(--deck-b);--color-waveform:var(--deck-b);--status-success:#16a34a;--status-success-soft:rgba(22,163,74,.1);--status-warning:#ca8a04;--status-warning-soft:rgba(202,138,4,.1);--status-danger:#dc2626;--status-danger-soft:rgba(220,38,38,.08);--status-info:#2563eb;--status-record:#dc2626;--color-success:var(--status-success);--color-success-soft:var(--status-success-soft);--color-warning:var(--status-warning);--color-warning-soft:var(--status-warning-soft);--color-danger:var(--status-danger);--color-danger-soft:var(--status-danger-soft);--color-info:var(--status-info);--stem-vocals:#7c3aed;--stem-drums:#ea580c;--stem-bass:#0891b2;--stem-melody:#059669;--stem-guitar:#d6365a;--stem-piano:#b8860b;--stem-fx:#059b7a;--color-stem-vocals:var(--stem-vocals);--color-stem-drums:var(--stem-drums);--color-stem-bass:var(--stem-bass);--color-stem-melody:var(--stem-melody);--color-stem-guitar:var(--stem-guitar);--color-stem-piano:var(--stem-piano);--color-stem-fx:var(--stem-fx);--freq-bass:#0e7490;--freq-drums:#ca8a04;--freq-vocals:#7c3aed;--freq-highs:#059669;--color-freq-bass:var(--freq-bass);--color-freq-drums:var(--freq-drums);--color-freq-vocals:var(--freq-vocals);--color-freq-highs:var(--freq-highs);--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-accent-indigo:#4f46e5;--color-connect:#0e7490;--color-waveform:#009eb3;--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:#7c3aed;--color-stem-drums:#ea580c;--color-stem-bass:#0891b2;--color-stem-melody:#059669;--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;font-family:var(--mono);background:var(--bg-base);color:var(--text-primary);transition:background .3s,color .3s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes recPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.5);opacity:0}}@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;display:flex;justify-content:center;gap:5px}.lb-decks--djay{flex-wrap:nowrap}.lb-decks--djay .lb-deck-item{flex:1 1;min-width:0}.lb-mixer-strip{display:flex;flex-direction:column;align-items:center;gap:10px;flex:0 0 130px;background:var(--bg-panel);border-radius:10px;border:1px solid var(--border-default);padding:10px 8px;align-self:stretch;touch-action:none}@media (min-width:769px){.lb-djay-fallback{display:none!important}}.lb-keyboard-hints{margin-top:10px;display:flex;justify-content:center;gap:16px}.lb-drag-h,.lb-drag-v,.lb-knob{touch-action:none}:root{--tab-bar-height:calc(56px + env(safe-area-inset-bottom, 0px));--now-playing-height:56px;--bottom-chrome:var(--tab-bar-height)}.has-now-playing{--bottom-chrome:calc(var(--tab-bar-height) + var(--now-playing-height))}.lb-now-playing-bar{position:fixed;bottom:var(--tab-bar-height);left:0;right:0;height:var(--now-playing-height);z-index:9000;background:var(--bg-panel);box-shadow:0 -4px 12px rgba(0,0,0,.3);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden}.lb-expanded-backdrop{position:fixed;inset:0;z-index:9500;background:rgba(0,0,0,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lb-expanded-panel{width:100%;max-height:92vh;overflow-y:auto;border-radius:20px 20px 0 0;background:var(--overlay-panel);padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px));animation:slideUp .25s ease-out}@keyframes eqBar{0%,to{height:15%}50%{height:90%}}.lb-eq-bars{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%;height:100%}.lb-eq-bars span{width:3px;border-radius:1px;background:var(--color-brand-primary);animation:eqBar .6s ease-in-out infinite}.lb-eq-bars span:first-child{animation-delay:0s}.lb-eq-bars span:nth-child(2){animation-delay:.15s}.lb-eq-bars span:nth-child(3){animation-delay:.3s}.lb-eq-bars.paused span{animation-play-state:paused}@keyframes smartmix-art-dissolve{0%{opacity:0}to{opacity:1}}.lb-library-slide-enter{transform:translateX(100%)}.lb-library-slide-enter-active{transform:translateX(0);transition:transform .15s ease-out}.lb-library-slide-exit{transform:translateX(0)}.lb-library-slide-exit-active{transform:translateX(-30%);opacity:.5;transition:transform .15s ease-out,opacity .15s ease-out}.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 var(--bottom-chrome) 6px!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}.lb-mixer-strip{display:none}.lb-decks--djay{flex-wrap:wrap}.lb-decks--djay .lb-deck-item{flex:1 1 100%;min-width:0!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}}.lb-settings-drawer-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.5);opacity:0;transition:opacity .3s ease;pointer-events:none}.lb-settings-drawer-backdrop.open{opacity:1;pointer-events:auto}@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}}.djay-container{display:flex;flex-direction:column;height:calc(100vh - 56px);background:var(--bg-base);overflow:hidden}.djay-record-row{display:flex;justify-content:center;align-items:center;padding:10px 0 6px;position:relative}.djay-track-row{display:flex;padding:0 12px 8px;gap:12px;align-items:center}.djay-track-half{flex:1 1;display:flex;align-items:center;gap:8px;cursor:pointer;min-width:0}.djay-track-half--right{justify-content:flex-end}.djay-album-art{background:var(--bg-surface);overflow:hidden}.djay-album-art,.djay-empty-art{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.djay-empty-art{border:1.5px dashed var(--border-default)}.djay-track-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.djay-track-detail{font-size:11px;color:var(--text-muted)}.djay-tap-label{font-size:13px;color:var(--text-muted)}.djay-mini-wave{position:relative;padding:0 60px 6px}.djay-mini-wave-inner{position:relative;height:10px;background:var(--bg-overlay);border-radius:2px;overflow:hidden}.djay-mode-tabs{gap:16px;padding:6px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.djay-mode-tab,.djay-mode-tabs{display:flex;justify-content:center}.djay-mode-tab{width:36px;height:28px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);align-items:center;cursor:pointer;transition:all .15s;font-size:16px}.djay-mode-tab:hover{color:var(--text-secondary);background:var(--bg-surface-hover)}.djay-mode-tab.active{background:var(--color-info);color:#fff}.djay-hero-panel{flex:1 1;min-height:0;display:flex;flex-direction:column}.djay-waveform-split{display:flex;flex:1 1;min-height:0}.djay-waveform-deck{flex:1 1;position:relative;background:var(--bg-overlay);overflow:hidden;min-height:0}.djay-waveform-deck+.djay-waveform-deck{border-left:1px solid var(--border-subtle)}.djay-deck-dropdown{font-size:12px;padding:6px 8px;font-family:var(--mono)}.djay-deck-dropdown,.djay-zoom-btn{position:absolute;color:var(--text-muted);z-index:2;cursor:pointer}.djay-zoom-btn{font-size:20px;background:none;border:none;padding:4px}.djay-zoom-btn:hover{color:var(--text-secondary)}.djay-wave-empty{width:100%;height:100%;background:var(--bg-overlay)}.djay-eq-panel{display:flex;gap:8px;align-items:flex-start;padding:12px;height:100%}.djay-eq-deck{flex:1 1;display:flex;flex-direction:column;gap:6px;align-items:center}.djay-eq-label{font-size:7px;font-weight:900;font-family:var(--mono);letter-spacing:2px;text-align:center}.djay-eq-controls{display:flex;gap:8px;align-items:stretch;justify-content:center}.djay-eq-knobs{flex-direction:column;gap:4px}.djay-eq-center,.djay-eq-knobs{display:flex;align-items:center}.djay-eq-center{flex:0 0 auto;flex-direction:column;justify-content:center;min-width:80px}.djay-waves-panel{display:flex;gap:8px;height:100%}.djay-wave-deck-panel{flex:1 1;min-width:0}.djay-wave-placeholder{background:var(--bg-overlay);border-radius:6px;font-size:9px}.djay-pads-panel,.djay-wave-placeholder{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--mono);letter-spacing:2px}.djay-pads-panel{font-size:11px}.djay-loop-row{display:flex;border-bottom:1px solid var(--border-subtle)}.djay-loop-half{flex:1 1;display:flex;justify-content:center;align-items:center;gap:16px;padding:7px 0}.djay-loop-half+.djay-loop-half{border-left:1px solid var(--border-subtle)}.djay-loop-arrow{color:var(--text-muted);font-size:16px;cursor:pointer;background:none;border:none;padding:0 4px}.djay-loop-arrow:hover{color:var(--text-secondary)}.djay-loop-val{color:var(--text-muted);font-size:13px;font-family:var(--mono);border:1px solid var(--border-subtle);border-radius:10px;padding:2px 8px;cursor:pointer;background:none}.djay-loop-val.active{color:var(--color-warning);border-color:rgba(234,179,8,.4);background:rgba(234,179,8,.08)}.djay-deck-labels{display:flex;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-subtle)}.djay-deck-num{flex:1 1;text-align:center;font-size:20px;color:var(--text-secondary)}.djay-deck-num,.djay-mix-label{font-weight:700;font-family:var(--mono)}.djay-mix-label{font-size:18px;color:var(--color-info)}.djay-bpm-row{padding:5px 10px;border-bottom:1px solid var(--border-subtle)}.djay-bpm-half,.djay-bpm-row{display:flex;align-items:center;gap:6px}.djay-bpm-half{flex:1 1}.djay-bpm-half--right{justify-content:flex-end}.djay-bpm-val{text-align:center;flex:1 1}.djay-bpm-num{font-size:13px;color:var(--text-primary);font-family:var(--mono);font-weight:600}.djay-bpm-label{font-size:9px;color:var(--text-muted);font-family:var(--mono)}.djay-nudge-btn{background:none;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;padding:2px 4px;border-radius:3px;transition:color .1s}.djay-nudge-btn:hover{color:var(--text-secondary);background:var(--bg-overlay)}.djay-nudge-btn:disabled{opacity:.3;cursor:default}.djay-btn{background:var(--bg-overlay);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600;padding:6px 14px;cursor:pointer;font-family:var(--mono);transition:all .15s}.djay-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.djay-btn:disabled{opacity:.4;cursor:default}.djay-key-btn{width:30px;height:30px;border-radius:50%;border:2px solid var(--color-warning);background:transparent;color:var(--color-warning);font-weight:800;font-size:15px;font-style:italic;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.djay-set-row{display:flex;padding:4px 10px;gap:6px;border-bottom:1px solid var(--border-subtle)}.djay-set-half{display:flex;flex:1 1;gap:6px}.djay-set-half>.djay-btn{flex:1 1}.djay-chevron{width:30px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:14px;background:none;border:none;cursor:pointer;flex-shrink:0}.djay-bottom-transport{display:flex;align-items:center;padding:8px 10px 12px;gap:8px}.djay-play-circle{width:56px;height:56px;border-radius:50%;border:2px solid var(--border-default);background:hsla(0,0%,100%,.04);color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.djay-play-circle:hover{border-color:var(--text-primary);color:var(--text-primary)}.djay-play-circle.active{border-color:var(--deck-color,var(--color-success));color:var(--deck-color,var(--color-success));background:hsla(0,0%,100%,.03);box-shadow:0 0 16px rgba(0,229,255,.15)}.djay-play-circle:disabled{opacity:.3;cursor:default}.djay-crossfader-area{flex:1 1;min-width:0}.djay-phase-row{display:flex;justify-content:center;padding:0 0 4px}.djay-library-overlay{position:fixed;inset:0;z-index:100;background:var(--bg-base);display:flex;flex-direction:column}.djay-library-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-default);background:var(--bg-panel)}.djay-library-header span{font-size:14px;font-weight:700;color:var(--text-primary);font-family:var(--mono)}.djay-library-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.djay-library-body{flex:1 1;overflow-y:auto}.djay-layout-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px 8px;border-radius:4px;border:1px solid var(--border-default);background:var(--bg-surface);cursor:pointer;display:flex;align-items:center;color:var(--text-secondary)}@media (max-width:380px){.djay-track-title{max-width:100px;font-size:12px}.djay-play-circle{width:48px;height:48px;font-size:16px}.djay-btn{padding:5px 10px;font-size:11px}}.lb-btn{transition:transform .1s ease,opacity .1s ease,background .15s ease,filter .15s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.lb-btn:hover{transform:scale(1.04);filter:brightness(1.15)}.lb-btn:active{transform:scale(.96);filter:brightness(.95)}.lb-btn:disabled,.lb-btn[aria-disabled=true]{opacity:.4;pointer-events:none;cursor:default}.lb-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.lb-btn{transition:none}.lb-btn:active,.lb-btn:hover{transform:none}}.lb-btn-toggle{transition:transform .1s ease,background .15s ease,color .15s ease}.lb-btn-toggle[aria-pressed=true]{background:var(--color-brand-primary);color:#000}.lb-btn-toggle[aria-pressed=false]{background:transparent;color:var(--text-secondary)}@keyframes lb-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.lb-skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-surface-raised) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:lb-shimmer 1.5s ease-in-out infinite;border-radius:6px}.lb-skeleton-circle{border-radius:50%}.lb-skeleton-pill{border-radius:20px}@media (prefers-reduced-motion:reduce){.lb-skeleton{animation:none;background:var(--bg-surface-raised)}}@keyframes lb-heart-pop{0%{transform:scale(1)}30%{transform:scale(1.3)}to{transform:scale(1)}}.lb-heart-animate{animation:lb-heart-pop .35s cubic-bezier(.175,.885,.32,1.275)}@media (prefers-reduced-motion:reduce){.lb-heart-animate{animation:none}}.lb-filter-chip{display:inline-flex;align-items:center;padding:6px 14px;border-radius:20px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-shrink:0}.lb-filter-chip:hover{background:var(--bg-surface-hover);border-color:var(--border-strong)}.lb-filter-chip[aria-selected=true]{background:var(--color-brand-primary);color:#000;border-color:var(--color-brand-primary);transform:scale(1.02)}.lb-filter-chip:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.lb-filter-chip{transition:none}.lb-filter-chip[aria-selected=true]{transform:none}}.lb-profile-switcher{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--overlay-panel);border:1px solid var(--border-strong);border-radius:10px;padding:4px;min-width:170px;box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:100}.lb-profile-switcher button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:12px;font-family:var(--mono);font-weight:600;cursor:pointer;border-radius:6px;transition:background .1s ease}.lb-profile-switcher button:hover{background:var(--bg-surface-hover)}.lb-profile-switcher button:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:-2px}