:root{--sp-2:2px;--sp-4:4px;--sp-6:6px;--sp-8:8px;--sp-10:10px;--sp-12:12px;--sp-16:16px;--sp-20:20px;--sp-24:24px;--sp-32:32px;--sp-48:48px;--radius-chip:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-pill:999px;--art-ratio-square:1/1;--art-ratio-tile:var(--art-ratio-square);--art-ratio-portrait:4/5;--art-ratio-wide:16/9;--art-ratio-vertical:9/16;--art-bg:linear-gradient(135deg,rgba(162,89,255,.32),rgba(0,229,255,.16));--target-min:44px}.lb-tile-art{position:relative;width:100%;aspect-ratio:var(--art-ratio-tile);overflow:hidden;border-radius:var(--radius-sm);background:var(--art-bg)}.lb-page-min{min-height:100vh;min-height:100svh}.lb-skel{background:var(--bg-elevated);opacity:.6;animation:lbSkelPulse 1.4s ease-in-out infinite}@keyframes lbSkelPulse{0%,to{opacity:.45}50%{opacity:.75}}@media (prefers-reduced-motion:reduce){.lb-skel{animation:none;opacity:.55}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}:root,[data-theme=dark]{--sans:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif;--mono:"SFMono-Regular",ui-monospace,"Cascadia Code","Roboto 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:#8e8ea8;--text-muted:#858598;--text-disabled:hsla(0,0%,100%,.15);--text-title:#fff;--text-placeholder:hsla(0,0%,100%,.18);--text-on-brand:#0a0a12;--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:#5e5e74;--text-muted:#57576b;--text-disabled:rgba(0,0,0,.15);--text-title:#0a0a12;--text-placeholder:rgba(0,0,0,.25);--text-on-brand:#fff;--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:#7a32c1;--deck-a:#7a32c1;--deck-b:#00616e;--deck-c:#b92849;--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:#b91c1c;--status-danger-soft:rgba(220,38,38,.08);--status-info:#2563eb;--status-record:#b91c1c;--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:#e6570c;--stem-bass:#0891b2;--stem-melody:#059669;--stem-guitar:#d6365a;--stem-piano:#ac7d0a;--stem-fx:#059777;--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:#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:#5e5e74;--text-muted:#57576b;--text-disabled:rgba(0,0,0,.15);--text-title:#0a0a12;--text-placeholder:rgba(0,0,0,.25);--text-on-brand:#fff;--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:#7a32c1;--deck-a:#7a32c1;--deck-b:#00616e;--deck-c:#b92849;--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:#b91c1c;--status-danger-soft:rgba(220,38,38,.08);--status-info:#2563eb;--status-record:#b91c1c;--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:#e6570c;--stem-bass:#0891b2;--stem-melody:#059669;--stem-guitar:#d6365a;--stem-piano:#ac7d0a;--stem-fx:#059777;--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)}}*{box-sizing:border-box}.hide-scrollbar>*{scroll-snap-align:start}body{margin:0;padding:0;font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;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)}}@keyframes sheetUp{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}.lb-artist-sheet{width:min(760px,calc(100vw - 32px));left:50%;right:auto;bottom:18px;max-height:calc(100dvh - 36px);padding:18px 28px 36px;border:1px solid var(--border-default);border-radius:24px;box-shadow:0 32px 100px rgba(0,0,0,.48);transform:translateX(-50%);animation:artistSheetIn .24s cubic-bezier(.2,.8,.2,1)}@keyframes artistSheetIn{0%{opacity:0;transform:translate(-50%,24px) scale(.985)}to{opacity:1;transform:translate(-50%) scale(1)}}.lb-artist-sheet-close{position:-webkit-sticky;position:sticky;top:0;z-index:8;float:right;display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--border-default);border-radius:999px;background:color-mix(in srgb,var(--bg-panel) 88%,transparent);color:var(--text-primary);cursor:pointer;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.lb-artist-sheet-handle{display:none!important}.lb-artist-sheet-hero-wrap{margin:0 -10px}.lb-artist-sheet-hero{min-height:240px}.lb-artist-sheet-avatar{box-shadow:0 14px 36px rgba(0,0,0,.28)}.lb-artist-sheet-section{margin-bottom:18px;padding:14px 12px 8px;border:1px solid var(--border-default);border-radius:16px;background:var(--bg-surface-raised)}.lb-artist-sheet-track{min-height:58px}.lb-profile-detail-sheet{width:min(760px,calc(100vw - 32px));left:50%;right:auto;bottom:18px;max-height:calc(100dvh - 36px);border:1px solid var(--border-default);border-radius:24px;box-shadow:0 32px 100px rgba(0,0,0,.48);transform:translateX(-50%);animation:artistSheetIn .24s cubic-bezier(.2,.8,.2,1)}.lb-profile-detail-banner{border-radius:24px 24px 0 0!important}.lb-profile-detail-avatar{box-shadow:0 14px 36px rgba(0,0,0,.28)}@media (max-width:700px){.lb-artist-sheet{width:100%;left:0;right:0;bottom:0;max-height:92dvh;padding:14px 18px calc(28px + env(safe-area-inset-bottom, 0px));border-inline:0;border-bottom:0;border-radius:24px 24px 0 0;transform:none;animation:slideUp .24s cubic-bezier(.2,.8,.2,1)}.lb-artist-sheet-handle{display:flex!important}.lb-artist-sheet-hero-wrap{margin:0 -18px}.lb-artist-sheet-hero{min-height:190px;height:190px!important;border-radius:0!important}.lb-artist-sheet-identity{margin-top:-48px!important}.lb-artist-sheet-title{font-size:28px!important}.lb-artist-sheet-section{margin-inline:-4px}.lb-profile-detail-sheet{width:100%;left:0;right:0;bottom:0;max-height:92dvh;border-inline:0;border-bottom:0;border-radius:24px 24px 0 0;transform:none;animation:slideUp .24s cubic-bezier(.2,.8,.2,1)}.lb-profile-detail-banner{height:190px!important}.lb-profile-detail-body{padding-inline:20px!important}.lb-profile-detail-avatar{width:96px!important;height:96px!important;margin-top:-48px!important}}input::placeholder{color:var(--text-placeholder)}::-webkit-scrollbar{display:none}button{font-family:inherit}.lb-now-playing-atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;z-index:0}.lb-expanded-panel>:not(.lb-now-playing-atmosphere),.lb-now-playing-bar>:not(.lb-now-playing-atmosphere){position:relative;z-index:1}.lb-appearance-backdrop{position:fixed;inset:0;z-index:10020;display:flex;align-items:flex-end;justify-content:center;background:rgba(0,0,0,.52)}.lb-appearance-sheet{width:min(100%,520px);max-height:min(78dvh,640px);overflow:auto;border:1px solid var(--border-default);border-bottom:0;border-radius:20px 20px 0 0;background:var(--bg-base);color:var(--text-primary);outline:none;padding-bottom:env(safe-area-inset-bottom,0)}.lb-appearance-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-default)}.lb-appearance-header h2{margin:0;font-size:17px}.lb-appearance-header button{min-width:44px;min-height:44px;border:0;background:none;color:var(--color-brand-primary);font:700 13px var(--mono);cursor:pointer}.lb-appearance-body{padding:18px 16px 24px}.lb-appearance-label{margin:0 4px 8px;color:var(--text-muted);font:700 10px var(--mono);letter-spacing:.14em}.lb-appearance-option{width:100%;min-height:88px;display:flex;align-items:center;gap:14px;padding:12px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;text-align:left}.lb-appearance-option:first-of-type{border-radius:14px 14px 0 0}.lb-appearance-option+.lb-appearance-option{border-top:0;border-radius:0 0 14px 14px}.lb-appearance-option[aria-pressed=true]{background:var(--bg-elevated)}.lb-appearance-preview{position:relative;width:112px;height:64px;flex:0 0 auto;overflow:hidden;border-radius:8px;border:1px solid hsla(0,0%,100%,.12)}.lb-appearance-preview i{position:absolute;z-index:1;left:12px;right:12px;bottom:10px;height:4px;border-radius:2px}.lb-appearance-copy{min-width:0;flex:1 1;display:flex;flex-direction:column;gap:3px}.lb-appearance-copy strong{font-size:14px}.lb-appearance-copy small{color:var(--text-secondary);line-height:1.35}.lb-appearance-check{color:var(--color-brand-primary);font-size:18px}.lb-appearance-note{margin:14px 4px 0;color:var(--text-secondary);font-size:12px;line-height:1.5}@media (prefers-reduced-motion:reduce){.lb-now-playing-atmosphere{transition:none!important}}.lb-app{touch-action:manipulation;max-width:1600px;margin-inline:auto}.lb-decks{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.lb-deck-item{position:relative;flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 5px);min-width:300px}@media (min-width:1280px){.lb-decks:not(.lb-decks--djay)>.lb-deck-item{flex-basis:300px}}.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}:root{--tab-bar-height:calc(56px + env(safe-area-inset-bottom, 0px));--now-playing-height:56px;--app-header-h:50px;--bottom-chrome:var(--tab-bar-height);--mix-top-chrome:132px}.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:56px;z-index:9000;background:var(--bg-panel);display:flex;flex-direction:column;box-shadow:0 -4px 12px rgba(0,0,0,.3);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);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{position:relative;width:100%;max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:20px 20px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px));padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);animation:sheetUp .35s cubic-bezier(.16,1,.3,1);transition:background .6s ease}.lb-expanded-grabber{display:block;width:40px;height:4px;margin:0 auto;border-radius:2px;background:color-mix(in srgb,var(--text-muted) 40%,transparent)}.lb-expanded-art{position:relative;width:min(85vw,340px,34dvh);aspect-ratio:1;margin:16px auto 24px}.lb-expanded-info{text-align:center;padding:0 24px;margin-bottom:20px}.lb-expanded-title{margin:0 0 6px;font-size:24px;font-weight:700;line-height:1.2;color:var(--text-title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.lb-expanded-artist{font-size:14px;font-weight:500;margin-bottom:6px;transition:color .5s}.lb-expanded-meta{font-family:var(--mono);font-size:11px;color:var(--text-secondary)}.lb-expanded-waveform{padding:0 28px;margin-bottom:4px}.lb-expanded-time{display:flex;justify-content:space-between;padding:0 28px;margin-bottom:20px;font-family:var(--mono);font-size:11px;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lb-expanded-transport{display:flex;align-items:center;justify-content:center;gap:32px;margin-bottom:20px}.lb-expanded-transport-btn{width:44px;height:44px;background:transparent}.lb-expanded-play,.lb-expanded-transport-btn{border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.lb-expanded-play{width:64px;height:64px;transition:background .4s,box-shadow .4s,transform .12s}.lb-expanded-play:active{transform:scale(.94)}.lb-expanded-device:focus-visible,.lb-expanded-icon-btn:focus-visible,.lb-expanded-play:focus-visible,.lb-expanded-transport-btn:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.lb-expanded-actions{margin:0 16px 20px}.lb-expanded-actions,.lb-expanded-device{display:flex;align-items:center;gap:8px;min-height:44px}.lb-expanded-device{min-width:0;flex:1 1;padding:6px 12px;background:transparent;border:1px solid var(--border-default,#1c1c2b);border-radius:22px;cursor:pointer;touch-action:manipulation}.lb-expanded-device-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:background .3s}.lb-expanded-device-label{font-size:12px;font-weight:500;color:var(--text-secondary);min-width:0;flex:1 1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lb-expanded-action-icons{display:flex;align-items:center;gap:2px;flex-shrink:0}.lb-expanded-icon-btn{position:relative;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:transparent;color:var(--text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.lb-expanded-icon-btn:hover{background:var(--bg-hover,hsla(0,0%,100%,.06))}.lb-expanded-badge{position:absolute;top:4px;right:2px;min-width:15px;padding:0 4px;border-radius:8px;font-family:var(--mono);font-size:9px;font-weight:700;line-height:15px;text-align:center;color:var(--bg-base,#0a0a12)}.lb-expanded-stems{margin:0 16px 24px;padding:14px 6px 10px;border-radius:14px;background:color-mix(in srgb,var(--bg-surface) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-default,#1c1c2b)}.lb-expanded-stems-title{font-family:var(--mono);font-size:10px;color:var(--text-secondary);letter-spacing:3px;font-weight:700;text-align:center;margin-bottom:8px}.lb-expanded-stems-row{display:flex;justify-content:space-between;align-items:flex-end;gap:2px}@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-tab-bar{position:fixed;inset:auto 0 0;z-index:9100;display:flex;align-items:center;justify-content:space-around;height:var(--tab-bar-height);padding:4px max(10px,env(safe-area-inset-left)) env(safe-area-inset-bottom,0) max(10px,env(safe-area-inset-right));background:color-mix(in srgb,var(--bg-panel) 94%,transparent);border-top:1px solid color-mix(in srgb,var(--border-default) 72%,transparent);box-shadow:0 -14px 34px rgba(0,0,0,.14);backdrop-filter:saturate(1.35) blur(24px);-webkit-backdrop-filter:saturate(1.35) blur(24px);touch-action:manipulation}.lb-expanded-close{display:block;width:100%;min-height:44px;border:0;color:inherit;background:transparent;touch-action:none;cursor:-webkit-grab;cursor:grab}.lb-expanded-close:active{cursor:-webkit-grabbing;cursor:grabbing}.lb-tab-bar-item{min-height:48px;padding:4px 0 7px;border-radius:12px;-webkit-tap-highlight-color:transparent}.lb-tab-bar-item:before{content:"";position:absolute;inset:3px 14%;border-radius:12px;background:currentColor;opacity:0;transform:scale(.86);transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.lb-tab-bar-item:focus-visible:before,.lb-tab-bar-item:hover:before{opacity:.07;transform:scale(1)}.lb-tab-bar-item:active:before{opacity:.12}.lb-tab-bar-item>*{z-index:1}.lb-tab-bar-icon{position:relative;display:grid;width:26px;height:24px;place-items:center;line-height:1}.lb-tab-bar-label{font-family:var(--sans,ui-sans-serif,system-ui,sans-serif);font-size:11px;font-weight:650;letter-spacing:.01em}.lb-app-header{position:relative;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:50px;padding:0 16px;background:color-mix(in srgb,var(--bg-panel) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border-default) 72%,transparent);box-shadow:0 8px 28px rgba(0,0,0,.08);backdrop-filter:saturate(1.3) blur(22px);-webkit-backdrop-filter:saturate(1.3) blur(22px)}.lb-app-header>:last-child{justify-self:end}.lb-app-header>:first-child{justify-self:start}.lb-live-mix-icon{display:grid;width:32px;height:32px;place-items:center;color:var(--color-brand-primary);border-radius:10px;background:color-mix(in srgb,var(--color-brand-primary) 12%,transparent)}.lb-drag-h,.lb-drag-v,.lb-knob{touch-action:none}.lb-stem-btn{position:relative;flex:1 1;min-width:0;min-height:22px;padding:2px 4px}.lb-stem-btn:after{content:"";position:absolute;left:0;right:0;top:50%;height:44px;transform:translateY(-50%)}.lb-stem-buttons{position:relative;z-index:1;width:100%}@media (max-width:768px){:root{--mix-top-chrome:126px}.lb-app{padding:8px 6px var(--bottom-chrome) 6px!important}.lb-stem-btn{min-width:32px!important;min-height:28px!important;font-size:11px!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:11px!important;min-height:36px!important}.lb-decks{flex-direction:column}.lb-deck-item{min-width:0!important;flex-basis:100%!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,.lb-library-mobile-detail{display:none!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:24px!important}}.lb-create-layout{display:grid;grid-template-columns:clamp(220px,20vw,340px) 1fr;grid-gap:10px;gap:10px;min-height:0}.lb-create-sidebar{height:calc(100vh - 240px);height:calc(100dvh - 240px);min-height:300px;max-height:min(600px,calc(100dvh - 240px));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-discover-page,.lb-profile-page{margin-inline:auto}.lb-profile-page{max-width:600px;padding:var(--sp-16) var(--sp-16) var(--sp-48)}.lb-discover-page{max-width:1180px;padding:var(--sp-16) var(--sp-20) var(--sp-48)}@media (min-width:1024px){.lb-discover-page,.lb-profile-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:0 var(--sp-20);gap:0 var(--sp-20);align-items:start}.lb-profile-page{max-width:1100px}.lb-discover-page>:first-child,.lb-profile-page>:nth-child(-n+2){grid-column:1/-1}}.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){:root{--tab-bar-height:calc(48px + env(safe-area-inset-bottom, 0px))}.lb-tab-bar{height:var(--tab-bar-height)!important;padding-top:2px}.lb-tab-bar-label{display:none!important}.lb-topbar-action{min-width:44px!important;min-height:44px!important}.lb-topbar-brand{min-height:44px}.lb-panic-button,.lb-sync-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px}.djay-layout-toggle{justify-content:center}.djay-layout-toggle,.djay-loop-val{min-width:44px;min-height:44px}.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 - var(--mix-top-chrome) - var(--bottom-chrome));height:calc(100dvh - var(--mix-top-chrome) - var(--bottom-chrome));background:var(--bg-base);overflow:hidden}@media (min-width:1024px){:root{--tab-bar-height:80px}.djay-container{width:min(1440px,calc(100% - 32px));margin-inline:auto;border-inline:1px solid var(--border-subtle)}.lb-app.has-now-playing:after,.lb-app:after{content:"";position:fixed;inset:auto 0 0 0;height:var(--bottom-chrome);background:linear-gradient(to bottom,transparent,var(--bg-base) 38%);pointer-events:none;z-index:8900}.lb-tab-bar{right:auto;bottom:12px;left:50%;width:min(680px,calc(100% - 32px));height:58px;padding:4px 12px;border:1px solid color-mix(in srgb,var(--border-strong) 78%,transparent);border-radius:18px;box-shadow:0 16px 50px rgba(0,0,0,.24),0 2px 8px rgba(0,0,0,.12);transform:translateX(-50%)}.lb-tab-bar-item{min-height:48px}.lb-now-playing-bar{right:auto;left:50%;width:min(1440px,calc(100% - 32px));border:1px solid color-mix(in srgb,var(--border-strong) 74%,transparent);border-bottom:0;border-radius:16px 16px 0 0;transform:translateX(-50%)}}.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;min-width:0}.djay-track-half>div{min-width:0}.djay-track-detail{font-size:12px;color:var(--text-muted)}.djay-tap-label{font-size:13px;color:var(--text-muted)}.djay-mini-wave{position:relative;padding:0 clamp(16px,12vw,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:44px;height:44px;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-label{font-size:12px;z-index:2;padding:6px 8px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:var(--mono)}.djay-deck-label,.djay-zoom-btn{position:absolute;color:var(--text-muted)}.djay-zoom-btn{font-size:20px;cursor:pointer;background:none;border:none;padding:4px;z-index:4;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;transform:translateY(-50%)}.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:10px;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-pads-panel{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:12px;font-family:var(--mono);letter-spacing:2px}.djay-loop-row{display:flex;border-bottom:1px solid var(--border-subtle)}.djay-loop-half{flex:1 1;min-width:0;display:flex;justify-content:center;align-items:center;gap:clamp(4px,3vw,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;min-width:44px;min-height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.djay-loop-arrow:hover:not(:disabled){color:var(--text-secondary)}.djay-loop-arrow:disabled{color:var(--text-disabled);cursor:default}.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 clamp(4px,2.5vw,10px);border-bottom:1px solid var(--border-subtle)}.djay-bpm-half,.djay-bpm-row{display:flex;align-items:center;gap:clamp(3px,1.5vw,6px)}.djay-bpm-half{flex:1 1;min-width:0}.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:11px;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:0 4px;min-width:28px;min-height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;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 clamp(8px,3.5vw,14px);min-height:44px;cursor:pointer;font-family:var(--mono);transition:all .15s;white-space:nowrap}.djay-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.djay-btn:disabled{opacity:.4;cursor:default}.djay-key-btn{width:44px;height:44px;border-radius:50%;border:none;background:transparent;color:var(--color-warning);font-weight:800;font-size:16px;font-style:italic;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;isolation:isolate}.djay-key-btn:before{content:"";position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid var(--color-warning);z-index:-1}.djay-key-btn.active{color:var(--bg-base)}.djay-key-btn.active:before{background:var(--color-warning)}.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-divider{width:30px;flex-shrink:0}.djay-bottom-transport{display:flex;align-items:center;padding:8px 10px max(12px,env(safe-area-inset-bottom));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-xfader-hit{position:absolute;left:0;right:0;top:0;bottom:0;cursor:pointer;background:none;border:none;touch-action:none}.djay-xfader-hit:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;transform:translateY(-50%);background:var(--bg-overlay-heavy);border-radius:2px}.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:44px;height:44px;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:440px){:root{--mix-top-chrome:132px}.lb-app-header{height:56px;padding-inline:max(8px,env(safe-area-inset-left)) max(8px,env(safe-area-inset-right))}.lb-topbar-action{min-width:44px!important;min-height:44px!important}.lb-topbar-brand{min-height:44px;padding-inline:6px!important}.lb-composition-manager{padding-inline:10px!important}.lb-composition-toolbar{flex-wrap:wrap;align-items:stretch!important}.lb-composition-spacer{display:none}.lb-composition-bpm{width:100%;min-height:44px;justify-content:center}.lb-composition-action{flex:1 1 64px;min-width:0!important;min-height:44px!important}.lb-composition-songs{flex-basis:130px}.lb-create-copilot{padding:10px!important}.lb-create-copilot-row{gap:8px!important}.lb-create-copilot-status{width:100%;min-height:28px}.lb-create-mode-tabs{width:100%}.lb-create-mode-tab{flex:1 1;min-width:0;min-height:44px;padding-inline:6px!important}.lb-create-stop,.lb-create-take-control{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.lb-pad-header{flex-wrap:wrap;gap:8px}.lb-pad-header-controls{width:100%;min-width:0}.lb-pad-trigger-modes{flex:1 1 auto;min-width:0}.lb-pad-trigger-mode{flex:1 1;min-width:0;min-height:44px!important;padding-inline:4px!important}.lb-pad-stop{width:44px!important;height:44px!important;flex:0 0 44px;margin-left:4px!important}.lb-library-filters{margin-inline:-2px;padding:2px 2px 10px!important;scroll-padding-inline:2px;overscroll-behavior-inline:contain}.lb-filter-chip{min-height:44px}.lb-library-like-button,.lb-library-view-toggle{min-width:44px;min-height:44px;display:inline-grid;place-items:center}.lb-vibe-button{min-height:44px}.lb-artist-edit-button,.lb-artist-official-button,.lb-artist-verify-button{min-width:44px;min-height:44px}.lb-mix-controls{gap:6px!important;padding-inline:10px!important}.lb-panic-button,.lb-sync-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px}.djay-layout-toggle{justify-content:center}.djay-layout-toggle,.djay-loop-val{min-width:44px;min-height:44px}.djay-mode-tabs{gap:clamp(8px,4vw,16px)}.djay-mini-wave{padding-bottom:4px}.djay-eq-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-gap:6px 10px;gap:6px 10px;padding:8px 10px;overflow:hidden}.djay-eq-deck{min-width:0}.djay-eq-center{grid-column:1/-1;grid-row:2;width:100%;min-width:0}.lb-blend-preset-strip{width:100%;min-width:0;padding:4px!important;gap:0!important}.lb-blend-preset-label{display:none!important}.lb-blend-preset-buttons{min-width:0;gap:3px!important}.lb-blend-preset-button{min-width:0;min-height:44px!important;padding-inline:3px!important;font-size:clamp(7px,2.25vw,9px)!important;letter-spacing:.2px!important;overflow:hidden;text-overflow:ellipsis}}@media (max-height:820px){.lb-expanded-art{margin:10px auto 18px}.lb-expanded-actions,.lb-expanded-info,.lb-expanded-time,.lb-expanded-transport{margin-bottom:14px}}@media (max-height:700px){.lb-expanded-panel{max-height:100dvh;border-radius:0}.lb-expanded-art{width:min(60vw,220px,28dvh);margin:4px auto 12px}.lb-expanded-info{margin-bottom:10px;padding-inline:18px}.lb-expanded-title{font-size:20px;-webkit-line-clamp:1}.lb-expanded-time,.lb-expanded-waveform{padding-inline:20px}.lb-expanded-time{margin-bottom:10px}.lb-expanded-transport{gap:24px;margin-bottom:12px}.lb-expanded-actions{margin-bottom:12px}.lb-expanded-stems{padding-block:10px 8px}}@media (max-height:500px){.lb-expanded-panel{max-height:100dvh;border-radius:0}.lb-expanded-art{width:min(22dvh,150px);margin:2px auto 8px}.lb-expanded-info{margin-bottom:8px}.lb-expanded-title{font-size:17px;margin-bottom:2px}.lb-expanded-waveform{margin-bottom:2px}.lb-expanded-actions,.lb-expanded-time,.lb-expanded-transport{margin-bottom:8px}}@media (max-width:340px){.lb-filter-chip{padding-inline:10px!important}}@media (max-width:400px){.djay-bpm-half{flex-wrap:wrap;justify-content:center;row-gap:2px}.djay-bpm-half>.djay-btn{flex:1 0 100%}}@media (max-width:380px){.djay-track-title{font-size:12px}.djay-play-circle{width:48px;height:48px;font-size:16px}.djay-bpm-num,.djay-btn{font-size:12px}.djay-divider{width:8px}}@media (orientation:landscape) and (max-height:500px){.djay-record-row{padding:4px 0 2px}.djay-mini-wave{display:none}.djay-play-circle{width:44px;height:44px}.djay-bottom-transport{padding-top:4px;padding-bottom:max(4px,env(safe-area-inset-bottom))}}.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}.lb-artist-page{width:min(1240px,100%);min-height:100dvh;margin-inline:auto;padding:24px 24px 120px}.lb-public-header{display:flex;align-items:center;justify-content:space-between;min-height:58px;margin-bottom:18px}.lb-public-brand{color:inherit;font-family:var(--mono);font-size:13px;font-weight:900;letter-spacing:.18em;text-decoration:none}.lb-public-brand span:first-child{color:var(--color-deck-a)}.lb-public-brand span:last-child{color:var(--text-secondary)}.lb-public-open{display:inline-flex;align-items:center;min-height:40px;padding:0 17px;border:1px solid var(--border-default);border-radius:999px;background:var(--bg-panel);color:var(--text-primary);font-size:13px;font-weight:700;text-decoration:none;box-shadow:var(--shadow-sm)}.lb-artist-hero{isolation:isolate;overflow:hidden;margin-bottom:36px;border:1px solid color-mix(in srgb,var(--border-strong) 78%,transparent);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.22)}.lb-artist-hero-banner{position:relative;width:100%;height:clamp(250px,31vw,380px);overflow:hidden}.lb-artist-hero-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(5,5,10,.2) 66%,rgba(5,5,10,.72))}.lb-artist-identity{position:relative;z-index:1;display:grid;grid-template-columns:144px minmax(0,1fr);grid-template-areas:"art text";grid-column-gap:28px;column-gap:28px;align-items:end;margin-top:-104px;padding:0 48px 38px}.lb-artist-avatar{grid-area:art;align-self:end;width:144px;height:144px;margin:0;border:4px solid hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 16px 36px rgba(0,0,0,.32)}.lb-artist-identity-text{grid-area:text;min-width:0}.lb-artist-title-row{display:flex;align-items:center;gap:10px;min-width:0;margin-bottom:4px}.lb-artist-title{margin:0;color:#fff;font-size:clamp(38px,5vw,68px);font-weight:780;letter-spacing:-.045em;line-height:.98;text-shadow:0 3px 24px rgba(0,0,0,.48)}.lb-artist-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.lb-artist-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border-radius:999px;background:var(--color-brand-primary);box-shadow:0 10px 26px color-mix(in srgb,var(--color-brand-primary) 32%,transparent);color:#fff;font-size:14px;font-weight:750;text-decoration:none;transition:transform .18s ease,filter .18s ease}.lb-artist-play:hover{filter:brightness(1.08);transform:translateY(-1px)}.lb-artist-play:active{transform:scale(.98)}.lb-artist-section{margin-bottom:20px;padding:18px 20px 8px;border:1px solid var(--border-default);border-radius:16px;background:color-mix(in srgb,var(--bg-panel) 88%,transparent);box-shadow:0 10px 34px rgba(0,0,0,.08)}.lb-artist-track-row{min-height:64px;padding:10px 12px;border-radius:10px;transition:background .16s ease,transform .16s ease}.lb-artist-track-row:hover{background:var(--bg-hover);transform:translateX(2px)}@media (max-width:700px){.lb-artist-page{padding:0 0 96px}.lb-public-header{padding:8px 16px;margin-bottom:0}.lb-artist-hero{border-radius:0 0 22px 22px}.lb-artist-hero-banner{height:250px}.lb-artist-identity{display:block;margin-top:-72px;padding:0 18px 28px}.lb-artist-avatar{width:112px;height:112px}.lb-artist-title-row{margin-top:14px}.lb-artist-title{font-size:clamp(36px,11vw,48px)}.lb-artist-section{margin:0 12px 16px;padding-inline:12px}}@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)}}.lb-device-picker-backdrop{position:fixed;inset:0;z-index:99000;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-end}.lb-device-picker-panel{width:100%;max-height:80vh;overflow-y:auto;border-radius:20px 20px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom));animation:sheetUp .3s cubic-bezier(.16,1,.3,1)}@media (min-width:701px){.lb-device-picker-backdrop,.lb-expanded-backdrop{align-items:center;justify-content:center}.lb-device-picker-panel,.lb-expanded-panel{width:min(520px,calc(100% - var(--sp-48)));max-height:min(86dvh,860px);padding-bottom:var(--sp-24)}.lb-device-picker-panel,.lb-expanded-panel,.lb-track-sheet{border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:0 32px 100px rgba(0,0,0,.48)}.lb-track-sheet{left:50%;right:auto;bottom:var(--sp-24);width:min(560px,calc(100vw - var(--sp-48)));max-height:calc(100dvh - var(--sp-48));padding-bottom:var(--sp-32);transform:translateX(-50%);animation:artistSheetIn .24s cubic-bezier(.2,.8,.2,1)}}@media (max-height:500px){.lb-expanded-panel{max-height:96dvh}.lb-expanded-play{width:54px;height:54px}.lb-expanded-transport{gap:22px}}@media (prefers-reduced-motion:reduce){.lb-device-picker-panel,.lb-expanded-panel{animation-duration:.01s!important}[style*=smartmix-art-dissolve]{animation:none!important;opacity:1!important}.lb-expanded-backdrop{animation:none!important}.lb-expanded-artist,.lb-expanded-device-dot,.lb-expanded-panel,.lb-expanded-play{transition:none!important}.lb-expanded-play:active{transform: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:12px;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;opacity:0;transform:translateY(8px) scale(.95);transition:opacity .15s ease,transform .15s cubic-bezier(.22,1,.36,1);pointer-events:none}.lb-profile-switcher[data-open=true]{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.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}[data-theme=hc-dark]{--bg-base:#000;--bg-surface:#0a0a0a;--bg-elevated:#1a1a1a;--bg-hover:#262626;--bg-input:#141414;--bg-surface-raised:var(--bg-elevated);--bg-surface-hover:var(--bg-hover);--bg-panel:var(--bg-surface);--bg-overlay:rgba(0,0,0,.6);--bg-overlay-heavy:rgba(0,0,0,.85);--bg-kbd:hsla(0,0%,100%,.14);--text-primary:#fff;--text-secondary:#e6e6e6;--text-tertiary:#d0d0d0;--text-muted:#b0b0b0;--text-title:#fff;--text-disabled:hsla(0,0%,100%,.45);--text-placeholder:hsla(0,0%,100%,.55);--border-subtle:hsla(0,0%,100%,.35);--border-default:hsla(0,0%,100%,.55);--border-strong:#fff;--border-input:hsla(0,0%,100%,.65);--border-dashed:hsla(0,0%,100%,.55);--stem-vocals:#d9a6ff;--stem-drums:#ffb066;--stem-bass:#6fe9ff;--stem-melody:#7bf0bc;--stem-guitar:#ff97a9;--stem-piano:#ffe066;--stem-fx:#6ff0ce}[data-theme=hc-light]{--bg-base:#fff;--bg-surface:#f4f4f6;--bg-elevated:#e9e9ee;--bg-hover:#dddde4;--bg-input:#f4f4f6;--bg-surface-raised:var(--bg-elevated);--bg-surface-hover:var(--bg-hover);--bg-panel:var(--bg-surface);--bg-overlay:hsla(0,0%,100%,.7);--bg-overlay-heavy:hsla(0,0%,100%,.92);--bg-kbd:rgba(0,0,0,.12);--text-primary:#000;--text-secondary:#14141c;--text-tertiary:#2b2b36;--text-muted:#45454f;--text-title:#000;--text-disabled:rgba(0,0,0,.5);--text-placeholder:rgba(0,0,0,.6);--border-subtle:rgba(0,0,0,.35);--border-default:rgba(0,0,0,.55);--border-strong:#000;--border-input:rgba(0,0,0,.65);--border-dashed:rgba(0,0,0,.55);--stem-vocals:#5b1093;--stem-drums:#8a3000;--stem-bass:#005266;--stem-melody:#045236;--stem-guitar:#8c0f31;--stem-piano:#5c3f00;--stem-fx:#00523e}@media (max-width:767px){input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important}}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-brand-primary,#00e5ff);outline-offset:2px;border-radius:4px}@media (forced-colors:active){.lb-btn,.lb-deck-item,.lb-filter-chip,.lb-mixer-strip,.lb-track-sheet{border:1px solid CanvasText}:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid Highlight}canvas,svg{forced-color-adjust:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.lb-video-studio{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--sp-12);gap:var(--sp-12);width:100%;min-width:0;align-content:start}@media (min-width:900px){.lb-video-studio{grid-template-columns:minmax(180px,220px) minmax(0,1fr) minmax(240px,300px);align-items:start}.lb-video-bin,.lb-video-inspector{position:-webkit-sticky;position:sticky;top:var(--sp-12);max-height:calc(100svh - var(--sp-48));overflow-y:auto;overscroll-behavior-y:contain}}.lb-video-stage{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;padding:var(--sp-8);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.lb-video-stage>canvas,.lb-video-stage>video{display:block;max-width:100%;max-height:100%;margin:0 auto;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-base)}.lb-video-bin{gap:var(--sp-8);padding:var(--sp-8)}.lb-video-bin,.lb-video-inspector{display:flex;flex-direction:column;min-width:0;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.lb-video-inspector{gap:var(--sp-12);padding:var(--sp-12)}.lb-video-timeline-wrap{position:relative;width:100%;min-width:0;padding:var(--sp-8);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.lb-video-timeline-wrap::-webkit-scrollbar{height:var(--sp-6)}.lb-video-timeline-wrap::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}.lb-video-asset-tile{display:flex;flex-direction:column;gap:var(--sp-4);width:100%;min-height:var(--target-min);padding:var(--sp-6);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.lb-video-asset-tile:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-primary);transform:translateY(-1px)}.lb-video-asset-tile:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;color:var(--text-primary)}.lb-video-asset-tile[aria-pressed=true],.lb-video-asset-tile[data-selected=true]{border-color:var(--brand-primary);color:var(--text-primary)}.lb-video-asset-tile[data-dragging=true]{opacity:.5}.lb-video-asset-tile:disabled{opacity:.45;cursor:not-allowed}.lb-video-transport{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--sp-8);width:100%;padding:var(--sp-8);padding-bottom:calc(var(--sp-8) + env(safe-area-inset-bottom, 0px));background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.lb-video-transport button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-6);min-width:var(--target-min);min-height:var(--target-min);padding:0 var(--sp-8);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:background .14s ease,border-color .14s ease}.lb-video-transport button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.lb-video-transport button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.lb-video-transport button[aria-pressed=true]{border-color:var(--brand-primary);color:var(--brand-primary)}.lb-video-transport button:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.lb-video-asset-tile,.lb-video-transport button{transition:none}.lb-video-asset-tile:hover{transform:none}}.lb-visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.lb-skip-link{position:absolute;left:8px;top:-100px;z-index:10000;padding:10px 16px;border-radius:var(--radius-sm,8px);background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-strong);font-size:13px;font-weight:600;text-decoration:none;transition:top .12s ease}.lb-skip-link:focus,.lb-skip-link:focus-visible{top:8px;outline:2px solid var(--accent-cyan,#00e5ff);outline-offset:2px}.lb-topbar-brand{display:inline-flex;align-items:center;min-height:44px}