@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Inter:wght@300;400;600;700&family=Space+Mono:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=pro]{--bg-dark:#070709;--bg-panel:#0e0e12;--bg-control:#141418;--bg-input:#1a1a20;--bg-raised:#222228;--border:#2a2a32;--border-light:#3b3b43;--text:#ccc;--text-dim:#666;--text-bright:#fff;--accent-a:#00c8ff;--accent-b:#ff2952;--accent-green:#00ff7f;--accent-orange:#f80;--accent-red:#ff1a3a;--accent-yellow:#ffd000;--accent-purple:#84f;--glow-a:rgba(var(--accent-a-rgb),.25);--glow-b:rgba(var(--accent-b-rgb),.25);--accent-a-rgb:0,200,255;--accent-b-rgb:255,41,82;--accent-green-rgb:0,255,127;--accent-purple-rgb:136,68,255;--accent-yellow-rgb:255,208,0;--accent-orange-rgb:255,136,0;--cel-rgb:61,122,106;--font-display:"Orbitron",sans-serif;--font-body:"Inter",sans-serif;--radius-sm:3px;--radius-md:6px;--radius-lg:8px}[data-theme=light]{--bg-dark:#e7e5e0;--bg-panel:#f4f3f0;--bg-control:#f4f3f0;--bg-input:#eceae6;--bg-raised:#e4e1db;--border:#d6d3cd;--border-light:#cbc8c1;--text:#403d37;--text-dim:#928e87;--text-bright:#23211d;--accent-a:#3d7a6a;--accent-b:#9a968f;--accent-green:#3d7a6a;--accent-orange:#c98a3e;--accent-red:#c2603f;--accent-yellow:#b88a2e;--accent-purple:#3d7a6a;--glow-a:transparent;--glow-b:transparent;--accent-a-rgb:61,122,106;--accent-b-rgb:154,150,143;--accent-green-rgb:61,122,106;--accent-purple-rgb:61,122,106;--accent-yellow-rgb:184,138,46;--accent-orange-rgb:201,138,62;--cel-rgb:61,122,106;--font-display:"Inter",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--radius-sm:2px;--radius-md:3px;--radius-lg:3px;--cel:#5a9d83;--celh:#4d8b73;--ink:#23211d;--dim:#928e87;--dmr:#b4b0a9;--sf:#eceae6;--sfh:#e4e1db;--bd:#d6d3cd;--bdh:#cbc8c1;--bk:#e7e5e0}body{background:var(--bg-dark);color:var(--text);font-family:var(--font-body);-webkit-user-select:none;user-select:none;min-height:100vh;overflow-x:hidden}input,textarea,select,[contenteditable]{-webkit-user-select:text;user-select:text}html.a11y-high-contrast{--text:#edebe4;--text-dim:#b5b2aa;--text-bright:#fff;--border:#77736a;--border-light:#f2efe8;--bg-input:#10100f;--bg-raised:#191916}html.a11y-high-contrast button,html.a11y-high-contrast input,html.a11y-high-contrast select,html.a11y-high-contrast textarea{border-color:var(--border-light)!important}html.a11y-high-contrast :focus-visible{outline:2px solid var(--accent-a);outline-offset:2px}html.a11y-reduced-motion *,html.a11y-reduced-motion :before,html.a11y-reduced-motion :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.notif-wrap{position:relative}.notif-btn{font-size:15px;position:relative}.notif-badge{background:var(--accent-red);color:#fff;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-4px}.notif-dropdown{background:var(--bg-panel);border:1px solid var(--border);z-index:200;flex-direction:column;width:280px;max-height:360px;display:flex;position:absolute;top:100%;right:0}.notif-header{letter-spacing:2px;color:var(--text-dim);border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:700}.notif-list{flex:1;max-height:280px;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border);cursor:default;padding:10px 12px}.notif-item:hover{background:var(--bg-input)}.notif-item-title{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600}.notif-item-body{color:var(--text-dim);font-size:12px;line-height:1.5}.notif-item-time{color:var(--accent-a);margin-top:3px;font-size:11px}.notif-empty{text-align:center;color:var(--text-dim);padding:24px 12px;font-size:12px}.notif-footer{border-top:1px solid var(--border);text-align:center;padding:6px 12px}.notif-clear{color:var(--text-dim);cursor:pointer;font-size:11px;font-family:var(--font-body);letter-spacing:1px;background:0 0;border:none}.notif-clear:hover{color:var(--accent-a)}#app{max-width:1700px;margin:0 auto;padding:6px}#app.fullscreen-mode{max-width:100%;padding:0}#app.fullscreen-mode .controls-area,#app.fullscreen-mode .library-panel,#app.fullscreen-mode .shortcuts-bar,#app.fullscreen-mode .key-compat{display:none}#app.fullscreen-mode .waveforms-main{height:50vh}#app.fullscreen-mode .waveform-display{height:100%}#app.fullscreen-mode .spectrum-bar{height:80px}.top-bar{border-bottom:1px solid var(--border);background:linear-gradient(#18181e,#101014);border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:5px 14px;display:flex}.logo{font-family:var(--font-display);letter-spacing:3px;background:linear-gradient(135deg,var(--accent-a),#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:baseline;gap:6px;font-size:21px;font-weight:900;display:flex}.logo-kanji{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:var(--accent-a);color:var(--accent-a);font-size:23px}.model{letter-spacing:1px;font-size:17px;font-weight:400}.master-clock{align-items:center;gap:8px;display:flex}.master-clock .label{color:var(--text-dim);letter-spacing:2px;font-size:11px}.bpm-display{font-family:var(--font-display);color:var(--accent-green);text-shadow:0 0 12px rgba(var(--accent-green-rgb),.4);font-size:20px;font-weight:700}.top-right{align-items:center;gap:8px;display:flex}.top-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:3px;padding:3px 10px;font-size:17px;font-weight:700;transition:all .15s}.top-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}.top-btn.active{background:var(--accent-a);color:#000;border-color:var(--accent-a)}.midi-status{color:var(--text-dim);letter-spacing:1px;align-items:center;gap:4px;font-size:17px;display:flex}.midi-dot{background:#333;border-radius:50%;width:6px;height:6px;display:inline-block}.midi-dot.connected{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.tap-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:2px;cursor:pointer;border-radius:3px;padding:3px 10px;font-size:17px;font-weight:700}.tap-btn:active{background:var(--accent-purple);color:#fff}.rec-btn{color:var(--accent-red);border:1px solid var(--accent-red);cursor:pointer;letter-spacing:2px;background:#2a0008;border-radius:3px;padding:3px 10px;font-size:17px;font-weight:700}.rec-btn.active{background:var(--accent-red);color:#fff;animation:1s infinite pulse-red}.rec-time{font-family:var(--font-display);color:var(--text-dim);font-size:18px}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.4}}.phase-meter-bar{background:#0a0a0e;align-items:center;gap:8px;padding:3px 14px;display:flex;position:relative}.phase-label{color:var(--text-dim);letter-spacing:2px;font-size:11px}.phase-track{background:#111116;border-radius:3px;flex:1;height:6px;position:relative;overflow:hidden}.phase-center{background:#ffffff40;width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.phase-indicator{background:var(--accent-green);width:10px;height:100%;box-shadow:0 0 6px rgba(var(--accent-green-rgb),.5);border-radius:3px;transition:left 60ms;position:absolute;top:0;left:50%;transform:translate(-50%)}.phase-beats{font-family:var(--font-display);color:var(--text-dim);font-size:17px}.beat-flash{opacity:0;pointer-events:none;background:linear-gradient(90deg,transparent,var(--glow-a));width:50%;height:100%;transition:opacity 50ms;position:absolute;top:0;left:0}.beat-flash.b{background:linear-gradient(270deg,transparent,var(--glow-b));left:50%}.beat-flash.flash{opacity:1}.prefs-modal-wide{width:620px;max-width:95vw}.prefs-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;padding:0 8px;display:flex;overflow-x:auto}.prefs-tabs::-webkit-scrollbar{display:none}.prefs-tab{min-width:max-content;color:var(--text-dim);letter-spacing:1.2px;cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px;font-size:13px;font-weight:700;transition:all .2s}.prefs-tab:hover{color:var(--text)}.prefs-tab.active{color:var(--accent-a);border-bottom-color:var(--accent-a)}.prefs-body{padding:14px!important}.prefs-panel{display:none}.prefs-panel.active{display:block}.pref-section-label{color:var(--text-dim);letter-spacing:2px;margin-top:4px;margin-bottom:8px;font-size:17px;font-weight:700}.pref-hint{color:#fff3;margin:-4px 0 10px;font-size:11px;line-height:1.4}.dna-card{border:1px solid rgba(var(--accent-purple-rgb),.15);background:linear-gradient(135deg,#0f0a19f2,#0a0812f2);border-radius:10px;padding:14px 16px;font-size:18px}.dna-card-compact{background:rgba(var(--accent-purple-rgb),.06);border-radius:6px;padding:6px 10px}.dna-card-compact .dna-technique{color:var(--accent-purple);font-size:17px;font-weight:700}.dna-card-compact .dna-stats{color:var(--text-dim);margin-top:2px;font-size:17px}.dna-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.dna-name{font-family:var(--font-display);color:#fff;letter-spacing:2px;font-size:18px;font-weight:700}.dna-badge{background:rgba(var(--accent-purple-rgb),.12);color:var(--accent-purple);border:1px solid rgba(var(--accent-purple-rgb),.2);letter-spacing:1px;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:700}.dna-identity,.dna-row{gap:10px;margin-bottom:10px;display:flex}.dna-trait{background:#ffffff05;border-radius:6px;flex:1;padding:8px}.dna-trait-label{color:#ffffff4d;letter-spacing:2px;margin-bottom:3px;font-size:11px;font-weight:700}.dna-trait-value{color:#fff;margin-bottom:2px;font-size:18px;font-weight:700}.dna-trait-detail{color:#ffffff59;font-size:11px}.dna-tech-bar{border-radius:2px;gap:1px;height:4px;margin-top:4px;display:flex;overflow:hidden}.dna-territory{margin-bottom:8px}.dna-territory-grid{background:#ffffff05;border:1px solid #ffffff0d;border-radius:4px;width:100%;height:60px;position:relative}.dna-grid-dot{background:var(--accent-purple);width:10px;height:10px;box-shadow:0 0 8px var(--accent-purple);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.dna-grid-label{color:#ffffff26;font-size:11px;line-height:1.3;position:absolute}.dna-gl-tl{top:3px;left:4px}.dna-gl-br{text-align:right;bottom:3px;right:4px}.dna-footer{color:#fff3;text-align:center;font-size:11px}.dna-evolution{flex-direction:column;gap:6px;display:flex}.dna-evo-metric{background:#ffffff05;border-radius:4px;padding:6px 8px}.dna-evo-label{color:#ffffff4d;letter-spacing:1px;font-size:11px}.dna-evo-value{color:#fff;font-size:17px;font-weight:700}.dna-evo-delta{font-size:17px;font-weight:400}.dna-sparkline{width:100%;height:20px;margin-top:2px}.dna-shifts{background:rgba(var(--accent-purple-rgb),.05);border-radius:4px;margin-top:4px;padding:6px 8px}.dna-shift-item{color:var(--accent-purple);margin-top:3px;font-size:17px}.feature-locked,.temporarily-parked{display:none!important}.narrative-overlay{z-index:2800;background:#08080c;display:none;position:fixed;inset:0;overflow-y:auto}.narrative-overlay.visible{display:block}.narr-container{max-width:1100px;min-height:100vh;margin:0 auto;padding:24px 32px}.narr-topbar{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.narr-title{font-family:var(--font-display);color:#fff;letter-spacing:3px;font-size:18px;font-weight:700}.narr-topbar-actions{align-items:center;gap:6px;display:flex}.narr-btn{color:#ffffff80;letter-spacing:1px;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:5px;padding:6px 14px;font-size:18px;font-weight:700;transition:all .2s}.narr-btn:hover{color:#fff;background:#ffffff14}.narr-btn-accent{background:linear-gradient(135deg,rgba(var(--accent-purple-rgb),.15),rgba(var(--accent-a-rgb),.1))!important;border-color:rgba(var(--accent-purple-rgb),.3)!important;color:rgba(var(--accent-purple-rgb),.8)!important}.narr-btn-accent:hover{background:rgba(var(--accent-purple-rgb),.3)!important;color:#fff!important}.narr-close-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px}.narr-close-btn:hover{color:#fff}.narr-btn.narr-btn-top{background:linear-gradient(135deg,rgba(var(--accent-purple-rgb),.1),rgba(var(--accent-a-rgb),.06));border-color:rgba(var(--accent-purple-rgb),.25);color:rgba(var(--accent-purple-rgb),.7)}.narr-input-area{margin-bottom:20px}.narr-input{color:#fff;width:100%;font-size:18px;font-family:var(--font-body);resize:vertical;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:16px;line-height:1.6;transition:border-color .2s}.narr-input:focus{border-color:rgba(var(--accent-purple-rgb),.3)}.narr-input::placeholder{color:#fff3}.narr-input-fields{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.narr-input-fields label{color:#fff6;letter-spacing:1px;align-items:center;gap:6px;font-size:18px;display:flex}.narr-field{color:#fff;font-size:17px;font-family:var(--font-body);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;outline:none;width:60px;padding:6px 10px}.narr-genre-field{width:150px}.narr-key-field{width:240px;font-size:17px}.narr-generate-btn{background:linear-gradient(135deg,var(--accent-purple),var(--accent-a));color:#fff;letter-spacing:2px;cursor:pointer;border:none;border-radius:8px;margin-left:auto;padding:10px 24px;font-size:17px;font-weight:700;transition:all .2s}.narr-generate-btn:hover{box-shadow:0 6px 20px rgba(var(--accent-purple-rgb),.3);transform:translateY(-1px)}.narr-generate-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.narr-api-key{margin-top:8px}.narr-api-key label{color:#ffffff4d;align-items:center;gap:6px;font-size:17px;display:flex}.narr-loading{text-align:center;color:#fff6;padding:20px;font-size:18px;font-style:italic;animation:2s infinite loading-text}.narr-usage{letter-spacing:1px;color:#ffffff59;text-align:right;margin-top:8px;font-size:13px}.narr-usage.is-near-limit{color:#ffc878bf}.narr-usage.is-at-limit{color:#ff7878d9}.report-card-body{max-height:75vh;padding:18px 22px 22px;overflow-y:auto}.report-card-loading{text-align:center;color:#ffffff80;padding:40px 0;font-size:16px;font-style:italic;animation:2s infinite loading-text}.report-card-scores{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.report-card-score{text-align:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:10px 8px}.report-card-score-val{color:#fff;font-size:26px;font-weight:700;line-height:1}.report-card-score-lbl{letter-spacing:1.5px;color:#fff6;text-transform:uppercase;margin-top:4px;font-size:11px}.report-card-summary{color:#ffffffd9;background:#6366f114;border-left:2px solid #6366f1;border-radius:4px;margin-bottom:20px;padding:12px 14px;font-size:15px;line-height:1.6}.report-card-section{margin-bottom:16px}.report-card-label{letter-spacing:2px;color:#fff6;margin-bottom:8px;font-size:11px;font-weight:600}.report-card-body ul{color:#ffffffbf;margin:0;padding-left:18px;font-size:14px;line-height:1.6}.report-card-body li{margin-bottom:6px}.report-card-error{color:#ff7878d9;text-align:center;padding:20px;font-size:14px}.narr-header{text-align:center;color:#ffffff59;letter-spacing:3px;margin:16px 0 12px;font-size:18px;font-weight:600}.narrative-timeline{border-radius:8px;min-height:80px;margin-bottom:16px;display:flex;overflow:hidden}.narr-zone{cursor:pointer;border-right:1px solid #0000004d;flex-direction:column;justify-content:space-between;min-width:40px;padding:8px 6px;transition:filter .2s;display:flex;position:relative}.narr-zone:hover{filter:brightness(1.2)}.narr-zone-label{color:#ffffffb3;letter-spacing:1px;font-size:18px;font-weight:700}.narr-zone-dur{color:#ffffff4d;font-size:11px}.narr-zone-trans{color:#ffffff40;justify-content:center;align-items:center;width:12px;font-size:18px;display:flex;position:absolute;top:0;bottom:0;left:0}.narr-zone-curve{opacity:.5;height:40px;position:absolute;bottom:20px;left:12px;right:0}.narr-skeleton-zones{background:linear-gradient(90deg,#ffffff05 0%,#ffffff0a 50%,#ffffff05 100%) 0 0/200% 100%;border-radius:8px;height:80px;animation:1.5s infinite skeleton-shimmer}.narrative-zone-detail{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:16px;display:none}.narrative-zone-detail:not(:empty){display:block}.narr-detail-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.narr-detail-label{font-family:var(--font-display);color:#fff;letter-spacing:2px;font-size:18px;font-weight:700}.narr-detail-time{color:#ffffff4d;font-size:17px}.narr-detail-desc{color:#ffffff80;margin-bottom:12px;font-size:17px;font-style:italic;line-height:1.5}.narr-detail-tracks{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.narr-track-card{background:#ffffff08;border-radius:6px;padding:10px;transition:background .15s}.narr-track-card:hover{background:#ffffff0f}.narr-card-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:18px;font-weight:600;overflow:hidden}.narr-card-meta{color:#ffffff4d;margin-bottom:3px;font-size:18px}.narr-card-reason{color:rgba(var(--accent-purple-rgb),.6);margin-bottom:6px;font-size:18px;font-style:italic}.narr-card-actions{gap:4px;display:flex}.narr-btn-sm{color:#ffffff80;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:3px;padding:3px 8px;font-size:17px;font-weight:700}.narr-btn-sm:hover{color:#fff;background:#ffffff1a}.narr-remove{color:#ff646480!important;border-color:#ff646426!important}.narr-track-skeleton{text-align:center;color:#fff3;padding:20px;font-size:18px;font-style:italic;animation:1.5s infinite loading-text}.narr-error{text-align:center;color:#ff646499;padding:20px;font-size:18px}.narr-zone-active{outline:2px solid rgba(var(--accent-purple-rgb),.6);outline-offset:-2px;filter:brightness(1.3)!important}.narr-zone-energy{pointer-events:none;background:#ffffff1a;position:absolute;bottom:0;left:0;right:0}.narr-zone-info{margin-bottom:12px}.narr-zone-title{font-family:var(--font-display);color:#fff;letter-spacing:2px;margin-bottom:6px;font-size:17px;font-weight:700}.narr-zone-meta{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.narr-tag{color:#ffffff80;letter-spacing:.5px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:3px 8px;font-size:18px}.narr-zone-desc{color:#ffffff73;font-size:18px;font-style:italic;line-height:1.5}.narr-zone-hint{color:rgba(var(--accent-purple-rgb),.5);margin-top:6px;font-size:17px}.narr-zone-tracks{margin-top:10px}.narr-tracks-header{color:#ffffff4d;letter-spacing:2px;margin-bottom:6px;font-size:17px;font-weight:700}.narr-tracks-empty{color:#fff3;padding:8px 0;font-size:17px;font-style:italic}.narr-track-row{border-radius:4px;align-items:center;gap:8px;padding:5px 8px;transition:background .15s;display:flex}.narr-track-row:hover{background:#ffffff0a}.narr-track-name{color:#ffffffb3;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:17px;overflow:hidden}.narr-track-bpm,.narr-track-key{color:#ffffff4d;text-align:right;min-width:40px;font-size:18px}.narr-track-score{color:rgba(var(--accent-purple-rgb),.6);text-align:right;min-width:30px;font-size:18px;font-weight:700}.mood-grid-toggle{background:linear-gradient(135deg,rgba(var(--accent-purple-rgb),.1),rgba(var(--accent-a-rgb),.08))!important;border-color:var(--accent-purple)!important;color:var(--accent-purple)!important}.mood-grid-toggle:hover,.mood-grid-toggle.active{background:var(--accent-purple)!important;color:#fff!important}.mood-grid-view{flex-direction:column;gap:4px;padding:4px;display:none}.mood-grid-view.visible{display:flex}.mood-grid-container{cursor:crosshair;background:#0a0a0a;border-radius:4px;flex:1;position:relative;overflow:hidden}.mood-grid-container canvas{width:100%;height:100%;display:block}.mood-grid-corners{pointer-events:none;position:absolute;inset:0}.vibe-filter-inline{gap:12px;margin-top:4px;padding:8px 0;display:flex}.vibe-filter{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;align-items:center;gap:12px;margin-bottom:6px;padding:8px 10px;display:flex}.vibe-sliders{flex:1;gap:16px;display:flex}.vibe-slider-group{flex:1;min-width:0}.vibe-slider-label{letter-spacing:1.5px;color:var(--text-dim);justify-content:space-between;margin-bottom:3px;font-size:11px;display:flex}.vibe-slider-val{color:var(--accent-a);font-weight:700}.vibe-range{-webkit-appearance:none;background:var(--bg-input);border-radius:2px;outline:none;width:100%;height:3px}.vibe-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-a);cursor:pointer;border-radius:50%;width:14px;height:14px}.vibe-range-mood::-webkit-slider-thumb{background:var(--accent-purple)}.vibe-slider-ends{color:#fff3;justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.vibe-reset{border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.vibe-reset:hover{color:#fff;border-color:var(--text-dim)}.vibe-results{max-height:300px;overflow-y:auto}.vibe-results-header{color:var(--text-dim);letter-spacing:1px;margin-bottom:2px;padding:4px 0;font-size:17px}.vibe-track{background:var(--bg-dark);cursor:pointer;border-radius:3px;align-items:center;gap:5px;margin-bottom:2px;padding:4px 6px;font-size:17px;transition:background .15s;display:flex}.vibe-track:hover{background:var(--bg-input)}.vibe-track-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.vibe-track-meta{color:var(--text-dim);flex-shrink:0;font-size:11px}.vibe-track-score{color:var(--accent-purple);flex-shrink:0;font-size:11px;font-weight:700}.vibe-track-mood{flex-shrink:0}.vibe-load-btn{background:rgba(var(--accent-a-rgb),.1);border:1px solid rgba(var(--accent-a-rgb),.25);color:var(--accent-a);cursor:pointer;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:700}.vibe-load-btn:hover{background:rgba(var(--accent-a-rgb),.25)}.vibe-load-b{background:rgba(var(--accent-green-rgb),.1)!important;border-color:rgba(var(--accent-green-rgb),.25)!important;color:var(--accent-green)!important}.seed-connect{gap:6px;padding:4px 6px;display:flex}.seed-btn{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.5px;cursor:pointer;background:#ffffff08;border-radius:5px;align-items:center;gap:6px;padding:5px 12px;font-size:17px;font-weight:600;transition:all .15s;display:flex}.seed-btn:hover{color:#fff;background:#ffffff0f}.seed-btn.connected{border-color:var(--accent-green);color:var(--accent-green)}.seed-btn.connected:hover{background:rgba(var(--accent-green-rgb),.06)}.seed-btn.needs-setup{color:#c8c8cf;border-style:dashed}.seed-btn.needs-setup:hover{border-color:var(--accent-purple);color:#fff;background:rgba(var(--accent-purple-rgb),.06)}.seed-btn.loading{opacity:.6;pointer-events:none}.seed-btn.coming-soon,.seed-btn[disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}.seed-btn.coming-soon:hover,.seed-btn[disabled]:hover{color:var(--text-dim);border-color:var(--border);background:#ffffff08}.seed-spotify:hover{color:#1db954;border-color:#1db954}.seed-soundcloud:not([disabled]):hover{color:#f50;border-color:#f50}.seed-disconnect{color:var(--text-dim);cursor:pointer;opacity:.5;margin-left:4px;font-size:11px}.seed-disconnect:hover{opacity:1;color:var(--accent-red)}.seed-config-note{color:#8b8b92;margin:0 6px 4px;font-size:11px;line-height:1.5}.seed-summary{background:rgba(var(--accent-purple-rgb),.04);border:1px solid rgba(var(--accent-purple-rgb),.12);color:var(--text-dim);cursor:pointer;border-radius:6px;margin:4px 6px;padding:10px 12px;font-size:18px;line-height:1.6;transition:opacity .3s}.seed-summary strong{color:#fff}.seed-summary .seed-zone{color:var(--accent-purple);font-weight:600}.guide-category{letter-spacing:3px;color:var(--accent-a);margin-top:8px;padding:20px 0 8px;font-size:11px;font-weight:700}.guide-category:first-child{margin-top:0;padding-top:4px}.guide-section{border-bottom:1px solid var(--border);padding:16px 0}.guide-section:last-child{border-bottom:none}.guide-section.hidden{display:none}.guide-title{font-family:var(--font-display);color:var(--accent-a);letter-spacing:2px;margin-bottom:8px;font-size:17px;font-weight:700}.guide-body{color:var(--text);font-size:18px;line-height:1.8}.guide-body strong{color:#fff;font-weight:600}.mg-corner{color:#ffffff26;letter-spacing:1px;font-size:11px;font-weight:600;position:absolute}.mg-tl{top:4px;left:6px}.mg-tr{top:4px;right:6px}.mg-bl{bottom:4px;left:6px}.mg-br{bottom:4px;right:6px}.mood-grid-tooltip{border:1px solid var(--border);color:var(--text);pointer-events:none;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a0a0feb;border-radius:6px;max-width:200px;padding:6px 10px;font-size:17px;position:absolute}.mood-grid-tooltip .mg-tt-name{color:#fff;margin-bottom:2px;font-weight:700}.mood-grid-tooltip .mg-tt-meta{color:var(--text-dim);font-size:11px}.mood-grid-panel{background:var(--bg-input);border-radius:4px;width:180px;padding:4px;overflow-y:auto}.mg-panel-header{color:var(--text-dim);letter-spacing:2px;padding:4px;font-size:11px;font-weight:700}.mg-panel-list{flex-direction:column;gap:2px;display:flex}.mg-track-card{background:var(--bg-dark);cursor:default;border-radius:3px;padding:4px 6px;font-size:17px;transition:opacity .3s,background .15s}.mg-track-card:hover{background:var(--bg-raised)}.mg-track-card .mg-card-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mg-track-card .mg-card-meta{color:var(--text-dim);gap:6px;margin-top:1px;font-size:11px;display:flex}.mg-track-card .mg-card-load{gap:2px;margin-top:2px;display:flex}.mg-track-card .mg-card-load button{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 6px;font-size:11px;font-weight:700}.mg-track-card .mg-card-load button:hover{border-color:var(--accent-a);color:var(--accent-a)}.mg-status{color:var(--text-dim);font-size:11px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.set-arc-bar{cursor:pointer;background:#050508;height:32px;padding:0 8px;position:relative}.set-arc-bar canvas{width:100%;height:100%;display:block}.set-arc-bar.review{height:120px;transition:height .3s}.spectrum-bar{background:#060609;gap:2px;height:50px;padding:2px 8px;display:flex}.spectrum-canvas{border-radius:3px;flex:1;height:100%}.waveform-overview{background:#080810;gap:2px;padding:2px 8px;display:flex}.deck-waveform{border:1px solid var(--bg-input);cursor:pointer;background:#06060a;border-radius:3px;flex:1;height:32px;position:relative;overflow:hidden}.deck-waveform canvas{width:100%;height:100%;display:block}.playhead{z-index:2;pointer-events:none;background:#fff;width:2px;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 8px #fffc}.waveforms-main{background:#080810;align-items:stretch;gap:2px;padding:2px 8px;display:flex}.waveform-display{border:1px solid var(--bg-input);background:#04040a;border-radius:3px;flex:1;height:95px;position:relative;overflow:hidden}.waveform-display canvas{width:100%;height:100%;display:block}.wave-info{z-index:3;background:linear-gradient(#000000e6,#0000);flex-wrap:nowrap;align-items:center;gap:5px;padding:2px 6px;display:flex;position:absolute;top:0;left:0;right:0}.deck-label{font-family:var(--font-display);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:17px;font-weight:900;display:flex}.deck-label.a{background:var(--accent-a);color:#000}.deck-label.b{background:var(--accent-b);color:#fff}.track-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;transition:color .3s;overflow:hidden}.track-name.loading{color:var(--accent-yellow);animation:1s infinite loading-text}@keyframes loading-text{0%,to{opacity:1}50%{opacity:.5}}.key-display{font-family:var(--font-display);color:var(--accent-purple);background:rgba(var(--accent-purple-rgb),.1);border-radius:2px;flex-shrink:0;padding:1px 5px;font-size:17px;font-weight:700}.key-controls{flex-shrink:0;gap:2px;display:flex}.key-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 5px;font-size:11px;font-weight:700}.key-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.key-btn.active{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple)}.time-display{font-family:var(--font-display);color:var(--accent-green);flex-shrink:0;font-size:17px}.beat-grid-line{z-index:2;pointer-events:none;background:#ffffff80;width:2px;height:100%;position:absolute;top:0;left:50%;box-shadow:0 0 6px #ffffff4d}.drop-overlay{background:rgba(var(--accent-a-rgb),.1);border:2px dashed var(--accent-a);letter-spacing:3px;color:var(--accent-a);z-index:10;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:none;position:absolute;inset:0}#deck-b .drop-overlay,#wave-drop-b .drop-overlay{border-color:var(--accent-b);color:var(--accent-b);background:rgba(var(--accent-b-rgb),.1)}.drop-overlay.visible{display:flex}.waveform-zoom-controls{flex-direction:column;justify-content:center;gap:2px;padding:2px;display:flex}.zoom-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:3px 5px;font-size:11px;font-weight:700}.zoom-btn:hover{border-color:var(--border-light);color:var(--text)}.zoom-btn.active{color:var(--accent-a);border-color:var(--accent-a)}.mix-assist-panel{border:1px solid var(--border);background:#0a0a10;border-radius:5px;margin:3px 8px;transition:max-height .3s;overflow:hidden}.mix-assist-panel.collapsed .mix-assist-body{display:none}.mix-assist-header{background:linear-gradient(90deg,rgba(var(--accent-purple-rgb),.06),rgba(var(--accent-a-rgb),.04));align-items:center;gap:6px;padding:5px 10px;display:flex}.ma-badge{color:#fff;background:linear-gradient(135deg,var(--accent-purple),var(--accent-a));letter-spacing:1px;border-radius:3px;padding:1px 5px;font-size:11px;font-weight:900}.ma-toggle{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:3px;margin-left:auto;padding:3px 10px;font-size:11px;font-weight:700;transition:all .2s}.ma-toggle.active{background:var(--accent-green);color:#000;border-color:var(--accent-green)}.mix-assist-body{flex-wrap:wrap;gap:6px;padding:6px 10px;display:flex}.ma-section{background:var(--bg-input);border-radius:4px;flex:1;min-width:200px;padding:6px 8px}.ma-label{color:var(--text-dim);letter-spacing:2px;margin-bottom:4px;font-size:11px;font-weight:700}.ma-content{color:var(--text);font-size:18px;line-height:1.5}.ma-content .ma-highlight{color:var(--accent-green);font-weight:700}.ma-content .ma-time{font-family:var(--font-display);color:var(--accent-a);font-size:18px}.ma-content .ma-score{color:var(--accent-yellow);margin-left:4px;font-size:17px}.ma-actions{flex-wrap:wrap;gap:3px;margin-top:5px;display:flex}.ma-btn{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .15s}.ma-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}.ma-btn-accent{border-color:var(--accent-purple);color:var(--accent-purple)}.ma-btn-accent:hover{background:var(--accent-purple);color:#fff}.ma-btn-highlight{background:linear-gradient(135deg,rgba(var(--accent-purple-rgb),.1),rgba(var(--accent-a-rgb),.08));border:1px solid var(--accent-purple);width:100%;color:var(--accent-purple);cursor:pointer;letter-spacing:1px;border-radius:4px;margin-top:5px;padding:6px;font-size:17px;font-weight:700;transition:all .2s}.ma-btn-highlight:hover{background:var(--accent-purple);color:#fff;box-shadow:0 0 12px rgba(var(--accent-purple-rgb),.3)}.ma-eq-steps{margin-top:4px}.ma-eq-step{color:var(--text-dim);align-items:center;gap:4px;padding:2px 0;font-size:17px;display:flex}.ma-eq-step .step-num{background:var(--bg-dark);border:1px solid var(--border);width:16px;height:16px;color:var(--accent-a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.ma-eq-step .step-text{flex:1}.ma-eq-step .step-text strong{color:var(--accent-a)}.ma-suggestions{flex-direction:column;gap:3px;display:flex}.ma-suggest-item{background:var(--bg-dark);border-radius:3px;align-items:center;gap:6px;padding:3px 5px;font-size:17px;transition:background .15s;display:flex}.ma-suggest-item:hover{background:var(--bg-raised)}.ma-suggest-rank{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:900;display:flex}.ma-suggest-rank.top{background:var(--accent-green);color:#000}.ma-suggest-rank.good{background:var(--accent-yellow);color:#000}.ma-suggest-rank.ok{background:var(--bg-raised);color:var(--text-dim);border:1px solid var(--border)}.ma-suggest-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ma-suggest-meta{color:var(--text-dim);font-size:11px}.ma-suggest-score{color:var(--accent-purple);font-size:11px;font-weight:700}.ma-suggest-load{gap:2px;display:flex}.ma-suggest-load button{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700}.ma-suggest-load button:hover{border-color:var(--accent-a);color:var(--accent-a)}.ma-prompt-section{flex-basis:100%;min-width:100%}.prompt-input-row{gap:4px;margin-bottom:6px;display:flex}.prompt-input{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-bright);font-size:18px;font-family:var(--font-body);border-radius:6px;outline:none;flex:1;padding:8px 10px;transition:border-color .2s}.prompt-input:focus{border-color:var(--accent-purple)}.prompt-input::placeholder{color:#444}.prompt-go-btn{background:linear-gradient(135deg,var(--accent-purple),var(--accent-a));color:#fff;letter-spacing:1px;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;padding:8px 16px;font-size:17px;font-weight:700;transition:all .2s}.prompt-go-btn:hover{box-shadow:0 4px 12px rgba(var(--accent-purple-rgb),.3);transform:translateY(-1px)}.prompt-go-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.prompt-templates{flex-wrap:wrap;gap:3px;margin-bottom:6px;display:flex}.prompt-template{background:var(--bg-dark);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.prompt-template:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.prompt-result{color:var(--text-dim);min-height:16px;font-size:18px}.prompt-result.loading{color:var(--accent-yellow);animation:1s infinite loading-text}.prompt-result.success{color:var(--accent-green)}.prompt-result.error{color:var(--accent-red)}.prompt-result-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:6px;display:flex}.prompt-result-header>span{color:var(--accent-green);font-size:18px}.prompt-actions{gap:4px;display:flex}.prompt-action-btn{border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:#ffffff0f;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s}.prompt-action-btn:hover{color:#fff;background:#ffffff1a}.prompt-action-accent{background:rgba(var(--accent-a-rgb),.1)!important;border-color:rgba(var(--accent-a-rgb),.3)!important;color:var(--accent-a)!important}.prompt-action-accent:hover{background:rgba(var(--accent-a-rgb),.2)!important}.prompt-match{background:var(--bg-dark);cursor:pointer;border-radius:3px;align-items:center;gap:4px;margin-top:2px;padding:4px 6px;font-size:17px;transition:background .15s;display:flex}.prompt-match:hover{background:var(--bg-input)}.prompt-match-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.prompt-match .mood-tag{letter-spacing:.3px;border-radius:8px;padding:1px 5px;font-size:11px;font-weight:700}.prompt-load-btn{background:rgba(var(--accent-a-rgb),.1);border:1px solid rgba(var(--accent-a-rgb),.25);color:var(--accent-a);cursor:pointer;border-radius:3px;flex-shrink:0;padding:2px 6px;font-size:11px;font-weight:700;transition:all .15s}.prompt-load-btn:hover{background:rgba(var(--accent-a-rgb),.25)}.prompt-load-b{background:rgba(var(--accent-green-rgb),.1)!important;border-color:rgba(var(--accent-green-rgb),.25)!important;color:var(--accent-green)!important}.prompt-load-b:hover{background:rgba(var(--accent-green-rgb),.25)!important}.mood-chill{background:rgba(var(--accent-a-rgb),.12);color:var(--accent-a)}.mood-energetic{background:rgba(var(--accent-yellow-rgb),.12);color:var(--accent-yellow)}.mood-dark{background:rgba(var(--accent-purple-rgb),.12);color:var(--accent-purple)}.mood-uplifting{background:rgba(var(--accent-green-rgb),.12);color:var(--accent-green)}.mood-melancholic{color:#48c;background:#0064c81f}.mood-aggressive{background:rgba(var(--accent-b-rgb),.12);color:var(--accent-b)}.key-compat{background:#0a0a0e;justify-content:center;align-items:center;gap:8px;padding:2px;font-size:17px;display:flex}.key-compat-label{color:var(--text-dim);letter-spacing:2px}.key-compat-value{color:var(--text-dim);font-weight:700}.key-compat-value.match{color:var(--accent-green)}.key-compat-value.close{color:var(--accent-yellow)}.key-compat-value.clash{color:var(--accent-red)}.controls-area{background:var(--bg-panel);border-radius:0 0 8px 8px;gap:4px;padding:6px;display:flex}.deck{background:var(--bg-control);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:1;gap:5px;padding:8px;display:flex;overflow:hidden}#deck-a{border-top:2px solid var(--accent-a)}#deck-b{border-top:2px solid var(--accent-b)}.mixer-center{background:var(--bg-control);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;width:210px;min-width:210px;max-height:calc(100vh - 300px);padding:8px 6px;display:flex;overflow-y:auto}.deck-header{justify-content:space-between;align-items:center;display:flex}.deck-id{font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);font-size:18px;font-weight:700}.bpm-section{align-items:baseline;gap:3px;display:flex}.bpm-value{font-family:var(--font-display);color:#fff;font-size:18px;font-weight:700}.bpm-label{color:var(--text-dim);letter-spacing:1px;font-size:11px}.load-btn{background:var(--bg-input);border:1px dashed var(--border);width:100%;color:var(--text-dim);letter-spacing:2px;text-align:center;cursor:pointer;border-radius:4px;padding:6px;font-size:17px;font-weight:600;transition:all .25s ease-out;display:block}.load-btn:active{transform:scale(.98)}.load-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}#deck-b .load-btn:hover{border-color:var(--accent-b);color:var(--accent-b)}.jog-wheel-container{flex-direction:column;align-items:center;display:flex}.jog-wheel{cursor:grab;perspective:200px;background:radial-gradient(circle at 35% 35%,#252530,#111116 55%,#08080c);border:3px solid #2a2a32;border-radius:50%;width:160px;height:160px;position:relative;overflow:hidden;box-shadow:0 4px 24px #0009,inset 0 0 30px #0006}.jog-platter{width:100%;height:100%;transform-style:preserve-3d;border-radius:50%;transition:transform 50ms;position:relative}.jog-art{opacity:.2;pointer-events:none;border-radius:50%;width:150px;height:150px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#deck-a .jog-wheel:hover{box-shadow:0 4px 30px var(--glow-a),inset 0 0 30px #0006}#deck-b .jog-wheel:hover{box-shadow:0 4px 30px var(--glow-b),inset 0 0 30px #0006}.jog-wheel:active{cursor:grabbing}.jog-inner{z-index:2;background:radial-gradient(circle at 35% 35%,#1e1e28,#0e0e14);border:2px solid #222230;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.jog-label{font-family:var(--font-display);color:#2a2a36;font-size:20px;font-weight:900}.jog-dot{z-index:3;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:50%;transform:translate(-50%)}#deck-a .jog-dot{background:var(--accent-a);box-shadow:0 0 8px var(--accent-a)}#deck-b .jog-dot{background:var(--accent-b);box-shadow:0 0 8px var(--accent-b)}.jog-modes{gap:3px;margin-top:4px;display:flex}.vinyl-btn,.slip-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:2px;padding:2px 8px;font-size:11px;font-weight:700}.vinyl-btn.active{border-color:var(--accent-green);color:var(--accent-green);background:#0a1a10}.slip-btn.active{border-color:var(--accent-purple);color:var(--accent-purple);background:#1a0a2a}.transport{gap:5px;display:flex}.transport-btn{cursor:pointer;border:2px solid;border-radius:4px;flex:1;padding:8px;font-size:18px;font-weight:700;transition:all .15s ease-out}.cue-btn{border-color:var(--accent-orange);color:var(--accent-orange);background:#1e1200}.cue-btn:hover{background:var(--accent-orange);color:#000}.play-btn{border-color:var(--accent-green);color:var(--accent-green);background:#001a0a;font-size:17px}.play-btn:hover,.play-btn.active{background:var(--accent-green);color:#000}.play-btn.active{box-shadow:0 0 12px rgba(var(--accent-green-rgb),.35);animation:1.5s infinite alternate glow-green}@keyframes glow-green{0%{box-shadow:0 0 10px rgba(var(--accent-green-rgb),.25)}to{box-shadow:0 0 18px rgba(var(--accent-green-rgb),.45)}}.tempo-section{text-align:center}.tempo-header{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.tempo-label{color:var(--text-dim);letter-spacing:2px;font-size:11px}.tempo-range-btns{gap:2px;display:flex}.range-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 4px;font-size:11px;font-weight:700}.range-btn.active{border-color:var(--accent-a);color:var(--accent-a)}#deck-b .range-btn.active{border-color:var(--accent-b);color:var(--accent-b)}.tempo-slider{-webkit-appearance:none;background:var(--bg-input);border-radius:3px;outline:none;width:100%;height:7px}.tempo-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(#fff,#bbb);border-radius:2px;width:12px;height:20px;box-shadow:0 2px 6px #00000080}.tempo-value{font-family:var(--font-display);color:var(--accent-green);margin-top:2px;font-size:18px}.sync-row{justify-content:center;gap:3px;margin-top:3px;display:flex}.sync-btn,.master-btn{letter-spacing:1px;cursor:pointer;border:1px solid;border-radius:3px;padding:4px 12px;font-size:17px;font-weight:700;transition:all .15s}.sync-btn{border-color:var(--accent-purple);color:var(--accent-purple);background:#0a0a1e}.sync-btn:hover,.sync-btn.active{background:var(--accent-purple);color:#fff;box-shadow:0 0 8px rgba(var(--accent-purple-rgb),.3)}.master-btn{background:var(--bg-input);border-color:var(--border);color:var(--text-dim)}.master-btn.active{border-color:var(--accent-yellow);color:var(--accent-yellow);background:rgba(var(--accent-yellow-rgb),.08)}.eq-section{background:var(--bg-dark);border-radius:4px;justify-content:center;gap:5px;padding:5px;display:flex}.eq-knob-group{flex-direction:column;align-items:center;gap:2px;display:flex}.eq-knob-group label{color:var(--text-dim);letter-spacing:1px;font-size:11px;font-weight:700}.knob-wrapper{width:32px;height:32px;position:relative}.knob-wrapper.small{width:26px;height:26px}.rotary-knob{border:2px solid var(--border-light);cursor:pointer;background:radial-gradient(circle at 35% 35%,#333340,#1a1a24);border-radius:50%;width:100%;height:100%;transition:border-color .2s,box-shadow .2s;position:relative}.rotary-knob:hover{border-color:#555;box-shadow:0 0 8px #ffffff0d}.rotary-knob:after{content:"";transform-origin:bottom;width:2px;height:8px;transform:translateX(-50%) rotate(var(--knob-angle,0deg));background:#fff;border-radius:1px;position:absolute;top:3px;left:50%}.knob-wrapper.small .rotary-knob:after{height:6px;top:2px}.eq-val{font-family:var(--font-display);color:var(--text-dim);font-size:11px}.eq-kill{border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:0 0;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700;transition:all .1s}.eq-kill.active{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.eq-kill:hover{border-color:var(--accent-red);color:var(--accent-red)}.color-fx-section{background:var(--bg-dark);border-radius:4px;padding:5px}.section-label{color:var(--text-dim);letter-spacing:2px;margin-bottom:3px;font-size:11px;font-weight:700}.color-fx-select{gap:2px;margin-bottom:3px;display:flex}.cfx-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;flex:1;padding:3px 0;font-size:11px;font-weight:700}.cfx-btn.active{background:rgba(var(--accent-orange-rgb),.12);border-color:var(--accent-orange);color:var(--accent-orange)}.color-fx-knob{-webkit-appearance:none;background:var(--bg-input);border-radius:3px;outline:none;width:100%;height:5px}.color-fx-knob::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-orange);cursor:pointer;border-radius:50%;width:12px;height:12px}.channel-strip{background:var(--bg-dark);border-radius:4px;align-items:center;gap:5px;padding:5px;display:flex}.gain-section{flex-direction:column;align-items:center;gap:2px;display:flex}.gain-section label{color:var(--text-dim);letter-spacing:1px;font-size:11px}.volume-fader{-webkit-appearance:slider-vertical;background:var(--bg-input);cursor:pointer;outline:none;width:16px;height:90px}.vu-meter{border:1px solid var(--bg-input);background:#0a0a0e;border-radius:3px;width:20px;height:130px;position:relative;overflow:hidden}.vu-canvas{width:100%;height:100%;display:block}.vu-clip{z-index:2;background:#300;border-radius:2px 2px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.vu-clip.active{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.vu-peak-hold{background:var(--accent-green);z-index:2;height:2px;position:absolute;bottom:0;left:2px;right:2px}.pad-section{background:var(--bg-dark);border-radius:4px;padding:8px}.pad-mode-tabs{gap:2px;margin-bottom:6px;display:flex}.pad-mode-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:.3px;cursor:pointer;border-radius:2px;flex:1;padding:6px 0;font-size:11px;font-weight:700;transition:all .1s}.pad-mode-btn.active{background:rgba(var(--accent-purple-rgb),.12);border-color:var(--accent-purple);color:var(--accent-purple)}.pad-grid{grid-template-columns:repeat(4,1fr);gap:4px;display:none}.pad-grid.active{display:grid}.pad{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;text-align:center;border-radius:3px;min-height:40px;padding:10px 0;font-size:17px;font-weight:700;transition:all .12s ease-out}.pad:hover{border-color:var(--border-light);background:var(--bg-raised);color:var(--text)}.pad:active{filter:brightness(1.3);transform:scale(.93)}.pad.set{background:rgba(var(--accent-a-rgb),.1);border-color:var(--accent-a);color:var(--accent-a);box-shadow:0 0 6px rgba(var(--accent-a-rgb),.1)}.pad.set:hover{background:rgba(var(--accent-a-rgb),.2);box-shadow:0 0 10px rgba(var(--accent-a-rgb),.2)}#deck-b .pad.set{background:rgba(var(--accent-b-rgb),.1);border-color:var(--accent-b);color:var(--accent-b);box-shadow:0 0 6px rgba(var(--accent-b-rgb),.1)}#deck-b .pad.set:hover{background:rgba(var(--accent-b-rgb),.2);box-shadow:0 0 10px rgba(var(--accent-b-rgb),.2)}.pad.roll-active{background:rgba(var(--accent-green-rgb),.15);border-color:var(--accent-green);color:var(--accent-green);box-shadow:0 0 8px rgba(var(--accent-green-rgb),.2);animation:.3s infinite alternate pad-pulse}.pad.slicer-active{background:rgba(var(--accent-yellow-rgb),.15);border-color:var(--accent-yellow);color:var(--accent-yellow);box-shadow:0 0 8px rgba(var(--accent-yellow-rgb),.2)}.pad.sampler-loaded{background:rgba(var(--accent-purple-rgb),.1);border-color:var(--accent-purple);color:var(--accent-purple)}.pad.sampler-loaded:hover{background:rgba(var(--accent-purple-rgb),.2);box-shadow:0 0 8px rgba(var(--accent-purple-rgb),.15)}.pad.sampler-playing{background:var(--accent-purple);color:#fff;box-shadow:0 0 12px rgba(var(--accent-purple-rgb),.4);animation:.2s infinite alternate pad-pulse}.pad.sampler-dragover{box-shadow:0 0 12px rgba(var(--accent-green-rgb),.3);border-color:var(--accent-green)!important;background:rgba(var(--accent-green-rgb),.1)!important}@keyframes pad-pulse{0%{filter:brightness()}to{filter:brightness(1.2)}}.pad.padfx-active{background:rgba(var(--accent-orange-rgb),.15);border-color:var(--accent-orange);color:var(--accent-orange)}.loop-buttons{grid-template-columns:repeat(4,1fr);gap:2px;display:grid}.loop-btn,.loop-in-out{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:5px 0;font-size:11px;font-weight:700}.loop-btn:hover,.loop-in-out:hover{border-color:#444}.loop-btn.active{background:rgba(var(--accent-green-rgb),.1);border-color:var(--accent-green);color:var(--accent-green);box-shadow:0 0 6px rgba(var(--accent-green-rgb),.15)}.loop-in-out.set{background:rgba(var(--accent-green-rgb),.1);border-color:var(--accent-green);color:var(--accent-green)}.loop-adjust{gap:2px;margin-top:2px;display:flex}.loop-adj-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;flex:1;padding:3px 0;font-size:11px;font-weight:700}.loop-adj-btn:hover{border-color:var(--border-light);color:var(--text)}.loop-exit-btn{color:var(--accent-orange);border-color:#320}.saved-loops{flex-wrap:wrap;gap:2px;margin-top:3px;display:flex}.saved-loop-btn{background:rgba(var(--accent-green-rgb),.05);border:1px solid rgba(var(--accent-green-rgb),.2);color:var(--accent-green);cursor:pointer;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700}.saved-loop-btn:hover{background:rgba(var(--accent-green-rgb),.15)}.beat-fx-panel{background:var(--bg-dark);border-radius:4px;padding:5px}.beat-fx-select{gap:3px;margin-bottom:4px;display:flex}.fx-select{background:var(--bg-input);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:2px;outline:none;flex:1;padding:3px;font-size:11px;font-weight:600}.fx-select option{background:var(--bg-input);color:var(--text)}.beat-fx-controls{gap:5px;display:flex}.fx-channel{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.fx-channel label{color:var(--text-dim);letter-spacing:1px;font-size:11px;font-weight:700}.fx-depth-slider{-webkit-appearance:none;background:var(--bg-input);border-radius:3px;outline:none;width:100%;height:5px}.fx-depth-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-purple);cursor:pointer;border-radius:50%;width:10px;height:10px}.fx-beat-select{gap:2px;display:flex}.fx-beat-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 3px;font-size:11px;font-weight:700}.fx-beat-btn.active{border-color:var(--accent-purple);color:var(--accent-purple)}.fx-on-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:2px;padding:3px 14px;font-size:11px;font-weight:700}.fx-on-btn.active{background:var(--accent-purple);color:#fff;border-color:var(--accent-purple);box-shadow:0 0 8px rgba(var(--accent-purple-rgb),.3);animation:1.2s infinite alternate fx-glow}@keyframes fx-glow{0%{box-shadow:0 0 6px rgba(var(--accent-purple-rgb),.2)}to{box-shadow:0 0 14px rgba(var(--accent-purple-rgb),.5)}}.fx-chain-section{flex-wrap:wrap;align-items:center;gap:3px;margin-top:4px;display:flex}.chain-label{color:var(--text-dim);letter-spacing:1px;font-size:11px}.fx-chain-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;flex:1;padding:2px 4px;font-size:11px;font-weight:700}.fx-chain-btn.active{border-color:var(--accent-purple);color:var(--accent-purple)}.xy-pad-section{text-align:center}.xy-pad-deck-select{justify-content:center;gap:3px;margin-bottom:3px;display:flex}.xy-deck-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:2px 10px;font-size:11px;font-weight:700}.xy-deck-btn.active{border-color:var(--accent-a);color:var(--accent-a)}.xy-pad{background:var(--bg-dark);border:1px solid var(--border);cursor:crosshair;border-radius:4px;width:100%;height:110px;position:relative;overflow:hidden}.xy-pad canvas{width:100%;height:100%;display:block}.xy-cursor{border:2px solid var(--accent-a);pointer-events:none;width:12px;height:12px;box-shadow:0 0 8px var(--glow-a);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.xy-label-x{color:var(--text-dim);letter-spacing:1px;pointer-events:none;font-size:11px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.xy-label-y{color:var(--text-dim);letter-spacing:1px;pointer-events:none;font-size:11px;position:absolute;top:50%;left:2px;transform:translateY(-50%)rotate(-90deg)}.crossfader-section{text-align:center}.cf-label{color:var(--text-dim);letter-spacing:2px;margin-bottom:2px;font-size:11px}.cf-curve-btns{justify-content:center;gap:2px;margin-bottom:3px;display:flex}.cf-curve{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 6px;font-size:11px}.cf-curve.active{border-color:var(--accent-a);color:var(--accent-a)}.crossfader{-webkit-appearance:none;background:linear-gradient(90deg,var(--accent-a),#333 35%,#333 65%,var(--accent-b));border-radius:4px;outline:none;width:100%;height:8px}.crossfader::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(#eee,#aaa);border-radius:3px;width:26px;height:16px;box-shadow:0 2px 6px #00000080}.cf-indicators{color:var(--text-dim);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.master-hp-row{justify-content:center;gap:8px;display:flex}.master-section,.booth-section{flex-direction:column;align-items:center;gap:3px;display:flex}.master-section label,.booth-section label{color:var(--text-dim);letter-spacing:1px;font-size:11px}.master-fader{-webkit-appearance:slider-vertical;background:var(--bg-input);cursor:pointer;outline:none;width:16px;height:60px}.master-vu{width:22px;height:60px}.headphone-section{text-align:center}.hp-buttons{gap:2px;margin-bottom:3px;display:flex}.hp-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;flex:1;padding:3px;font-size:11px;font-weight:700}.hp-btn.active{background:rgba(var(--accent-yellow-rgb),.1);border-color:var(--accent-yellow);color:var(--accent-yellow)}.hp-mix,.hp-vol{align-items:center;gap:3px;margin-top:2px;display:flex}.hp-mix label,.hp-vol label{color:var(--text-dim);min-width:28px;font-size:11px}.hp-mix input,.hp-vol input{-webkit-appearance:none;background:var(--bg-input);border-radius:2px;outline:none;flex:1;height:4px}.hp-mix input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-yellow);cursor:pointer;border-radius:50%;width:8px;height:8px}.hp-vol input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-yellow);cursor:pointer;border-radius:50%;width:8px;height:8px}.beat-jump-section{text-align:center}.beat-jump-deck-select{justify-content:center;gap:2px;margin-bottom:3px;display:flex}.bj-deck-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:2px 8px;font-size:11px;font-weight:700}.bj-deck-btn.active{border-color:var(--accent-a);color:var(--accent-a)}.beat-jump-row{grid-template-columns:repeat(4,1fr);gap:2px;margin-bottom:2px;display:grid}.bj-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:4px 0;font-size:11px;font-weight:700}.bj-btn:hover{border-color:var(--border-light);color:var(--text)}.mic-section{text-align:center}.mic-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:3px;margin-bottom:3px;padding:3px 12px;font-size:11px;font-weight:700}.mic-btn.active{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.mic-section input[type=range]{-webkit-appearance:none;background:var(--bg-input);border-radius:2px;outline:none;width:100%;height:4px}.mic-section input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-red);cursor:pointer;border-radius:50%;width:8px;height:8px}.talkover-label{color:var(--text-dim);cursor:pointer;justify-content:center;align-items:center;gap:3px;margin-top:2px;font-size:11px;display:flex}.talkover-label input{cursor:pointer;width:10px;height:10px}.setlist-section{flex:1;overflow:hidden}.setlist{max-height:50px;color:var(--text-dim);font-size:11px;overflow-y:auto}.setlist-entry{border-bottom:1px solid var(--bg-input);padding:1px 3px}.setlist-entry .time{color:var(--accent-green);font-family:var(--font-display);margin-right:4px;font-size:11px}.library-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:5px;max-height:220px;margin-top:4px;transition:max-height .3s;overflow:hidden}.library-panel.collapsed{max-height:28px}.library-header{background:var(--bg-control);justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.library-actions{align-items:center;gap:3px;display:flex}.lib-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700}.lib-btn:hover{border-color:var(--border-light);color:var(--text)}.lib-toggle{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:1px 6px;font-size:18px}.library-panel.collapsed .lib-toggle{transform:rotate(180deg)}.library-lookup{align-items:center;gap:4px;padding:3px 10px;display:flex}.lib-url-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;flex:1;padding:5px 8px;font-size:18px;transition:border-color .2s}.lib-url-input:focus{border-color:var(--accent-purple)}.lib-url-input::placeholder{color:#444}.lib-lookup-btn{background:rgba(var(--accent-purple-rgb),.1);border-color:var(--accent-purple);color:var(--accent-purple);padding:4px 10px;font-size:17px;transition:all .2s}.lib-lookup-btn:hover{background:var(--accent-purple);color:#fff}.lib-lookup-btn:disabled{opacity:.4;cursor:not-allowed}.lib-lookup-status{color:var(--text-dim);white-space:nowrap;font-size:17px;transition:color .3s}.lib-lookup-status.success{color:var(--accent-green)}.lib-lookup-status.error{color:var(--accent-red)}.lib-lookup-status.loading{color:var(--accent-yellow);animation:1s infinite loading-text}.library-search{gap:4px;padding:3px 10px;display:flex}.library-search input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;flex:1;padding:4px 6px;font-size:18px}.library-search input:focus{border-color:var(--accent-a)}.lib-sort{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:2px;outline:none;padding:3px;font-size:11px}.library-table-wrap{max-height:140px;padding:0 10px;overflow-y:auto}.library-table{border-collapse:collapse;width:100%}.library-table th{text-align:left;color:var(--text-dim);letter-spacing:1px;border-bottom:1px solid var(--border);background:var(--bg-panel);cursor:pointer;padding:3px 5px;font-size:11px;position:sticky;top:0}.library-table th:hover{color:var(--text)}.library-table td{color:var(--text);border-bottom:1px solid var(--bg-input);padding:3px 5px;font-size:17px}.library-table tr:hover td{background:#ffffff08}.lib-row.draggable{cursor:grab}.lib-row.draggable:active{cursor:grabbing}.lib-row.lib-dragging td{opacity:.4}.lib-row.draggable td:first-child:before{content:"⠿ ";color:#333;font-size:18px}.lib-load-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 6px;font-size:11px;font-weight:700}.lib-load-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}.lib-load-btn.b:hover{border-color:var(--accent-b);color:var(--accent-b)}.star-rating{gap:1px;display:inline-flex}.star{cursor:pointer;color:#333;font-size:18px;transition:color .1s}.star.filled,.star:hover{color:var(--accent-yellow)}.lib-suggest-btn{background:rgba(var(--accent-green-rgb),.08);border-color:var(--accent-green);color:var(--accent-green);padding:4px 8px;font-size:11px;transition:all .2s}.lib-suggest-btn:hover{background:var(--accent-green);color:#000}.lib-suggest-btn.active{background:var(--accent-green);color:#000;font-weight:900}.lib-compat-dot{vertical-align:middle;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:4px;display:inline-block}.lib-compat-dot.green{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green)}.lib-compat-dot.yellow{background:var(--accent-yellow);box-shadow:0 0 4px var(--accent-yellow)}.lib-vibe-dot{vertical-align:middle;opacity:.85;border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-left:6px;display:inline-block}.lib-waveform-preview{vertical-align:middle;background:#111;border-radius:2px;width:60px;height:16px;display:inline-block}.playlist-panel{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:6px 10px;display:flex}.playlist-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.playlist-actions{align-items:center;gap:4px;display:flex}.playlist-name-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:3px;outline:none;width:100px;padding:3px 6px;font-size:17px}.playlist-name-input:focus{border-color:var(--accent-a)}.playlist-load-select{max-width:120px}.playlist-drop-zone{border:1px dashed var(--border);border-radius:4px;min-height:32px;padding:4px;transition:border-color .2s,background .2s}.playlist-drop-zone.drag-over{border-color:var(--accent-a);background:rgba(var(--accent-a-rgb),.04)}.playlist-empty{text-align:center;color:var(--text-dim);padding:6px 0;font-size:17px}.playlist-items{flex-direction:column;gap:2px;display:flex}.playlist-item{background:var(--bg-input);border:1px solid var(--border);color:var(--text);cursor:grab;border-radius:3px;align-items:center;gap:6px;padding:3px 6px;font-size:17px;transition:background .15s;display:flex}.playlist-item:active{cursor:grabbing}.playlist-item:hover{background:#ffffff0a}.playlist-item.pl-dragging{opacity:.35}.playlist-item .pl-num{color:var(--text-dim);text-align:right;min-width:14px;font-size:11px}.playlist-item .pl-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.playlist-item .pl-bpm{color:var(--accent-a);text-align:right;min-width:30px;font-size:11px}.playlist-item .pl-key{color:var(--accent-purple);text-align:center;min-width:24px;font-size:11px}.playlist-item .pl-remove{color:#555;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.playlist-item .pl-remove:hover{color:var(--accent-red)}.playlist-item .pl-load-a,.playlist-item .pl-load-b{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:2px;padding:1px 4px;font-size:11px;font-weight:700}.playlist-item .pl-load-a:hover{border-color:var(--accent-a);color:var(--accent-a)}.playlist-item .pl-load-b:hover{border-color:var(--accent-b);color:var(--accent-b)}.playlist-flow{justify-content:center;align-items:center;height:12px;padding-left:20px;font-size:17px;font-weight:700;display:flex}.playlist-flow.flow-green{color:var(--accent-green)}.playlist-flow.flow-yellow{color:var(--accent-yellow)}.playlist-flow.flow-red{color:var(--accent-red)}.challenge-modal-card{background:linear-gradient(#131317,#101014);border-radius:10px;overflow:hidden;width:min(680px,100vw - 32px)!important}.challenge-hero{padding:4px 0 2px}.challenge-kicker{letter-spacing:2px;color:var(--accent-purple);margin-bottom:8px;font-size:11px}.challenge-theme-title{font-family:var(--font-display);color:#fff;letter-spacing:.02em;font-size:28px;font-weight:700;line-height:1.05}.challenge-weekline{color:#aaa;letter-spacing:.2px;margin-top:8px;font-size:14px}.challenge-description{color:#d4d4d8;max-width:56ch;margin-top:12px;font-size:16px;line-height:1.6}.challenge-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.challenge-meta-card{border:1px solid var(--border);background:#ffffff05;border-radius:8px;min-height:78px;padding:12px 14px}.challenge-meta-label{letter-spacing:1.5px;text-transform:uppercase;color:#83838c;margin-bottom:8px;font-size:11px}.challenge-meta-value{color:#fff;font-size:17px;font-weight:600;line-height:1.35}.challenge-meta-small{color:#d4d4d8;font-size:14px;font-weight:500}.challenge-context{grid-template-columns:1.1fr .9fr;gap:12px;display:grid}.challenge-context-block{border:1px solid var(--border);background:#ffffff05;border-radius:8px;padding:14px}.challenge-context-title{letter-spacing:1.8px;text-transform:uppercase;color:#b1b1b9;margin-bottom:10px;font-size:12px}.challenge-rule-list{color:#ddd;flex-direction:column;gap:8px;margin:0;padding-left:18px;font-size:14px;line-height:1.55;display:flex}.challenge-winners{flex-direction:column;gap:8px;display:flex}.challenge-winner-row{color:#ddd;border-bottom:1px solid #ffffff0f;justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;display:flex}.challenge-winner-row:last-child{border-bottom:none;padding-bottom:0}.challenge-winner-row span:last-child{color:#a9a9b2;text-align:right}.challenge-empty-state{color:#7f7f87;padding:8px 0;font-size:14px}.challenge-entry{background:var(--bg-input);border-radius:4px;align-items:center;gap:8px;padding:8px 10px;display:flex}.challenge-rank{font-family:var(--font-display);color:var(--accent-a);text-align:center;flex-shrink:0;width:24px;font-size:18px;font-weight:700}.challenge-rank.gold{color:var(--accent-yellow,#ffd000)}.challenge-rank.silver{color:silver}.challenge-rank.bronze{color:#cd7f32}.challenge-entry-info{flex:1;min-width:0}.challenge-entry-title{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.challenge-entry-meta{color:var(--text-dim);margin-top:1px;font-size:17px}.challenge-upvote{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:18px;font-weight:700;transition:all .15s;display:flex}.challenge-upvote:hover{border-color:var(--accent-green);color:var(--accent-green)}.challenge-upvote.voted{border-color:var(--accent-green);color:var(--accent-green);background:rgba(var(--accent-green-rgb),.1)}.challenge-upvote svg{fill:currentColor;width:10px;height:10px}.challenge-play{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;padding:4px 10px;font-size:14px;transition:all .12s}.challenge-play:hover{border-color:var(--accent-a);color:var(--accent-a)}.challenge-play.playing{border-color:var(--accent-a);color:var(--accent-a);background:rgba(var(--cel-rgb),.1)}.challenge-delete{color:var(--text-dim);cursor:pointer;opacity:.5;background:0 0;border:1px solid #0000;flex-shrink:0;padding:4px 8px;font-size:14px;transition:all .12s}.challenge-delete:hover{border-color:var(--accent-red);color:var(--accent-red);opacity:1}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.visible{display:flex}.modal{background:var(--bg-control);border:1px solid var(--border);border-radius:8px;width:320px;max-height:80vh;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border);font-family:var(--font-display);letter-spacing:2px;color:var(--text);justify-content:space-between;align-items:center;padding:10px 14px;font-size:18px;font-weight:700;display:flex}.modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:20px}.modal-body{flex-direction:column;gap:10px;padding:12px 14px;display:flex}.profile-tab{font-family:var(--font-body);letter-spacing:1px;color:var(--text-dim);cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px;font-size:13px;font-weight:700;transition:all .12s}.profile-tab:hover{color:var(--text)}.profile-tab-active{color:var(--text-bright);border-bottom-color:var(--accent-a)}.profile-panel{max-height:50vh;overflow-y:auto}.pref-group{justify-content:space-between;align-items:center;gap:10px;display:flex}.pref-group label{color:var(--text);font-size:17px}.pref-group select,.pref-group input[type=color]{background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:3px;padding:3px;font-size:18px}.pref-group input[type=color]{cursor:pointer;border:none;width:40px;height:24px;padding:0}.toggle{cursor:pointer;width:36px;height:20px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--bg-input);border:1px solid var(--border);border-radius:10px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-dim);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-slider{background:rgba(var(--accent-green-rgb),.2);border-color:var(--accent-green)}.toggle input:checked+.toggle-slider:before{background:var(--accent-green);transform:translate(16px)}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;z-index:100;pointer-events:none;background:#222;border-radius:3px;padding:3px 8px;font-size:17px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.welcome-overlay{background:var(--bg-dark);z-index:2000;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.welcome-overlay.hidden{opacity:0;pointer-events:none}.welcome-card{background:var(--bg-control);border:1px solid var(--border);text-align:center;border-radius:16px;width:400px;max-width:90vw;padding:40px 36px;box-shadow:0 20px 60px #0009}.welcome-logo{font-family:var(--font-display);letter-spacing:4px;background:linear-gradient(135deg,var(--accent-a),#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:4px;font-size:28px;font-weight:900}.welcome-sub{color:var(--text-dim);letter-spacing:2px;margin-bottom:28px;font-size:17px}.welcome-form{text-align:left;flex-direction:column;gap:14px;display:flex}.welcome-field{flex-direction:column;gap:4px;display:flex}.welcome-field label{color:var(--text);letter-spacing:.5px;font-size:17px;font-weight:600}.welcome-field .optional{color:var(--text-dim);font-size:17px;font-weight:400}.welcome-field input,.welcome-field select{background:var(--bg-input);border:1px solid var(--border);color:var(--text-bright);font-size:17px;font-family:var(--font-body);border-radius:6px;outline:none;padding:10px 12px;transition:border-color .2s}.welcome-field input:focus,.welcome-field select:focus{border-color:var(--accent-a)}.welcome-field input::placeholder{color:#444}.welcome-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.welcome-field select option{background:var(--bg-input);color:var(--text)}.welcome-start{background:linear-gradient(135deg,var(--accent-a),var(--accent-purple));color:#fff;letter-spacing:2px;cursor:pointer;border:none;border-radius:6px;margin-top:4px;padding:12px;font-size:17px;font-weight:700;transition:all .2s}.welcome-start:hover:not(:disabled){box-shadow:0 4px 16px rgba(var(--accent-a-rgb),.3);transform:translateY(-1px)}.welcome-start:disabled{opacity:.35;cursor:not-allowed}.welcome-footer{color:#444;letter-spacing:.5px;margin-top:16px;font-size:17px}.user-badge{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:6px;margin:0 8px;padding:3px 10px;transition:all .2s;display:none}.user-badge:hover{border-color:var(--accent-a);background:var(--bg-raised)}.user-badge.visible{display:flex}.user-avatar{background:linear-gradient(135deg,var(--accent-a),var(--accent-purple));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:18px;font-weight:900;display:flex}.user-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-size:18px;font-weight:600;overflow:hidden}.user-level-badge{letter-spacing:.5px;text-transform:uppercase;border-radius:8px;padding:2px 6px;font-size:11px;font-weight:700}.user-level-badge.professional{background:rgba(var(--accent-purple-rgb),.15);color:var(--accent-purple);border:1px solid rgba(var(--accent-purple-rgb),.3)}.user-level-badge.hobbyist{background:rgba(var(--accent-a-rgb),.12);color:var(--accent-a);border:1px solid rgba(var(--accent-a-rgb),.25)}.user-level-badge.newbie{background:rgba(var(--accent-green-rgb),.1);color:var(--accent-green);border:1px solid rgba(var(--accent-green-rgb),.2)}.modal-input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-bright);font-size:18px;font-family:var(--font-body);border-radius:4px;outline:none;width:100%;max-width:180px;padding:6px 10px}.modal-input:focus{border-color:var(--accent-a)}.shortcuts-bar{text-align:center;color:#333;letter-spacing:.3px;background:#06060a;border-top:1px solid #111118;padding:4px 14px;font-size:11px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.live-btn-off{color:var(--text-dim)}.live-btn-on{animation:1.5s infinite pulse-red;background:var(--accent-red)!important;color:#fff!important;border-color:var(--accent-red)!important}.live-modal{width:380px}.live-status-section{background:var(--bg-dark);border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;display:flex}.live-indicator{align-items:center;gap:6px;display:flex}.live-dot{background:#333;border-radius:50%;flex-shrink:0;width:10px;height:10px}.live-dot.on{background:var(--accent-red);box-shadow:0 0 8px var(--accent-red);animation:1s infinite pulse-red}#live-status-text{letter-spacing:2px;color:var(--text-dim);font-size:17px;font-weight:700}#live-status-text.on{color:var(--accent-red)}.live-timer{font-family:var(--font-display);color:var(--text-dim);font-size:18px}.live-timer.on{color:var(--accent-red)}.live-actions{margin:10px 0}.live-link-section{background:var(--bg-dark);border-radius:6px;margin-top:10px;padding:10px}.live-link-label{color:var(--text-dim);letter-spacing:1px;margin-bottom:6px;font-size:17px}.live-link-row{gap:4px;display:flex}.live-listeners{color:var(--text-dim);text-align:center;margin-top:6px;font-size:18px}.live-listeners span{color:var(--accent-green);font-weight:700;font-family:var(--font-display)}.live-track-display{background:var(--bg-dark);border-radius:6px;margin-top:8px;padding:8px}.live-now-text{color:var(--text);margin-top:3px;font-size:17px}.visualizer-overlay{z-index:4000;cursor:none;background:#000;display:none;position:fixed;inset:0}.visualizer-overlay.active{display:block}.visualizer-overlay:hover{cursor:default}.visualizer-overlay:hover .viz-controls{opacity:1}#viz-canvas{width:100%;height:100%;display:block}.viz-controls{opacity:0;z-index:2;background:linear-gradient(#0000,#000000d9);flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;transition:opacity .4s;display:flex;position:absolute;bottom:0;left:0;right:0}.viz-brand{font-family:var(--font-display);background:linear-gradient(135deg,var(--accent-a),#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;flex-shrink:0;font-size:20px;font-weight:900}.viz-track-info{color:#fff9;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;overflow:hidden}.viz-mode-btns{flex-shrink:0;gap:3px;display:flex}.viz-mode-btn{color:#ffffff80;letter-spacing:1px;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:4px;padding:5px 10px;font-size:17px;font-weight:700;transition:all .2s}.viz-mode-btn:hover{color:#fff;background:#ffffff1f}.viz-mode-btn.active{background:rgba(var(--accent-a-rgb),.15);border-color:var(--accent-a);color:var(--accent-a)}.viz-settings{flex-shrink:0;align-items:center;gap:6px;display:flex}.viz-settings label{color:#fff6;letter-spacing:1px;font-size:11px}.viz-settings input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;width:60px;height:4px}.viz-settings input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-a);cursor:pointer;border-radius:50%;width:10px;height:10px}.viz-color-cycle{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:700}.viz-color-cycle:hover{color:#fff}.viz-close{color:#ffffffb3;letter-spacing:1px;cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:4px;flex-shrink:0;padding:6px 16px;font-size:18px;font-weight:700;transition:all .2s}.viz-close:hover{color:#fff;background:#ffffff26}.viz-screenshot{background:rgba(var(--accent-green-rgb),.1);border:1px solid rgba(var(--accent-green-rgb),.3);color:rgba(var(--accent-green-rgb),.7);cursor:pointer;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:700}.viz-screenshot:hover{background:rgba(var(--accent-green-rgb),.2);color:#0f8}.stem-section{background:var(--bg-dark);border-radius:4px;padding:5px}.stem-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.stem-btn-group{gap:3px;display:flex}.stem-hd-btn{background:linear-gradient(135deg,rgba(var(--accent-orange-rgb),.08),#ff323214);border:1px solid var(--accent-orange);color:var(--accent-orange);letter-spacing:1px;cursor:pointer;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:900;transition:all .2s}.stem-hd-btn:hover{background:var(--accent-orange);color:#000;box-shadow:0 0 10px rgba(var(--accent-orange-rgb),.3)}.stem-hd-btn:disabled{opacity:.4;cursor:not-allowed}.stem-analyze-btn{background:linear-gradient(135deg,rgba(var(--accent-purple-rgb),.15),rgba(var(--accent-a-rgb),.1));border:1px solid var(--accent-purple);color:var(--accent-purple);letter-spacing:1px;cursor:pointer;border-radius:3px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.stem-analyze-btn:hover{background:var(--accent-purple);color:#fff;box-shadow:0 0 12px rgba(var(--accent-purple-rgb),.3)}.stem-analyze-btn.active{background:var(--accent-green);border-color:var(--accent-green);color:#000}.stem-analyze-btn:disabled{opacity:.4;cursor:not-allowed}.stem-progress{margin:4px 0}.stem-progress-text{color:var(--accent-yellow);text-align:center;margin-top:2px;font-size:11px;animation:1s infinite loading-text}.stem-controls{flex-direction:column;gap:3px;display:flex}.stem-channel{background:var(--bg-input);border:1px solid #0000;border-radius:3px;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 4px;transition:border-color .2s;display:flex}.stem-eq-group{flex-basis:100%;align-items:center;gap:5px;padding:2px 2px 0 52px;display:flex}.stem-eq-lab{letter-spacing:.5px;color:var(--text-dim);flex-shrink:0;font-size:11px;font-weight:700}.stem-eq{appearance:none;background:var(--bg-dark);cursor:pointer;border-radius:2px;outline:none;flex:1;height:3px}.stem-eq::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:var(--accent-b);border-radius:50%;width:9px;height:9px}.stem-eq::-moz-range-thumb{cursor:pointer;background:var(--accent-b);border:none;border-radius:50%;width:9px;height:9px}.stem-channel.soloed{border-color:var(--accent-yellow)}.stem-channel.muted{opacity:.4}.stem-label{letter-spacing:.5px;text-align:center;border-radius:2px;flex-shrink:0;width:48px;padding:2px 4px;font-size:11px;font-weight:700}.stem-label.bass{color:#f55;background:#ff32321f}.stem-label.vocals{background:rgba(var(--accent-a-rgb),.12);color:var(--accent-a)}.stem-label.drums{background:rgba(var(--accent-yellow-rgb),.12);color:var(--accent-yellow)}.stem-label.melody{background:rgba(var(--accent-green-rgb),.12);color:var(--accent-green)}.stem-vol{-webkit-appearance:none;background:var(--bg-dark);cursor:pointer;border-radius:2px;outline:none;flex:1;height:4px}.stem-vol::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;border-radius:50%;width:10px;height:10px}.stem-channel[data-stem=bass] .stem-vol::-webkit-slider-thumb{background:#f55}.stem-channel[data-stem=vocals] .stem-vol::-webkit-slider-thumb{background:var(--accent-a)}.stem-channel[data-stem=drums] .stem-vol::-webkit-slider-thumb{background:var(--accent-yellow)}.stem-channel[data-stem=melody] .stem-vol::-webkit-slider-thumb{background:var(--accent-green)}.stem-mute,.stem-solo{border:1px solid var(--border);background:var(--bg-dark);width:20px;height:20px;color:var(--text-dim);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:700;transition:all .15s;display:flex}.stem-mute:hover{border-color:var(--accent-red);color:var(--accent-red)}.stem-mute.active{background:var(--accent-red);color:#fff;border-color:var(--accent-red)}.stem-solo:hover{border-color:var(--accent-yellow);color:var(--accent-yellow)}.stem-solo.active{background:var(--accent-yellow);color:#000;border-color:var(--accent-yellow)}.stem-remix-btn{border:1px solid var(--accent-orange);background:rgba(var(--accent-orange-rgb),.08);width:22px;height:20px;color:var(--accent-orange);cursor:pointer;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:11px;font-weight:900;transition:all .15s;display:flex}.stem-remix-btn:hover{background:var(--accent-orange);color:#000;box-shadow:0 0 8px rgba(var(--accent-orange-rgb),.3)}.stem-remix-btn.active{background:var(--accent-orange);color:#000}.stem-remix-drop{border:2px dashed rgba(var(--accent-orange-rgb),.3);text-align:center;color:var(--accent-orange);letter-spacing:1px;border-radius:4px;margin-top:4px;padding:8px;font-size:11px;transition:all .2s;display:none}.stem-remix-drop.visible{display:block}.stem-remix-drop.dragover{background:rgba(var(--accent-orange-rgb),.1);border-color:var(--accent-orange)}.stem-remix-active{margin-top:3px}.stem-remix-tag{background:rgba(var(--accent-orange-rgb),.1);border:1px solid rgba(var(--accent-orange-rgb),.3);color:var(--accent-orange);border-radius:3px;align-items:center;gap:3px;margin:1px;padding:2px 6px;font-size:11px;font-weight:700;display:inline-flex}.stem-remix-tag button{color:var(--accent-red);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px}.stem-channel[draggable=true]{cursor:grab}.stem-channel[draggable=true]:active{cursor:grabbing;opacity:.7}.auto-dj-btn{letter-spacing:1px;background:linear-gradient(135deg,rgba(var(--accent-green-rgb),.1),rgba(var(--accent-a-rgb),.08))!important;border-color:var(--accent-green)!important;color:var(--accent-green)!important;font-weight:900!important}.auto-dj-btn:hover{background:var(--accent-green)!important;color:#000!important}.auto-dj-btn.active{animation:1.5s infinite alternate glow-green;background:var(--accent-green)!important;color:#000!important}.sc-section{margin-bottom:12px}.sc-label{color:var(--text-dim);letter-spacing:2px;border-bottom:1px solid var(--border);margin-bottom:6px;padding-bottom:4px;font-size:17px;font-weight:700}.sc-grid{grid-template-columns:1fr 1fr;gap:2px;display:grid}.sc-row{color:var(--text);align-items:center;gap:8px;padding:4px 6px;font-size:18px;display:flex}.sc-row:hover{background:var(--bg-raised);border-radius:3px}.sc-key{background:var(--bg-dark);border:1px solid var(--border);font-family:var(--font-display);color:var(--accent-a);text-align:center;border-radius:3px;flex-shrink:0;min-width:24px;padding:2px 8px;font-size:17px;font-weight:700;display:inline-block}.adv-fx-row{background:var(--bg-dark);border-radius:4px;padding:4px}.adv-fx-toggle{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:3px;padding:4px;font-size:11px;font-weight:700;transition:all .15s}.adv-fx-toggle:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.adv-fx-toggle.active{background:rgba(var(--accent-orange-rgb),.1);border-color:var(--accent-orange);color:var(--accent-orange)}.adv-fx-panel{padding:4px 0}.adv-fx-label{color:var(--text-dim);letter-spacing:1px;margin:4px 0 2px;font-size:11px;font-weight:700}.adv-fx-bands{gap:3px;display:flex}.adv-band{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.adv-band span{color:var(--text-dim);font-size:11px}.adv-band input{-webkit-appearance:none;background:var(--bg-input);border-radius:2px;outline:none;width:100%;height:4px}.adv-band input::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-orange);cursor:pointer;border-radius:50%;width:8px;height:8px}.deck-pair-switcher{background:#080810;justify-content:center;align-items:center;gap:4px;padding:4px 8px;display:none}.deck-pair-switcher.visible{display:flex}.dps-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);letter-spacing:1px;cursor:pointer;border-radius:3px;padding:5px 16px;font-size:17px;font-weight:700;transition:all .15s}.dps-btn.active{background:rgba(var(--accent-a-rgb),.1);border-color:var(--accent-a);color:var(--accent-a)}.dps-btn[data-pair=cd].active{background:rgba(var(--accent-green-rgb),.1);border-color:var(--accent-green);color:var(--accent-green)}.dps-status{color:var(--text-dim);margin-left:8px;font-size:11px}.more-menu-wrap{display:inline-block;position:relative}.more-menu-btn{letter-spacing:2px;padding:2px 8px!important;font-size:18px!important}.more-menu{background:var(--bg-control);border:1px solid var(--border);z-index:200;border-radius:6px;min-width:160px;margin-top:4px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #00000080}.more-menu.open{display:block}.more-item{width:100%;color:var(--text-dim);font-family:var(--font-body);letter-spacing:1px;text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;padding:10px 14px;font-size:18px;font-weight:600;transition:all .12s;display:block}.more-item:last-child{border-bottom:none}.more-item:hover{background:var(--bg-raised);color:var(--text)}.ghost-btn{transition:all .3s!important}.ghost-btn:active{transform:scale(.95);background:rgba(var(--accent-purple-rgb),.3)!important;border-color:var(--accent-purple)!important;color:var(--accent-purple)!important}.ghost-btn.active{animation:1.5s infinite ghost-pulse;background:var(--accent-purple)!important;color:#fff!important;border-color:var(--accent-purple)!important}@keyframes ghost-pulse{0%,to{box-shadow:0 0 8px rgba(var(--accent-purple-rgb),.3)}50%{box-shadow:0 0 20px rgba(var(--accent-purple-rgb),.6)}}.ghost-indicator{z-index:2500;border:1px solid var(--accent-purple);text-align:center;min-width:280px;box-shadow:0 8px 32px rgba(var(--accent-purple-rgb),.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#140a1ef2,#0a0514f2);border-radius:12px;padding:12px 20px;position:fixed;top:50px;left:50%;transform:translate(-50%)}.ghost-status{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}.ghost-icon{font-size:18px}.ghost-text{font-family:var(--font-display);color:var(--accent-purple);letter-spacing:3px;font-size:17px;font-weight:700}.ghost-progress-text{color:var(--text-dim);font-size:17px}.ghost-progress{background:var(--bg-input);border-radius:2px;width:100%;height:4px;margin-bottom:8px;overflow:hidden}.ghost-progress-bar{background:linear-gradient(90deg,var(--accent-purple),var(--accent-a));border-radius:2px;width:0;height:100%;transition:width .3s}.ghost-takeback{color:#fff;letter-spacing:2px;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:6px;width:100%;padding:8px;font-size:17px;font-weight:700;transition:all .15s}.ghost-takeback:hover{background:#ffffff1f;box-shadow:0 0 12px #ffffff1a}.ghost-style-note{color:var(--text-dim);margin-top:6px;font-size:11px;font-style:italic}.ghost-exec-info{margin-bottom:8px}.ghost-exec-row{justify-content:space-between;padding:3px 0;font-size:18px;display:flex}.ghost-exec-label{color:var(--text-dim);letter-spacing:.5px}.ghost-exec-value{color:#fff;font-weight:600}.ghost-dna-link{color:rgba(var(--accent-purple-rgb),.5);text-align:center;letter-spacing:1px;margin-bottom:6px;font-size:11px}.ghost-readiness{z-index:2400;border:1px solid rgba(var(--accent-purple-rgb),.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0e12f5;border-radius:10px;min-width:240px;padding:14px 18px;position:fixed;top:46px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000080}.ghost-ready-title{font-family:var(--font-display);color:var(--accent-purple);letter-spacing:3px;text-align:center;margin-bottom:10px;font-size:18px}.ghost-ready-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;padding:4px 0;font-size:18px;display:flex}.ghost-ready-row span:first-child{color:var(--text-dim)}.ghost-ready-row span:last-child{color:#fff;font-weight:600}.ghost-r-conf{font-weight:700!important}.ghost-ready-top{color:var(--text-dim);margin-top:8px;font-size:17px;font-style:italic;line-height:1.5}.ghost-ready-hint{color:rgba(var(--accent-purple-rgb),.4);text-align:center;letter-spacing:1px;margin-top:8px;font-size:11px}.dna-empty{color:var(--text-dim);text-align:center;padding:20px 0;font-size:17px;font-style:italic}.dna-stats-grid{margin-top:10px}.dna-stat-row{border-top:1px solid var(--border);justify-content:space-between;padding:6px 0;font-size:17px;display:flex}.dna-stat-row span:first-child{color:var(--text-dim)}.dna-stat-row span:last-child{color:#fff;font-weight:600}.b2b-bar{background:linear-gradient(90deg,rgba(var(--accent-purple-rgb),.06),rgba(var(--accent-a-rgb),.06));border-bottom:1px solid rgba(var(--accent-purple-rgb),.15);align-items:center;gap:8px;padding:6px 16px;display:none}.b2b-bar[style*="display: flex"],.b2b-bar[style*=display\:flex]{display:flex!important}.b2b-bar-deck{flex:1;min-width:0}.b2b-bar-yours{border-right:1px solid rgba(var(--accent-purple-rgb),.15);padding-right:12px}.b2b-bar-label{color:rgba(var(--accent-purple-rgb),.6);letter-spacing:2px;margin-bottom:2px;font-size:11px}.b2b-bar-track{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.b2b-bar-center{text-align:center;flex-shrink:0;padding:0 12px}.b2b-bar-sync{color:var(--accent-green);letter-spacing:2px;font-size:11px;font-weight:700}.b2b-bar-stats{color:var(--text-dim);margin-top:2px;font-size:17px}.b2b-bar-sep{color:var(--border);margin:0 4px}.b2b-status{background:var(--bg-dark);border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:8px 12px;display:flex}.b2b-dot{background:#333;border-radius:50%;flex-shrink:0;width:8px;height:8px}.b2b-dot.connected{background:var(--accent-green);box-shadow:0 0 6px var(--accent-green)}.b2b-dot.hosting{background:var(--accent-a);box-shadow:0 0 6px var(--accent-a);animation:.8s infinite pulse-sync}#b2b-status-text{letter-spacing:2px;color:var(--text-dim);font-size:18px;font-weight:700}#b2b-status-text.active{color:var(--accent-green)}.b2b-session-info{background:var(--bg-dark);border-radius:6px;align-items:center;gap:6px;margin-bottom:8px;padding:8px;display:flex}.b2b-session-code{font-family:var(--font-display);color:var(--accent-a);letter-spacing:3px;text-align:center;flex:1;font-size:18px;font-weight:700}.b2b-peers{margin-bottom:8px}.b2b-peer{background:var(--bg-input);border-radius:4px;align-items:center;gap:6px;margin-bottom:3px;padding:4px 8px;font-size:18px;display:flex}.b2b-peer-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.b2b-peer-dot.deck-a{background:var(--accent-a)}.b2b-peer-dot.deck-b{background:var(--accent-b)}.b2b-peer-name{color:var(--text);flex:1}.b2b-peer-deck{color:var(--text-dim);font-size:17px;font-weight:700}.b2b-deck-assign{color:var(--text-dim);text-align:center;margin-bottom:6px;font-size:17px}.deck.b2b-locked{opacity:.5;pointer-events:none;position:relative}.deck.b2b-locked:after{content:"PARTNER DECK";color:var(--accent-purple);letter-spacing:2px;z-index:10;border:1px solid var(--accent-purple);background:#000000b3;border-radius:6px;padding:6px 14px;font-size:17px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.track-notes-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;float:right;border-radius:3px;margin-top:-22px;padding:2px 6px;font-size:18px;transition:all .15s}.track-notes-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}.track-notes-btn.has-notes{color:var(--accent-yellow);border-color:rgba(var(--accent-yellow-rgb),.3)}.pad.set[data-cue-label]:after{content:attr(data-cue-label);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:11px;display:block;overflow:hidden}.tutorial-overlay{z-index:3000;display:none;position:fixed;inset:0}.tutorial-overlay.active{display:block}.tutorial-overlay:before{content:"";z-index:1;background:#00000073;position:absolute;inset:0}.tutorial-spotlight{z-index:2;pointer-events:none;background:#ffffff0a;border-radius:8px;transition:all .4s cubic-bezier(.4,0,.2,1);position:absolute;box-shadow:0 0 0 9999px #00000080}.tutorial-spotlight.circle{border-radius:50%}.tutorial-spotlight:after{content:"";border:2px solid var(--accent-a);border-radius:inherit;box-shadow:0 0 15px var(--accent-a),inset 0 0 15px rgba(var(--accent-a-rgb),.08);animation:1.5s infinite spotlight-pulse;position:absolute;inset:-4px}@keyframes spotlight-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.tutorial-card{z-index:3;border:1px solid var(--accent-a);width:360px;max-width:90vw;box-shadow:0 16px 50px #000000b3,0 0 30px var(--glow-a);background:linear-gradient(#1a1a24,#121218);border-radius:14px;padding:22px 26px;animation:.3s ease-out card-enter;position:absolute}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tutorial-step-indicator{justify-content:center;gap:6px;margin-bottom:12px;display:flex}.tutorial-step-dot{background:#333;border-radius:50%;width:8px;height:8px;transition:all .3s}.tutorial-step-dot.active{background:var(--accent-a);box-shadow:0 0 6px var(--accent-a)}.tutorial-step-dot.done{background:var(--accent-green)}.tutorial-title{font-family:var(--font-display);color:var(--text-bright);letter-spacing:1px;margin-bottom:10px;font-size:18px;font-weight:700}.tutorial-body{color:#ddd;margin-bottom:18px;font-size:17px;line-height:1.7}.tutorial-body strong{color:var(--accent-a);font-weight:700}.tutorial-body .key-hint{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-dim);font-size:18px;font-weight:700;font-family:var(--font-display);border-radius:3px;padding:1px 6px;display:inline-block}.tutorial-actions{justify-content:space-between;align-items:center;display:flex}.tutorial-skip{color:var(--text-dim);letter-spacing:1px;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:18px;transition:color .2s}.tutorial-skip:hover{color:var(--text)}.tutorial-nav{gap:6px;display:flex}.tutorial-prev,.tutorial-next{letter-spacing:1px;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:17px;font-weight:700;transition:all .2s}.tutorial-prev{background:var(--bg-input);color:var(--text-dim)}.tutorial-prev:hover{background:var(--bg-raised);color:var(--text)}.tutorial-prev:disabled{opacity:.3;cursor:not-allowed}.tutorial-next{background:linear-gradient(135deg,var(--accent-a),var(--accent-purple));color:#fff}.tutorial-next:hover{box-shadow:0 4px 12px rgba(var(--accent-a-rgb),.3);transform:translateY(-1px)}.tutorial-next.finish{background:linear-gradient(135deg,var(--accent-green),#0a5)}.stat-value{font-family:var(--font-display);color:var(--accent-a);letter-spacing:1px;font-size:17px}.undo-toast{background:var(--bg-control);border:1px solid var(--accent-a);color:var(--text-bright);font-family:var(--font-display);letter-spacing:1px;opacity:0;pointer-events:none;z-index:5000;white-space:nowrap;border-radius:6px;padding:8px 18px;font-size:17px;transition:opacity .25s;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.undo-toast.visible{opacity:1}.export-modal-body{flex-direction:column;gap:10px;display:flex}.export-format-btns{gap:6px;display:flex}.export-fmt-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);text-align:center;cursor:pointer;border-radius:6px;flex:1;padding:10px 8px;font-size:17px;font-weight:700;transition:all .2s}.export-fmt-btn:hover{border-color:var(--border-light);color:var(--text)}.export-fmt-btn.selected{border-color:var(--accent-a);color:var(--accent-a);background:rgba(var(--accent-a-rgb),.06)}.export-fmt-btn .fmt-name{margin-bottom:2px;font-size:17px;display:block}.export-fmt-btn .fmt-desc{color:var(--text-dim);font-size:11px;font-weight:400;display:block}.export-progress{background:var(--bg-input);border-radius:3px;width:100%;height:6px;overflow:hidden}.export-progress-bar{background:linear-gradient(90deg,var(--accent-a),var(--accent-green));border-radius:3px;width:0;height:100%;transition:width .3s}.export-status{color:var(--text-dim);text-align:center;font-size:18px}.sync-status{color:var(--text-dim);align-items:center;gap:4px;font-size:17px;display:flex}.sync-dot{background:#333;border-radius:50%;width:5px;height:5px}.sync-dot.synced{background:var(--accent-green);box-shadow:0 0 4px var(--accent-green)}.sync-dot.syncing{background:var(--accent-yellow);animation:.8s infinite pulse-sync}.sync-dot.error{background:var(--accent-red)}@keyframes pulse-sync{0%,to{opacity:1}50%{opacity:.3}}@media (width<=1200px){.jog-wheel{width:130px;height:130px}.jog-inner{width:55px;height:55px}.mixer-center{width:180px;min-width:180px}}@media (width<=900px){html,body,#app{max-width:100vw;overflow-x:hidden}.controls-area{flex-direction:column;overflow:hidden}.mixer-center{width:100%;min-width:unset;max-height:unset;flex-flow:wrap;justify-content:center;gap:8px;overflow:hidden}.deck{max-width:100%;padding:8px;overflow:hidden}.spectrum-bar{height:35px}.waveform-display{height:70px}.mix-assist-panel{margin:2px 6px}.mix-assist-body{flex-direction:column}.ma-section{min-width:unset}}.mobile-deck-switcher,.mobile-crossfader{display:none}@media (width<=680px){html,body{width:100%;max-width:100vw;overflow-x:hidden}#app{max-width:100vw;padding:2px;overflow-x:hidden}.top-bar{flex-wrap:wrap;gap:4px;padding:4px 8px;overflow:hidden}.logo{letter-spacing:2px;font-size:17px}.model,.master-clock .label{display:none}.bpm-display{font-size:18px}.top-right{gap:4px}.top-btn{padding:2px 6px;font-size:11px}.user-badge{margin:0 2px;padding:2px 6px}.user-name,.user-level-badge,.rec-time{display:none}.phase-meter-bar{padding:2px 8px}.spectrum-bar{height:28px;padding:1px 4px}.waveform-overview{padding:1px 4px}.deck-waveform{height:24px}.waveforms-main{flex-direction:column;padding:1px 4px}.waveform-display{height:55px}.waveform-zoom-controls{flex-direction:row;padding:1px}.zoom-btn{padding:2px 4px;font-size:11px}.wave-info{gap:3px;padding:1px 4px}.deck-label{width:16px;height:16px;font-size:17px}.track-name{font-size:11px}.key-display{padding:1px 3px;font-size:11px}.key-controls{display:none}.time-display{font-size:11px}.key-compat{padding:1px;font-size:11px}.beat-grid-line{display:none}.controls-area{flex-direction:column;gap:3px;padding:3px;overflow:hidden}.deck{border-radius:6px;gap:4px;max-width:100%;padding:6px;overflow:hidden}.deck.deck-hidden{display:none!important}.mixer-center{width:100%;min-width:unset;max-width:100%;max-height:unset;border-radius:6px;gap:6px;padding:6px;overflow:hidden}.mobile-deck-switcher{border-radius:6px;order:-2;gap:0;width:100%;display:flex;overflow:hidden}.mds-tab{background:var(--bg-control);color:var(--text-dim);letter-spacing:2px;cursor:pointer;border:none;border-bottom:3px solid #0000;flex:1;padding:10px 0;font-family:Orbitron,monospace;font-size:17px;font-weight:700;transition:all .2s}.mds-tab:first-child{border-radius:6px 0 0 6px}.mds-tab:last-child{border-radius:0 6px 6px 0}.mds-tab.active[data-focus=a]{background:var(--bg-raised);color:var(--accent-a);border-bottom-color:var(--accent-a);box-shadow:0 0 12px var(--glow-a)}.mds-tab.active[data-focus=b]{background:var(--bg-raised);color:var(--accent-b);border-bottom-color:var(--accent-b);box-shadow:0 0 12px var(--glow-b)}.mixer-center .xy-pad-section,.mixer-center .headphone-section,.mixer-center .beat-jump-section,.mixer-center .mic-section,.mixer-center .setlist-section{display:none!important}.mobile-crossfader{z-index:90;background:var(--bg-panel);border-top:1px solid var(--border);padding:8px 12px 12px;display:block;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000080}.mobile-crossfader .crossfader-section{margin:0}.mobile-crossfader .cf-label{letter-spacing:2px;text-align:center;color:var(--text-dim);margin-bottom:4px;font-size:11px}.mobile-crossfader .crossfader{width:100%;height:12px}.mobile-crossfader .crossfader::-webkit-slider-thumb{width:36px;height:24px}.mobile-crossfader .cf-indicators{color:var(--text-dim);justify-content:space-between;margin-top:2px;padding:0 4px;font-size:17px;display:flex}.mobile-crossfader .cf-indicators span:first-child{color:var(--accent-a)}.mobile-crossfader .cf-indicators span:last-child{color:var(--accent-b)}.controls-area{padding-bottom:60px}.mix-assist-panel{margin:2px 4px;overflow:hidden}.mix-assist-body{flex-direction:column}.ma-section{min-width:unset}.deck-header .bpm-value{font-size:18px}.deck-id{font-size:17px}.load-btn{letter-spacing:1px;padding:5px;font-size:11px}.jog-wheel-container{margin:2px 0}.jog-wheel{width:110px;height:110px}.jog-inner{width:50px;height:50px}.jog-label{font-size:18px}.jog-dot{width:4px;height:4px;top:6px}.jog-modes .vinyl-btn,.jog-modes .slip-btn{padding:2px 6px;font-size:11px}.transport{gap:4px}.transport-btn{border-radius:6px;padding:10px 6px;font-size:17px}.play-btn{font-size:18px}.tempo-section{margin:0}.tempo-header{margin-bottom:2px}.tempo-range-btns{gap:1px}.range-btn{padding:1px 3px;font-size:11px}.tempo-slider{height:10px}.tempo-slider::-webkit-slider-thumb{width:18px;height:28px}.tempo-value{font-size:18px}.sync-row{gap:3px}.sync-btn,.master-btn{padding:6px 10px;font-size:17px}.eq-section{gap:4px;padding:4px}.knob-wrapper{width:28px;height:28px}.eq-knob-group label,.eq-val{font-size:11px}.eq-kill{padding:1px 4px;font-size:11px}.color-fx-section{padding:4px}.cfx-btn{padding:2px 0;font-size:11px}.channel-strip{gap:4px;padding:4px}.volume-fader{height:70px}.vu-meter{height:100px}.pad-section{padding:4px}.pad-mode-tabs{gap:1px;margin-bottom:3px}.pad-mode-btn{padding:4px 0;font-size:11px}.pad{border-radius:4px;min-height:40px;padding:12px 0;font-size:18px}.loop-buttons{gap:2px}.loop-btn,.loop-in-out{padding:8px 0;font-size:17px}.loop-adjust{gap:2px}.loop-adj-btn{padding:6px 0;font-size:17px}.beat-fx-panel{padding:4px}.fx-select{padding:4px;font-size:11px}.fx-on-btn{padding:6px 12px;font-size:17px}.xy-pad{height:80px}.crossfader{height:12px}.crossfader::-webkit-slider-thumb{width:32px;height:22px}.master-hp-row{gap:6px}.master-fader,.master-vu{height:50px}.hp-btn{padding:5px;font-size:17px}.bj-btn{padding:6px 0;font-size:17px}.mic-btn{padding:5px 10px;font-size:17px}.library-panel{border-radius:4px;max-width:100%;max-height:180px;margin-top:2px;overflow-x:hidden}.library-table-wrap{overflow-x:auto}.playlist-panel{max-width:100%;overflow-x:hidden}.library-header{padding:4px 8px}.library-search{padding:2px 8px}.library-search input{padding:5px;font-size:17px}.library-table td{padding:3px 4px;font-size:17px}.library-table th{font-size:11px}.lib-load-btn{padding:3px 8px;font-size:17px}.shortcuts-bar,.setlist-section,.beat-jump-section{display:none}.welcome-card{width:95vw;padding:24px 20px}.welcome-logo{font-size:22px}.welcome-field input,.welcome-field select{padding:12px;font-size:18px}.welcome-start{padding:14px;font-size:18px}}@media (width<=480px){.waveforms-main{gap:1px}.waveform-display{height:45px}.jog-wheel{width:90px;height:90px}.jog-inner{width:40px;height:40px}.jog-label{font-size:18px}.eq-section{flex-wrap:wrap}.knob-wrapper{width:24px;height:24px}.pad{min-height:36px;padding:10px 0;font-size:17px}.transport-btn{padding:12px 4px}.color-fx-section,.xy-pad-section,.headphone-section,.mic-section{display:none}}@media (pointer:coarse){.pad,.transport-btn{min-height:44px}.loop-btn,.loop-in-out,.loop-adj-btn,.bj-btn,.hp-btn,.sync-btn,.master-btn,.fx-on-btn{min-height:36px}.cfx-btn{min-height:32px}.range-btn{min-height:28px}.crossfader{height:14px}.crossfader::-webkit-slider-thumb{width:36px;height:26px}.tempo-slider{height:12px}.tempo-slider::-webkit-slider-thumb{width:20px;height:32px}}.social-divider{color:var(--text-dim);letter-spacing:2px;align-items:center;gap:12px;margin:18px 0 10px;font-size:18px;display:flex}.social-divider:before,.social-divider:after{content:"";background:var(--border);flex:1;height:1px}.social-login-buttons{flex-direction:column;gap:8px;display:flex}.social-btn{border:1px solid var(--border);background:var(--bg-input);color:var(--text);letter-spacing:.5px;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:18px;font-weight:600;transition:all .2s;display:flex}.social-btn:hover{border-color:var(--border-light);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.social-btn .social-icon{flex-shrink:0}.google-btn:hover{border-color:#4285f4;box-shadow:0 4px 12px #4285f433}.github-btn:hover{box-shadow:0 4px 12px rgba(var(--accent-purple-rgb),.2);border-color:#84f}.cloud-auth-indicator{color:var(--accent-green);font-weight:600}.connected-dot{background:var(--accent-green);width:6px;height:6px;box-shadow:0 0 6px var(--accent-green);vertical-align:middle;border-radius:50%;margin-right:2px;display:inline-block}.export-action-btns{gap:8px;display:flex}.export-action-btns .welcome-start{flex:1}.share-btn{background:linear-gradient(135deg,var(--accent-green),#00a86b)!important}.share-btn:hover:not(:disabled){box-shadow:0 4px 16px rgba(var(--accent-green-rgb),.3)!important}.share-btn:disabled{opacity:.35;cursor:not-allowed}.share-progress-wrap{flex-direction:column;gap:4px;display:flex}.share-status{color:var(--text-dim);text-align:center;font-size:18px}.my-mixes-panel{border-top:1px solid var(--border);padding:8px 10px}.my-mixes-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.my-mixes-list{flex-direction:column;gap:4px;max-height:160px;display:flex;overflow-y:auto}.my-mixes-empty{color:var(--text-dim);text-align:center;padding:12px;font-size:18px}.mix-item{background:var(--bg-input);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 8px;font-size:18px;transition:border-color .15s;display:flex}.mix-item:hover{border-color:var(--accent-a)}.mix-item-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.mix-item-meta{color:var(--text-dim);flex-shrink:0;margin-left:8px}.mix-item-copy{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;letter-spacing:1px;border-radius:3px;padding:2px 8px;font-size:11px;font-weight:700;transition:all .15s}.mix-item-copy:hover{border-color:var(--accent-a);color:var(--accent-a)}.share-tooltip{color:var(--text-dim);white-space:nowrap;pointer-events:none;opacity:0;background:#222;border-radius:4px;padding:4px 10px;font-size:17px;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.share-btn:hover .share-tooltip{opacity:1}@media (width<=680px) and (orientation:portrait){.landscape-hint{display:flex}}.landscape-hint{color:var(--text-dim);text-align:center;z-index:100;letter-spacing:1px;background:#000000d9;padding:6px;font-size:17px;display:none;position:fixed;bottom:0;left:0;right:0}.landscape-hint span{color:var(--accent-yellow)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes reaction-float{0%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1}to{opacity:0;transform:translateY(-180px)scale(1.3)}}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 50%,var(--bg-input) 75%);background-size:200% 100%;border-radius:3px;animation:1.5s infinite skeleton-shimmer}.skeleton-wave{z-index:4;pointer-events:none;align-items:flex-end;gap:2px;padding:20px 8px 8px;display:flex;position:absolute;inset:0}.skeleton-wave .skel-bar{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 50%,var(--bg-input) 75%);background-size:200% 100%;border-radius:1px;flex:1;min-width:2px;animation:1.5s infinite skeleton-shimmer}.bpm-value.skeleton,.key-display.skeleton{color:#0000;min-width:40px;min-height:14px}.stem-progress .skeleton-stems{flex-direction:column;gap:4px;padding:4px 0;display:flex}.skeleton-stems .skel-row{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 50%,var(--bg-input) 75%);background-size:200% 100%;border-radius:2px;height:12px;animation:1.5s infinite skeleton-shimmer}.feature-unavailable{opacity:.35;pointer-events:none;position:relative;cursor:not-allowed!important}.feature-unavailable-wrap{display:inline-block;position:relative}.feature-unavailable-wrap .feature-tooltip{color:var(--accent-yellow);white-space:nowrap;z-index:100;pointer-events:none;background:#222;border-radius:3px;padding:3px 8px;font-size:11px;display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.feature-unavailable-wrap:hover .feature-tooltip{display:block}.track-name.error-state,.stem-progress-text.error-state{color:var(--accent-red);animation:none}.export-retry-btn{background:var(--bg-raised);border:1px solid var(--accent-red);color:var(--accent-red);letter-spacing:1px;cursor:pointer;border-radius:3px;margin-top:4px;padding:4px 12px;font-size:17px;font-weight:700;transition:all .15s;display:none}.export-retry-btn:hover{background:var(--accent-red);color:#fff}.export-retry-btn.visible{display:inline-block}.sync-status .sync-offline{color:var(--accent-red);letter-spacing:1px;font-size:17px;font-weight:700}.sync-dot.offline{background:var(--accent-red);box-shadow:0 0 6px var(--accent-red)}.midi-status.hidden{display:none}.lib-notes-btn{color:var(--text-dim);cursor:pointer;opacity:.4;background:0 0;border:none;padding:2px 4px;font-size:18px;transition:opacity .15s}.lib-notes-btn:hover{opacity:1;color:var(--accent-a)}.lib-notes-btn.has-notes{opacity:.8;color:var(--accent-purple)}.deck-empty-hint{color:var(--text-dim);letter-spacing:1px;z-index:3;pointer-events:auto;text-align:center;opacity:.5;cursor:pointer;border:1px dashed #ffffff1a;border-radius:6px;padding:8px 16px;font-size:17px;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.deck-empty-hint:hover{opacity:.8;border-color:var(--accent-a);color:var(--accent-a)}.mode-toggle{gap:1px;margin-right:8px;display:flex}.mode-btn{border:1px solid var(--border);font-family:var(--font-display);letter-spacing:2px;color:var(--text-dim);cursor:pointer;background:0 0;padding:5px 12px;font-size:17px;transition:all .15s}.mode-btn.active{background:rgba(var(--accent-purple-rgb),.15);border-color:var(--accent-purple);color:var(--accent-purple)}.mode-dj{border-radius:4px 0 0 4px}.mode-vibe{border-radius:0 4px 4px 0}.vibe-mode{z-index:2000;color:#ddd;background:#0c0c10;flex-direction:column;font-size:18px;display:flex;position:fixed;inset:0;overflow:hidden}.vm-header{border-bottom:1px solid var(--border);background:#101014;justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.vm-header-left{align-items:baseline;gap:10px;display:flex}.vm-logo{font-family:var(--font-display);color:#fff;letter-spacing:3px;font-size:18px;font-weight:900}.vm-logo-k{color:var(--accent-purple);font-size:17px}.vm-mode-label{color:var(--accent-purple);letter-spacing:3px;opacity:.7;margin-left:10px;font-size:17px}.vm-header-right{align-items:center;gap:8px;display:flex}.vm-scene-btn{border:1px solid var(--border-light);color:#aaa;cursor:pointer;letter-spacing:.8px;background:0 0;border-radius:4px;padding:8px 16px;font-size:17px;transition:all .12s}.vm-scene-btn:hover{color:#fff;border-color:#666}.vm-scene-active{background:rgba(var(--accent-purple-rgb),.08);border-color:var(--accent-purple)!important;color:var(--accent-purple)!important}.vm-new-set{border:1px solid var(--border-light);color:#aaa;cursor:pointer;letter-spacing:1px;background:0 0;border-radius:4px;padding:8px 16px;font-size:17px}.vm-new-set:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-take-control{color:#ccc;cursor:pointer;letter-spacing:1px;background:#ffffff0f;border:1px solid #fff3;border-radius:4px;padding:8px 16px;font-size:18px;font-weight:700}.vm-take-control:hover{color:#fff;background:#ffffff1f;border-color:#ffffff59}.vm-arc-hero{border-bottom:1px solid var(--border);background:#0e0e12;padding:24px 28px 12px}.vm-arc-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.vm-now-label{letter-spacing:2px;color:var(--accent-purple);align-items:center;gap:8px;margin-bottom:8px;font-size:17px;display:flex}.vm-pulse-dot{background:var(--accent-purple);border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite vm-pulse}@keyframes vm-pulse{0%,to{opacity:1}50%{opacity:.2}}.vm-now-track-row{align-items:center;gap:12px;display:flex}.vm-now-track{color:#fff;letter-spacing:-.01em;font-size:24px;font-weight:600}.vm-play-pause{border:1px solid var(--border-light);color:#ddd;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;transition:all .12s;display:flex}.vm-play-pause:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-skip-btn{border:1px solid var(--border-light);color:#aaa;cursor:pointer;letter-spacing:1px;background:0 0;border-radius:4px;flex-shrink:0;padding:6px 14px;font-size:17px;transition:all .12s}.vm-skip-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple);background:rgba(var(--accent-purple-rgb),.06)}.vm-now-meta{color:#bbb;margin-top:5px;font-size:18px}.vm-elapsed-wrap{text-align:right}.vm-elapsed{color:#fff;letter-spacing:-.02em;font-size:32px;font-weight:600;font-family:var(--font-display)}.vm-total{color:#999;margin-top:3px;font-size:17px}.vm-arc-svg-wrap{width:100%;height:160px;position:relative}.vm-arc-svg{width:100%;height:100%}.vm-rms-badge{letter-spacing:1px;font-size:11px;font-family:var(--font-body),monospace;color:var(--accent-purple);opacity:.3;transition:opacity .3s;position:absolute;top:4px;right:8px}.vm-waveform{width:100%;height:52px;margin-top:12px;display:block}.vm-arc-zone-band{fill:var(--accent-purple)}.vm-arc-zone-label{letter-spacing:1.4px;fill:#5f5f68;font-size:11px;font-family:var(--font-body),monospace}.vm-arc-peak-line{stroke:rgba(var(--accent-purple-rgb),.32);stroke-width:1px;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.vm-arc-peak-dot{fill:var(--accent-purple);stroke:#0e0e12;stroke-width:2px}.vm-arc-peak-label{letter-spacing:1.6px;fill:var(--accent-purple);font-size:11px;font-family:var(--font-body),monospace;font-weight:700}.vm-arc-moments-wrap{justify-content:space-between;align-items:flex-start;gap:18px;margin-top:12px;display:flex}.vm-arc-hint{color:#8d8d95;max-width:280px;font-size:12px;line-height:1.5}.vm-arc-moments{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:8px;display:flex}.vm-arc-moment{border:1px solid var(--border-light);color:#ddd;text-align:left;cursor:pointer;background:#ffffff08;border-radius:8px;flex-direction:column;gap:3px;min-width:118px;padding:8px 10px;transition:all .12s;display:flex}.vm-arc-moment:hover{border-color:var(--accent-purple);background:rgba(var(--accent-purple-rgb),.07);color:#fff}.vm-arc-moment-time{font-family:var(--font-display);color:var(--accent-purple);letter-spacing:.5px;font-size:12px}.vm-arc-moment-label{color:#ededf0;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.vm-arc-moment-detail{color:#9797a0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.vm-arc-moment-empty{color:#7d7d84;padding:8px 0;font-size:13px}.vm-arc-event{cursor:pointer;transition:transform .12s}.vm-arc-event:hover{transform:scale(1.08)}.vm-arc-event-dot{stroke:#0c0c10;stroke-width:1.5px}.vm-arc-event.direction .vm-arc-event-dot{fill:var(--accent-purple)}.vm-arc-event.transition .vm-arc-event-dot{fill:var(--accent-green)}.vm-arc-event.energy .vm-arc-event-dot{fill:#9a9aa1}.vm-arc-event.go-back .vm-arc-event-dot{fill:var(--accent-yellow)}.vm-body{flex:1;grid-template-columns:1fr 240px;display:grid;overflow:hidden}.vm-left{border-right:1px solid var(--border);flex-direction:column;display:flex;overflow-y:auto}.vm-right{background:#0e0e12;flex-direction:column;gap:8px;padding:20px 16px;display:flex;overflow:hidden auto}.vm-section-label{letter-spacing:2px;color:#ccc;margin-bottom:12px;font-size:18px;font-weight:600}.vm-queue-section{flex:1;padding:20px 28px}.vm-queue-item{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:12px 0;transition:all .3s;display:flex}.vm-queue-shifted{animation:1.2s queue-shift-flash}@keyframes queue-shift-flash{0%{background:#6366f126}to{background:0 0}}.vm-qi-info{flex:1;min-width:0}.vm-qi-name{color:#ccc;font-size:17px;transition:color .3s}.vm-qi-reason{color:#999;margin-top:4px;font-size:18px;font-style:italic}.vm-qi-meta{color:#888;margin-top:3px;font-size:18px}.vm-queue-item.next .vm-qi-name{color:#fff;font-weight:500}.vm-queue-item.next .vm-qi-reason{color:#bbb}.vm-qi-num{color:#888;flex-shrink:0;margin-left:12px;font-size:17px}.vm-queue-item.next .vm-qi-num{color:var(--accent-purple);font-weight:700}.vm-qi-actions{opacity:0;flex-shrink:0;gap:4px;margin-left:8px;transition:opacity .15s;display:flex}.vm-queue-item:hover .vm-qi-actions{opacity:1}.vm-queue-item{cursor:grab}.vm-queue-item.dragging{opacity:.3;cursor:grabbing}.vm-queue-item.drag-over{border-top:2px solid var(--accent-purple)!important}.vm-qi-action{border:1px solid var(--border);color:#999;cursor:pointer;background:0 0;border-radius:3px;padding:3px 8px;font-size:18px;transition:all .12s}.vm-qi-action:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-qi-action.remove:hover{border-color:var(--accent-red);color:var(--accent-red)}.vm-qi-action.preview{color:var(--accent-green)}.vm-qi-action.preview:hover{border-color:var(--accent-green)}.vm-qi-score{color:var(--accent-purple);opacity:.8;margin-left:8px;font-size:11px;font-weight:600}.vm-qi-transition{color:var(--accent-a);letter-spacing:.3px;margin-top:2px;font-size:11px}.vm-qi-swap-list{background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;margin-top:6px;padding:6px;display:none}.vm-qi-swap-list.show{display:block}.vm-qi-swap-item{color:#bbb;cursor:pointer;border-radius:3px;padding:5px 8px;font-size:17px;transition:background .1s}.vm-qi-swap-item:hover{background:rgba(var(--accent-purple-rgb),.08);color:#fff}.vm-log-section{border-top:1px solid var(--border);flex:1;min-height:100px;padding:14px 28px;overflow-y:auto}.vm-log{color:#bbb;flex-direction:column;gap:2px;font-size:14px;display:flex}.vm-log-entry{border-bottom:1px solid var(--border);grid-template-columns:50px 1fr;align-items:baseline;gap:8px;padding:6px 0;display:grid}.vm-log-time{color:var(--accent-purple);font-family:var(--font-display);letter-spacing:.5px;font-size:12px}.vm-log-clickable{cursor:pointer;transition:background .1s}.vm-log-clickable:hover{background:rgba(var(--cel-rgb),.08)}.vm-log-action{color:#eee;font-size:14px;font-weight:600}.vm-dir-goback{color:#888!important;border-style:dashed!important}.vm-dir-goback:hover{border-color:var(--accent-purple)!important;color:var(--accent-purple)!important}.vm-log-tech{color:#888;margin-top:2px;font-size:13px;font-style:normal;display:block}.vm-pad-card{border:1px solid var(--border);background:#ffffff05;border-radius:8px;margin-bottom:4px;padding:14px}.vm-pad-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.vm-pad-title{color:#fff;letter-spacing:.01em;font-size:17px;font-weight:600}.vm-pad-copy{color:#9b9ba1;text-align:right;max-width:120px;font-size:13px;line-height:1.4}.vm-dir-pad{border:1px solid var(--border-light);background:linear-gradient(180deg,rgba(var(--accent-purple-rgb),.08),transparent 42%), linear-gradient(90deg,#ffffff05,#ffffff0f,#ffffff05);cursor:crosshair;touch-action:none;border-radius:8px;height:172px;position:relative;overflow:hidden}.vm-dir-pad-grid{opacity:.5;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:50% 50%;position:absolute;inset:0}.vm-dir-pad:before,.vm-dir-pad:after{content:"";background:#ffffff1f;position:absolute}.vm-dir-pad:before{width:1px;top:0;bottom:0;left:50%;transform:translate(-.5px)}.vm-dir-pad:after{height:1px;top:50%;left:0;right:0;transform:translateY(-.5px)}.vm-dir-pad-axis{letter-spacing:1.6px;text-transform:uppercase;color:#9b9ba1;pointer-events:none;font-size:11px;position:absolute}.vm-dir-pad-axis span{background:#0a0a0ed1;border-radius:999px;padding:2px 6px}.vm-dir-pad-axis-x{justify-content:space-between;display:flex;bottom:10px;left:10px;right:10px}.vm-dir-pad-axis-y{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex;top:10px;bottom:10px;right:10px}.vm-dir-pad-cursor{background:rgba(var(--accent-purple-rgb),.28);width:16px;height:16px;box-shadow:0 0 0 6px rgba(var(--accent-purple-rgb),.12);pointer-events:none;border:2px solid #fff;border-radius:50%;transition:left .12s,top .12s,box-shadow .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vm-dir-pad:active .vm-dir-pad-cursor{box-shadow:0 0 0 10px rgba(var(--accent-purple-rgb),.16)}.vm-pad-status{color:#b8b8be;min-height:38px;margin-top:10px;font-size:13px;line-height:1.45}.vm-dir-emergency{color:#ffb5b5;border-color:#ff828252;margin-top:2px}.vm-dir-emergency:hover{color:#fff;background:#ff626214;border-color:#ff8d8d}.vm-dir-btn{border:1px solid var(--border-light);text-align:left;color:#ddd;cursor:pointer;letter-spacing:.5px;background:0 0;border-radius:4px;width:100%;padding:11px 14px;font-size:18px;transition:all .12s}.vm-dir-btn:hover{border-color:var(--accent-purple);color:#fff;background:rgba(var(--accent-purple-rgb),.04)}.vm-dir-btn.flash{border-color:var(--accent-purple);color:var(--accent-purple);background:rgba(var(--accent-purple-rgb),.1)}.vm-custom-wrap{gap:4px;min-width:0;margin-top:8px;display:flex}.vm-custom-input{background:var(--bg-panel);border:1px solid var(--border-light);color:#fff;border-radius:4px;outline:none;flex:1;min-width:0;padding:10px 12px;font-size:18px}.vm-custom-input::placeholder{color:#666}.vm-mic-btn{border:1px solid var(--border-light);cursor:pointer;color:#aaa;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:38px;transition:all .12s;display:flex}.vm-mic-btn:hover,.vm-mic-btn.active{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-send-btn{border:1px solid var(--border-light);letter-spacing:2px;color:#aaa;cursor:pointer;background:0 0;border-radius:4px;width:100%;margin-top:4px;padding:9px;font-size:18px;transition:all .12s}.vm-send-btn:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-dir-undo{letter-spacing:1.5px;color:#ffc878b3;cursor:pointer;background:0 0;border:1px solid #ffc8784d;border-radius:4px;width:100%;margin-top:4px;padding:7px;font-size:12px;transition:all .12s}.vm-dir-undo:hover{color:#ffc878;border-color:#ffc87899}.vm-dir-history{color:#999;max-height:140px;margin-top:auto;padding-top:12px;font-size:18px;overflow-y:auto}.vm-dh-entry{padding:3px 0}.vm-dh-time{color:var(--accent-purple)}.vm-transition-flash{background:rgba(var(--accent-purple-rgb),.12);border-top:2px solid var(--accent-purple);opacity:0;pointer-events:none;padding:14px 28px;transition:opacity .3s,transform .3s;transform:translateY(4px)}.vm-transition-flash.show{opacity:1;transform:translateY(0)}.vm-tf-main{color:var(--accent-purple);letter-spacing:.5px;font-size:18px;font-weight:700}.vm-tf-detail{color:#bbb;margin-top:4px;font-size:18px}.vm-dir-btn.flash{transition:all .15s;transform:scale(1.03);border-color:var(--accent-purple)!important;color:#fff!important;background:rgba(var(--accent-purple-rgb),.18)!important}.vm-prompt-overlay{z-index:2100;background:#0c0c10;flex-direction:column;display:flex;position:fixed;inset:0}.vm-prompt-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.vm-prompt-cancel{color:#ccc;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #4a4a50;border-radius:4px;padding:8px 16px;font-size:17px}.vm-prompt-phase,.vm-read-phase{flex-direction:column;flex:1;min-height:0;display:flex}.vm-read-phase{overflow:auto}.vm-prompt-center,.vm-read-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:28px;padding:48px;display:flex}.vm-read-center{justify-content:flex-start}.vm-prompt-q{color:#eee;letter-spacing:.3px;font-size:20px}.vm-prompt-input{background:var(--bg-panel);color:#fff;resize:none;border:1px solid #4a4a50;border-radius:8px;outline:none;width:100%;max-width:620px;min-height:110px;padding:22px 24px;font-family:inherit;font-size:17px;line-height:1.7}.vm-prompt-input::placeholder{color:#666}.vm-prompt-input:focus{border-color:rgba(var(--accent-purple-rgb),.4)}.vm-prompt-struct{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:100%;max-width:620px;display:grid}.vm-struct-group{flex-direction:column;gap:6px;display:flex}.vm-struct-label{letter-spacing:1.4px;text-transform:uppercase;color:#91919a;font-size:11px}.vm-struct-select{border:1px solid var(--border-light);color:#fff;width:100%;font-family:var(--font-body);cursor:pointer;background:#ffffff08;border-radius:6px;outline:none;padding:10px 12px;font-size:14px}.vm-struct-select:focus{border-color:var(--accent-purple)}.vm-prompt-mic{border:1px solid var(--border-light);color:#aaa;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;margin-top:12px;padding:10px 20px;font-family:inherit;font-size:14px;transition:all .15s;display:flex}.vm-prompt-mic:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-prompt-mic.recording{color:#f44;border-color:#f44;animation:1s infinite mic-pulse}@keyframes mic-pulse{0%,to{opacity:1}50%{opacity:.5}}.vm-prompt-chips{flex-wrap:wrap;gap:10px;max-width:600px;display:flex}.vm-chip{border:1px solid var(--border-light);color:#bbb;cursor:pointer;letter-spacing:.6px;background:0 0;border-radius:6px;padding:10px 20px;font-size:18px;transition:all .12s}.vm-chip:hover{border-color:var(--accent-purple);color:var(--accent-purple)}.vm-idea-row{justify-content:center;align-items:center;gap:12px;width:100%;max-width:620px;margin-top:-8px;display:flex}.vm-idea-btn{background:rgba(var(--accent-purple-rgb),.12);border:1px solid rgba(var(--accent-purple-rgb),.45);color:#fff;letter-spacing:1px;cursor:pointer;border-radius:6px;padding:10px 18px;font-family:inherit;font-size:14px;transition:all .12s}.vm-idea-btn:hover{background:rgba(var(--accent-purple-rgb),.2);border-color:var(--accent-purple)}.vm-idea-name{color:#9f9faa;letter-spacing:.6px;min-width:150px;font-size:13px}.vm-preset-row{flex-direction:column;align-items:flex-start;gap:10px;width:100%;max-width:620px;display:flex}.vm-preset-save{border:1px solid var(--border-light);letter-spacing:1.6px;text-transform:uppercase;color:#d2d2d9;cursor:pointer;background:0 0;border-radius:6px;padding:10px 16px;font-size:13px;transition:all .12s}.vm-preset-save:hover{border-color:var(--accent-purple);color:#fff;background:rgba(var(--accent-purple-rgb),.08)}.vm-preset-list{flex-wrap:wrap;gap:8px;width:100%;display:flex}.vm-preset-chip{border:1px solid var(--border-light);color:#d7d7dd;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#ffffff08;border-radius:999px;max-width:100%;padding:8px 12px;font-size:13px;transition:all .12s;overflow:hidden}.vm-preset-chip:hover{border-color:var(--accent-purple);color:#fff;background:rgba(var(--accent-purple-rgb),.08)}.vm-preset-empty{color:#808088;font-size:13px}.vm-session-block{flex-direction:column;gap:10px;width:100%;max-width:620px;padding-top:2px;display:flex}.vm-session-title{letter-spacing:1.6px;text-transform:uppercase;color:#91919a;font-size:11px}.vm-session-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}.vm-session-card{border:1px solid var(--border-light);color:#fff;text-align:left;cursor:pointer;background:#ffffff08;border-radius:8px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .12s;display:flex}.vm-session-card:hover{border-color:var(--accent-purple);background:rgba(var(--accent-purple-rgb),.06)}.vm-session-card-title{color:#f4f4f6;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.vm-session-card-meta{color:#b7b7be;font-size:12px}.vm-session-card-tags{color:#878790;font-size:12px;line-height:1.45}.vm-session-empty{color:#808088;font-size:13px}.vm-prompt-go{background:var(--accent-purple);letter-spacing:2px;color:#fff;cursor:pointer;border:none;border-radius:6px;padding:14px 40px;font-size:18px;font-weight:700}.vm-prompt-go:hover{opacity:.85}.vm-read-card{border:1px solid var(--border-light);background:var(--bg-panel);border-radius:8px;width:100%;max-width:560px;padding:28px}.vm-read-label{letter-spacing:2px;color:var(--accent-purple);margin-bottom:16px;font-size:17px;font-weight:600}.vm-read-text{color:#ddd;font-size:18px;line-height:1.85}.vm-read-text strong{color:#fff;font-weight:600}.vm-read-params{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;padding-top:16px;display:grid}.vm-read-edit-grid{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;padding-top:16px;display:grid}.vm-read-edit-group{flex-direction:column;gap:4px;display:flex}.vm-read-edit-label{letter-spacing:1px;color:#888;text-transform:uppercase;font-size:12px}.vm-read-edit-row{align-items:center;gap:8px;display:flex}.vm-read-slider{accent-color:var(--accent-purple);cursor:pointer;flex:1;height:4px}.vm-read-edit-val{color:#fff;text-align:right;min-width:50px;font-size:15px;font-weight:700}.vm-read-select{background:var(--bg-input);border:1px solid var(--border-light);color:#fff;font-family:var(--font-body);cursor:pointer;border-radius:4px;outline:none;padding:6px 10px;font-size:14px}.vm-read-select:focus{border-color:var(--accent-purple)}.vm-read-pk{color:#999;letter-spacing:1px;font-size:18px}.vm-read-pv{color:#fff;margin-top:4px;font-size:17px}.vm-read-tracks-label{letter-spacing:2px;color:#aaa;border-top:1px solid var(--border);margin:16px 0 12px;padding-top:16px;font-size:18px;font-weight:600}.vm-read-track{border:1px solid var(--border);text-align:left;cursor:pointer;background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:flex-start;width:100%;margin-bottom:5px;padding:11px 14px;font-family:inherit;transition:all .12s;display:flex}.vm-read-track:hover{border-color:rgba(var(--accent-purple-rgb),.45);background:rgba(var(--accent-purple-rgb),.06)}.vm-read-track.first,.vm-read-track.selected{border-color:var(--accent-purple);background:rgba(var(--accent-purple-rgb),.1)}.vm-opener-surprise{border-style:dashed}.vm-rt-name{color:#fff;font-size:17px}.vm-rt-why{color:#999;margin-top:4px;font-size:17px}.vm-rt-bpm{color:var(--accent-purple);flex-shrink:0;margin-left:12px;font-size:18px}.vm-read-empty{color:#777;padding:8px 0;font-size:13px;font-style:italic}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.vm-energy-curve-section{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.vm-energy-curve-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.vm-energy-curve-reset{border:1px solid var(--border);color:#aaa;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:3px;padding:4px 10px;font-family:inherit;font-size:11px}.vm-energy-curve-reset:hover{color:#fff;border-color:var(--accent-purple,#84f)}.vm-energy-curve{border:1px solid var(--border);background:#ffffff05;border-radius:6px;width:100%;height:110px;overflow:hidden}.vm-curve-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.vm-curve-grid{stroke:#ffffff14;stroke-width:1px;stroke-dasharray:2 4}.vm-curve-line{fill:none;stroke:var(--accent-purple,#84f);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.vm-curve-fill{fill:rgba(var(--accent-purple-rgb),.12)}.vm-curve-handle{cursor:grab;outline:none}.vm-curve-handle:focus-visible .vm-curve-handle-dot{stroke:#fff;stroke-width:2px}.vm-curve-handle-hit{fill:#0000}.vm-curve-handle-dot{fill:var(--accent-purple,#84f);stroke:#ffffffb3;stroke-width:1.5px;transition:r .1s}.vm-curve-handle:hover .vm-curve-handle-dot{r:8}.vm-curve-handle-active{cursor:grabbing}.vm-curve-handle-active .vm-curve-handle-dot{fill:#fff;r:8}.vm-curve-handle-label{fill:#bbb;font-size:11px;font-family:var(--font-display,monospace);letter-spacing:.5px;pointer-events:none}.vm-pinned-section{margin-top:18px}.vm-pinned-hint{color:#777;letter-spacing:.5px;text-transform:none;margin-top:4px;font-size:11px;font-weight:400;display:block}.vm-pinned-chips{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.vm-pinned-chip{border:1px solid var(--border);background:rgba(var(--accent-purple-rgb),.06);border-radius:6px;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.vm-pinned-chip-clash{background:#ffaa000d;border-color:#ffaa0073}.vm-pinned-chip-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.vm-pinned-chip-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.vm-pinned-chip-meta{color:#999;font-size:13px}.vm-pinned-clash{color:var(--accent-yellow,#fa0);letter-spacing:.5px;margin-top:3px;font-size:11px}.vm-pinned-chip-x{border:1px solid var(--border);color:#aaa;cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;line-height:1;display:flex}.vm-pinned-chip-x:hover{color:#fff;border-color:var(--accent-purple,#84f)}.vm-pinned-search-wrap{align-items:center;gap:8px;display:flex}.vm-pinned-zone{background:var(--bg-input);border:1px solid var(--border-light);color:#fff;font-family:var(--font-body);cursor:pointer;border-radius:4px;outline:none;flex-shrink:0;max-width:50%;padding:8px 10px;font-size:13px}.vm-pinned-zone:focus{border-color:var(--accent-purple)}.vm-pinned-search{background:var(--bg-input);border:1px solid var(--border-light);color:#fff;font-family:var(--font-body);border-radius:4px;outline:none;flex:1;padding:8px 10px;font-size:14px}.vm-pinned-search:focus{border-color:var(--accent-purple)}.vm-pinned-search:disabled{opacity:.5;cursor:not-allowed}.vm-pinned-results{flex-direction:column;gap:4px;max-height:220px;margin-top:6px;display:none;overflow-y:auto}.vm-pinned-results.open{display:flex}.vm-pinned-result{border:1px solid var(--border);text-align:left;cursor:pointer;color:#fff;background:#ffffff05;border-radius:5px;justify-content:space-between;align-items:center;padding:8px 12px;font-family:inherit;transition:all .12s;display:flex}.vm-pinned-result:hover{border-color:rgba(var(--accent-purple-rgb),.45);background:rgba(var(--accent-purple-rgb),.06)}.vm-pinned-result-name{text-overflow:ellipsis;white-space:nowrap;margin-right:10px;font-size:14px;overflow:hidden}.vm-pinned-result-meta{color:var(--accent-purple);flex-shrink:0;font-size:13px}.vm-opener-locked{cursor:default}.vm-opener-locked:hover{border-color:var(--accent-purple);background:rgba(var(--accent-purple-rgb),.1)}.vm-pinned-unlock{border:1px solid var(--border-light);color:#bbb;cursor:pointer;letter-spacing:1px;background:0 0;border-radius:4px;flex-shrink:0;margin-left:12px;padding:6px 12px;font-family:inherit;font-size:12px}.vm-pinned-unlock:hover{color:#fff;border-color:var(--accent-purple)}.vm-read-btns{gap:12px;margin-top:20px;display:flex}.vm-read-confirm{background:var(--accent-purple);letter-spacing:2px;color:#fff;cursor:pointer;border:none;border-radius:6px;padding:14px 36px;font-size:18px;font-weight:700}.vm-read-back{letter-spacing:1px;color:#ccc;cursor:pointer;background:0 0;border:1px solid #4a4a50;border-radius:6px;padding:14px 22px;font-size:18px}.worker-warning{color:var(--accent-yellow);padding:2px 6px;font-size:11px;display:none}.worker-warning.visible{display:block}.mic-denied-msg{color:var(--accent-red);padding:2px 6px;font-size:11px;display:none}.mic-denied-msg.visible{display:block}.idb-warning{color:var(--accent-yellow);padding:2px 4px;font-size:11px;display:none}.idb-warning.visible{display:inline-block}.grid-edit-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;letter-spacing:1px;background:0 0;border-radius:2px;margin-left:4px;padding:1px 5px;font-size:11px;font-weight:700}.grid-edit-btn:hover{border-color:var(--accent-a);color:var(--accent-a)}.grid-edit-panel{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;flex-wrap:wrap;align-items:center;gap:3px;margin-top:4px;padding:4px 6px;display:flex}.grid-bpm-input{background:var(--bg-dark);border:1px solid var(--border);color:#fff;width:65px;font-size:17px;font-family:var(--font-display);text-align:center;border-radius:2px;padding:2px 4px}.grid-sm-btn{background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;letter-spacing:.5px;border-radius:2px;padding:2px 5px;font-size:11px;font-weight:700}.grid-sm-btn:hover{border-color:var(--border-light);color:#fff}.grid-sm-btn.grid-save{border-color:var(--accent-green);color:var(--accent-green)}.grid-sm-btn.grid-cancel{border-color:var(--accent-red);color:var(--accent-red)}.sampler-chop-bar{grid-column:1/-1;justify-content:center;padding:2px 0;display:flex}.chop-btn{letter-spacing:1px;padding:2px 10px;font-size:11px}.smart-playlist-form{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;padding:6px 8px;display:flex}.smart-row{align-items:center;gap:4px;display:flex}.smart-row label{color:var(--text-dim);letter-spacing:1px;min-width:50px;font-size:11px;font-weight:700}@media (width<=900px){.challenge-context{grid-template-columns:1fr}.vm-prompt-struct{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-session-list{grid-template-columns:1fr}.vm-arc-moments-wrap{flex-direction:column}.vm-arc-moments{justify-content:flex-start}}@media (width<=640px){.challenge-modal-card{width:min(100vw - 18px,680px)!important}.challenge-theme-title{font-size:22px}.challenge-meta-grid{grid-template-columns:1fr}.vm-prompt-center,.vm-read-center{padding:28px 18px}.vm-prompt-struct{grid-template-columns:1fr}.vm-idea-row{flex-direction:column;align-items:stretch}.vm-preset-row{align-items:stretch}}[data-theme=light] body{font-family:var(--font-body);background:linear-gradient(155deg,#efeee9,#e3e1db);overflow:hidden}[data-theme=light] #app{--te-mixer-w:244px;--te-bottom-h:176px;grid-template-rows:48px 1fr var(--te-bottom-h);grid-template-columns:1fr var(--te-mixer-w) 1fr;background:var(--border);grid-template-areas:"topbar topbar topbar""deck-a mixer deck-b""bottom bottom bottom";gap:1px;max-width:100%;height:100vh;margin:0;padding:0;display:grid;overflow:hidden}[data-theme=light] #app.fullscreen-mode{grid-template-rows:48px 0 1fr 0}[data-theme=light] .top-bar{background:var(--bg-panel);border:none;border-radius:0;grid-area:topbar;justify-content:space-between;align-items:center;height:48px;padding:0 18px;display:flex}[data-theme=light] .display-zone{display:none}[data-theme=light] .controls-area{display:contents}[data-theme=light] #deck-a{background:var(--bg-panel);border:none;border-radius:0;grid-area:deck-a;overflow:hidden auto}[data-theme=light] .mixer-center{width:var(--te-mixer-w);background:var(--bg-panel);border:none;border-radius:0;grid-area:mixer;max-height:none;padding:0;overflow:hidden auto}[data-theme=light] #deck-b{background:var(--bg-panel);border:none;border-radius:0;grid-area:deck-b;overflow:hidden auto}[data-theme=light] .te-bottom-panel{background:var(--bg-panel);border:none;border-radius:0;grid-area:bottom;grid-template-columns:44px 1fr;display:grid;overflow:hidden}[data-theme=light] .key-compat,[data-theme=light] .deck-pair-switcher,[data-theme=light] .b2b-bar,[data-theme=light] .mobile-deck-switcher,[data-theme=light] .shortcuts-bar,[data-theme=light] .landscape-hint,[data-theme=light] .phase-meter-bar,[data-theme=light] .set-arc-bar,[data-theme=light] .spectrum-bar,[data-theme=light] .waveform-overview,[data-theme=light] .mix-assist-panel,[data-theme=pro] .te-bottom-panel,[data-theme=pro] .te-deck-tabs,[data-theme=pro] .beat-dots{display:none!important}[data-theme=pro] .display-zone{display:contents}[data-theme=light] .top-bar .logo{font-family:var(--font-display);letter-spacing:.12em;text-transform:lowercase;color:var(--text-bright);-webkit-text-fill-color:var(--text-bright);background:0 0;align-items:baseline;gap:6px;font-size:15px;font-weight:600;display:flex}[data-theme=light] .top-bar .logo-kanji{color:var(--accent-a);-webkit-text-fill-color:var(--accent-a);letter-spacing:0;font-size:16px}[data-theme=light] .user-badge{display:none}[data-theme=light] .master-clock{align-items:baseline;gap:3px;display:flex}[data-theme=light] .master-clock .label{letter-spacing:.22em;color:var(--text-dim);font-size:11px}[data-theme=light] .master-clock .bpm-display{letter-spacing:-.02em;color:var(--text-bright);font-size:18px;font-weight:700}[data-theme=light] .tap-btn{display:none}[data-theme=light] .top-right{align-items:center;gap:8px;display:flex}[data-theme=light] .top-btn{border-radius:var(--radius-sm);border:1px solid var(--border-light);font-family:var(--font-body);letter-spacing:.12em;background:#00000009;padding:5px 10px;font-size:11px}[data-theme=light] .top-btn:hover{border-color:var(--border-light);color:var(--text);background:#0000000f}[data-theme=light] .top-btn.active{background:rgba(var(--accent-a-rgb),.1);color:var(--accent-a);border-color:var(--accent-a)}[data-theme=light] .mode-toggle{margin-right:4px}[data-theme=light] .mode-btn{border-radius:var(--radius-sm);border:1px solid var(--border-light);font-family:var(--font-body);letter-spacing:.12em;background:#00000009;padding:6px 14px;font-size:11px}[data-theme=light] .mode-btn.active{background:rgba(var(--accent-a-rgb),.1);color:var(--accent-a);border-color:var(--accent-a)}[data-theme=light] .rec-btn{border-radius:var(--radius-sm)}[data-theme=light] .rec-btn.active{animation:1.6s ease-in-out infinite vibe-pulse-rec}@keyframes vibe-pulse-rec{0%,to{opacity:1}50%{opacity:.55}}[data-theme=light] .recording-controls{align-items:center;gap:4px;display:flex}[data-theme=light] .recording-controls .rec-time{letter-spacing:.18em;color:var(--text-dim);font-size:11px}[data-theme=light] .more-menu{border-radius:var(--radius-md)}[data-theme=light] #prefs-btn{padding:4px 9px;font-size:12px}[data-theme=light] .notif-btn{font-size:11px}[data-theme=light] .midi-status,[data-theme=light] .sync-status{letter-spacing:.18em;color:var(--text-dim);font-size:11px}[data-theme=light] .worker-warning,[data-theme=light] .idb-warning{letter-spacing:.08em;font-size:11px}[data-theme=light] .more-menu-btn{letter-spacing:.18em;padding:4px 9px!important;font-size:12px!important}[data-theme=light] .more-menu{border:1px solid var(--border);background:#f7f6f3;min-width:176px;overflow:hidden;box-shadow:0 16px 40px #605a5238}[data-theme=light] .more-item{letter-spacing:.12em;text-transform:uppercase;background:0 0;padding:8px 12px;font-size:11px;font-weight:600}[data-theme=light] .more-item:hover{color:var(--text-bright);background:#0000000d}[data-theme=light] .notif-dropdown{border-radius:var(--radius-md);border:1px solid var(--border);background:#f7f6f3;overflow:hidden;box-shadow:0 16px 40px #605a5238}[data-theme=light] .deck{background:var(--bg-panel);border:none;border-radius:0;flex-direction:column;gap:0;padding:0;display:flex}[data-theme=light] .deck.deck-dragover{outline:2px solid var(--accent-a);outline-offset:-2px;background:rgba(var(--cel-rgb),.05)}.deck.deck-dragover .deck-header-track:after{content:" — drop to load";color:var(--accent-a);font-weight:400}[data-theme=light] .deck-header{border-bottom:1px solid var(--border);background:#efeee9;border-radius:0;flex-direction:column;gap:2px;height:auto;padding:8px 14px 6px;display:flex}[data-theme=light] .deck-header-row1{grid-template-columns:minmax(58px,auto) auto auto 1fr auto;align-items:center;gap:8px;width:100%;min-height:22px;display:grid}[data-theme=light] .deck-id{letter-spacing:.12em;color:var(--accent-a);text-transform:uppercase;font-size:11px;font-weight:600}[data-theme=light] #deck-b .deck-id{color:var(--accent-b)}[data-theme=light] .bpm-value{color:var(--text-bright);font-size:12px}[data-theme=light] .bpm-label{letter-spacing:.18em;font-size:11px}[data-theme=light] .deck-key{color:var(--accent-a);border:1px solid var(--border);margin-left:auto;padding:1px 5px;font-size:11px;font-weight:700}[data-theme=light] .deck-header-track{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.04em;width:100%;min-height:18px;font-size:13px;font-weight:700;line-height:1.35;overflow:hidden}[data-theme=light] .track-name{color:var(--text-bright);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;font-weight:700;overflow:hidden}[data-theme=light] .section-label{letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;margin-bottom:3px;font-size:11px}[data-theme=light] .deck .load-track-btn{height:24px;font-size:11px}[data-theme=light] .grid-edit-btn{letter-spacing:.12em;border-radius:var(--radius-sm);padding:2px 5px;font-size:11px}[data-theme=light] .grid-bpm-input,[data-theme=light] .grid-sm-btn{border-radius:var(--radius-sm);font-size:11px}[data-theme=light] .load-section{border-bottom:1px solid var(--border);grid-template-columns:1fr auto;gap:4px;padding:8px 12px 6px;display:grid}[data-theme=light] .load-btn{border:1px dashed var(--border-light);border-radius:var(--radius-sm);color:var(--text-dim);letter-spacing:.12em;background:#00000009;padding:7px 4px;font-size:11px;font-weight:600;line-height:1.1}[data-theme=light] .track-notes-btn{float:none;border-radius:var(--radius-sm);background:#00000009;justify-content:center;align-items:center;margin-top:0;padding:0 8px;font-size:12px;display:flex}[data-theme=light] .tempo-section,[data-theme=light] .eq-section{padding:6px 10px}[data-theme=light] .color-fx-section,[data-theme=light] .channel-strip{padding:5px 10px}[data-theme=light] .pad-section,[data-theme=light] .loop-section,[data-theme=light] .stem-section,[data-theme=light] .adv-fx-panel{padding:6px 10px}[data-theme=light] .jog-wheel-container{border-bottom:1px solid var(--border);background:0 0;justify-content:center;align-items:center;padding:10px 0 8px;display:flex}[data-theme=light] .jog-wheel{border:1px solid var(--border-light);background:radial-gradient(circle at 40% 33%,#fdfcfa,#ebe9e5 58%,#dad8d2 100%);border-radius:50%;box-shadow:0 4px 12px #605a5229,inset 0 1px 2px #ffffffe6,inset 0 -6px 16px #a59f9638;width:108px!important;height:108px!important}[data-theme=light] .jog-wheel.playing{border-color:var(--accent-a)}[data-theme=light] .jog-inner{border:1px solid var(--border-light);background:radial-gradient(circle at 40% 33%,#fdfcfa,#e2e0da);width:64px;height:64px}[data-theme=light] .jog-label{letter-spacing:.12em;color:var(--text-dim);font-size:11px}[data-theme=light] .jog-dot{background:var(--accent-a);width:6px;height:6px;box-shadow:none;border-radius:50%;top:7px}[data-theme=light] .jog-modes{gap:4px;margin-top:4px}[data-theme=light] .vinyl-btn,[data-theme=light] .slip-btn{border-radius:var(--radius-sm);letter-spacing:.12em;padding:2px 8px;font-size:11px}[data-theme=light] .transport{grid-template-columns:1fr 1.6fr 1fr;gap:5px;padding:8px 12px 6px;display:grid}[data-theme=light] .transport button{border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border-light);color:var(--text-dim);box-shadow:none;background:#00000009;min-height:30px;padding:7px 4px;font-size:11px}[data-theme=light] .transport button:hover{border-color:var(--border-light);color:var(--text);background:#0000000f}[data-theme=light] .transport button.active{background:rgba(var(--accent-a-rgb),.1);border-color:var(--accent-a);color:var(--accent-a);font-weight:600}[data-theme=light] .cue-btn,[data-theme=light] .play-btn{border-width:1px}[data-theme=light] .play-btn.active{animation:none}[data-theme=light] .tempo-label,[data-theme=light] .eq-knob-group label,[data-theme=light] .gain-section label{letter-spacing:.16em;font-size:11px}[data-theme=light] .tempo-value{color:var(--text-bright);font-size:13px}[data-theme=light] .tempo-slider{background:#0000000f;border-radius:2px;height:3px}[data-theme=light] .range-btn{letter-spacing:.12em;padding:2px 4px;font-size:11px}[data-theme=light] .sync-btn,[data-theme=light] .master-btn{border-radius:var(--radius-sm);letter-spacing:.12em;border-color:var(--border-light);color:var(--text-dim);background:#00000009;padding:4px 8px;font-size:11px}[data-theme=light] .sync-btn:hover,[data-theme=light] .sync-btn.active{background:rgba(var(--accent-a-rgb),.1);color:var(--accent-a);border-color:var(--accent-a);box-shadow:none}[data-theme=light] .eq-section{background:0 0;border-radius:0;gap:10px;padding:8px 12px}[data-theme=light] .knob-wrapper{width:28px;height:28px}[data-theme=light] .knob-wrapper.small{width:24px;height:24px}[data-theme=light] .rotary-knob{border:1px solid var(--border-light);background:radial-gradient(circle at 40% 33%,#fdfcfa,#e7e5e0 62%,#d6d4ce 100%);border-radius:50%;box-shadow:0 2px 5px #605a5229,inset 0 1px 2px #ffffffd9,inset 0 -2px 5px #a59f9647}[data-theme=light] .rotary-knob:hover{border-color:var(--accent-line,rgba(var(--accent-a-rgb),.5))}[data-theme=light] .rotary-knob:after{background:var(--accent-a);width:3px;height:3px;box-shadow:none;border-radius:50%;top:4px}[data-theme=light] .knob-wrapper.small .rotary-knob:after{height:3px;top:3px}[data-theme=light] .eq-val{font-size:11px}[data-theme=light] .eq-kill{border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.12em;padding:2px 4px;font-size:11px}[data-theme=light] .eq-kill.active{background:rgba(var(--accent-a-rgb),.1)!important;color:var(--accent-a)!important;border-color:var(--accent-a)!important}[data-theme=light] .color-fx-section,[data-theme=light] .channel-strip,[data-theme=light] .pad-section,[data-theme=light] .loop-section,[data-theme=light] .stem-section,[data-theme=light] .beat-fx-panel,[data-theme=light] .setlist-section{border-top:1px solid var(--border);background:0 0;border-radius:0}[data-theme=light] .cfx-btn.active,[data-theme=light] .pad.set,[data-theme=light] #deck-b .pad.set{box-shadow:none}[data-theme=light] .cfx-btn{border-radius:var(--radius-sm);padding:3px 0;font-size:11px}[data-theme=light] .color-fx-knob{background:#0000000f;border-radius:2px;height:3px}[data-theme=light] .channel-strip{gap:8px}[data-theme=light] .volume-fader{width:14px;height:78px}[data-theme=light] .vu-meter{border-radius:var(--radius-sm);border-color:var(--border);background:#e4e1db;width:16px;height:96px;box-shadow:inset 0 1px 2px #96908766}[data-theme=light] .pad-section{border-radius:0;padding:8px 12px}[data-theme=light] .pad-mode-tabs{gap:4px;margin-bottom:6px}[data-theme=light] .hotcue-pad{border-radius:var(--radius-sm);font-family:var(--font-body);min-height:32px;font-size:11px}[data-theme=light] .hotcue-pad.set{border-color:var(--accent-a);color:var(--accent-a);background:rgba(var(--accent-a-rgb),.06)}[data-theme=light] .hotcue-pad.active{background:rgba(var(--accent-a-rgb),.14);color:var(--accent-deep,#4d8b73);border-color:var(--accent-a);box-shadow:none;font-weight:600}[data-theme=light] .pad-grid{gap:4px}[data-theme=light] .pad{border-radius:var(--radius-sm);border-color:var(--border-light);background:#00000009;min-height:32px;padding:8px 0;font-size:11px}[data-theme=light] .pad-mode-btn{border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.12em;padding:5px 0;font-size:11px}[data-theme=light] .pad-mode-btn.active{background:rgba(var(--accent-a-rgb),.1);color:var(--accent-a);border-color:var(--accent-a)}[data-theme=light] .loop-section{border-radius:0;padding:8px 12px}[data-theme=light] .loop-buttons{gap:4px}[data-theme=light] .loop-btn,[data-theme=light] .loop-in-out,[data-theme=light] .loop-adj-btn,[data-theme=light] .saved-loop-btn{border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.12em;font-size:11px}[data-theme=light] .loop-btn.active{background:rgba(var(--accent-a-rgb),.1);color:var(--accent-a);border-color:var(--accent-a);box-shadow:none}[data-theme=light] .tempo-section{border-radius:0;padding:8px 12px}[data-theme=light] .range-btn{border-radius:var(--radius-sm);font-family:var(--font-body)}[data-theme=light] .range-btn.active{background:rgba(var(--accent-a-rgb),.1);color:var(--accent-a);border-color:var(--accent-a)}[data-theme=light] input[type=range]{accent-color:var(--accent-a);border-radius:2px}[data-theme=light] input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--border-light);cursor:pointer;opacity:0;background:#fefdfb;border-radius:50%;width:12px;height:12px;transition:opacity .2s;box-shadow:0 1px 3px #605a524d}[data-theme=light] input[type=range]:hover::-webkit-slider-thumb{opacity:1}[data-theme=light] input[type=range]:focus-visible::-webkit-slider-thumb{opacity:1}[data-theme=light] input[type=range]:active::-webkit-slider-thumb{opacity:1}[data-theme=light] input[type=range]::-webkit-slider-runnable-track{background:#dedcd6;border-radius:3px;height:4px;box-shadow:inset 0 1px 2px #96908759}[data-theme=light] .mixer-center{gap:0;padding:0}[data-theme=light] .mixer-center>*{border-bottom:1px solid var(--border);flex-shrink:0;padding:8px 11px}[data-theme=light] .mixer-center .section-label{justify-content:space-between;margin-bottom:4px;display:flex}[data-theme=light] .mixer-center .fader-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}[data-theme=light] .mixer-center .crossfader-section .xf-labs{margin-bottom:4px}[data-theme=light] .beat-fx-panel{border-bottom:1px solid var(--border);border-radius:0;padding:8px 11px}[data-theme=light] .fx-select,[data-theme=light] .fx-beat-btn,[data-theme=light] .fx-on-btn,[data-theme=light] .fx-chain-btn,[data-theme=light] .xy-deck-btn,[data-theme=light] .cf-curve,[data-theme=light] .hp-btn,[data-theme=light] .bj-deck-btn,[data-theme=light] .bj-btn,[data-theme=light] .mic-btn{border-radius:var(--radius-sm);letter-spacing:.12em;font-size:11px}[data-theme=light] .fx-depth-slider,[data-theme=light] .hp-mix input,[data-theme=light] .hp-vol input{background:#0000000f;border-radius:2px;height:3px}[data-theme=light] .xy-pad{border-radius:var(--radius-md);background:#e4e1db;height:96px;box-shadow:inset 0 1px 3px #96908759}[data-theme=light] .xy-cursor{background:var(--accent-a);border-radius:50%;width:10px;height:10px;box-shadow:0 1px 3px #605a524d}[data-theme=light] .crossfader{background:#dedcd6;border-radius:3px;height:4px;box-shadow:inset 0 1px 2px #96908759}[data-theme=light] .crossfader::-webkit-slider-thumb{border:1px solid var(--border-light);background:#fefdfb;border-radius:4px;width:18px;height:16px;box-shadow:0 1px 3px #605a524d;opacity:1!important}[data-theme=light] .master-fader{width:14px;height:56px}[data-theme=light] .cf-label,[data-theme=light] .chain-label,[data-theme=light] .xy-label-x,[data-theme=light] .xy-label-y,[data-theme=light] .hp-mix label,[data-theme=light] .hp-vol label{letter-spacing:.12em;font-size:11px}[data-theme=light] .crossfader-section{border-radius:0}[data-theme=light] .fx-btn{border-radius:var(--radius-sm);font-family:var(--font-body)}[data-theme=light] .fx-btn.active{background:rgba(var(--accent-a-rgb),.1);color:var(--accent-a);border-color:var(--accent-a)}[data-theme=light] .rec-btn{border-color:var(--accent-red);color:var(--accent-red);background:#c2603f1a}[data-theme=light] .rec-btn.active{background:var(--accent-red);color:#fff;animation:1.6s ease-in-out infinite vibe-pulse-rec}[data-theme=light] .vinyl-btn.active,[data-theme=light] .slip-btn.active{background:rgba(var(--accent-a-rgb),.12);border-color:var(--accent-a);color:var(--accent-deep,#4d8b73)}.te-bottom-panel{display:none}[data-theme=light] .te-bottom-panel{grid-template-columns:44px 1fr;display:grid}.te-bp-tabs{border-right:1px solid var(--border);flex-direction:column;display:flex}.te-btab{border:none;border-bottom:1px solid var(--border);background:var(--sf);font-family:var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);cursor:pointer;flex:1;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex;overflow:hidden}.te-btab:last-child{border-bottom:none}.te-btab-on{background:rgba(var(--accent-a-rgb),.1)!important;color:var(--accent-a)!important}.te-btab-lib{border-top:1px solid var(--border)!important;color:var(--accent-a)!important;border-bottom:none!important;flex:none!important;padding:5px 0!important}.te-btab:not(.te-btab-on):hover{color:var(--text)}.te-bp-content{overflow:hidden}.te-bp-section{height:100%;display:none}.te-bp-section.te-bp-active{grid-template-columns:minmax(210px,24vw) 1fr minmax(150px,18vw);height:100%;display:grid}.te-bp-queue,.te-bp-arc,.te-bp-dir{flex-direction:column;display:flex;overflow:hidden}.te-bp-queue,.te-bp-arc{border-right:1px solid var(--border)}.te-bp-hdr{background:var(--sfh);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.18em;color:var(--text-dim);flex-shrink:0;justify-content:space-between;align-items:center;min-height:28px;padding:5px 12px;font-size:11px;display:flex}.te-bp-arc-time{color:var(--accent-a);font-size:11px}.te-bp-arc-wrap{flex:1;padding:6px 12px}.te-bp-queue-list{flex:1;font-size:11px;overflow-y:auto}.te-bp-dir-grid{flex:1;grid-template-columns:1fr 1fr;gap:1px;padding:1px;display:grid}.te-dir-btn{border:1px solid var(--border);background:var(--sf);font-family:var(--font-body);color:var(--text-dim);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:4px;font-size:11px;display:flex}.te-dir-btn:hover{border-color:var(--accent-a);color:var(--text-bright)}.te-bp-dir-input{border-top:1px solid var(--border);flex-shrink:0;display:flex}.te-dir-field{font-family:var(--font-body);color:var(--text-bright);background:0 0;border:none;outline:none;flex:1;padding:7px 10px;font-size:11px}.te-dir-field::placeholder{color:var(--text-dim)}.te-dir-mic{border-left:1px solid var(--border);cursor:pointer;width:34px;color:var(--text-dim);background:0 0;border-top:none;border-bottom:none;border-right:none;justify-content:center;align-items:center;display:flex}.te-dir-mic:hover{color:var(--accent-a)}.te-q-item{border-bottom:1px solid var(--border);cursor:default;grid-template-columns:18px 1fr auto 14px auto;align-items:center;gap:7px;min-height:26px;padding:5px 10px;font-size:11px;display:grid}.te-q-item:hover{background:var(--sfh)}.te-q-item:hover .te-q-remove{opacity:1}.te-q-deck{background:var(--sfh)}.te-q-playing{border-left:2px solid var(--accent-a)}.te-q-label{letter-spacing:.2em;color:var(--accent-a);flex-shrink:0;width:16px;font-size:11px;font-weight:700}.te-q-num{color:var(--text-dim);text-align:center;flex-shrink:0;width:16px;font-size:11px}.te-q-name{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.te-q-meta{color:var(--text-dim);flex-shrink:0;font-size:11px}.te-q-flow{border-radius:50%;flex-shrink:0;width:6px;height:6px}.te-q-flow.flow-green{background:var(--accent-green)}.te-q-flow.flow-yellow{background:var(--accent-yellow)}.te-q-flow.flow-red{background:var(--accent-red)}.te-q-remove{opacity:0;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;transition:opacity .1s}.te-q-remove:hover{color:var(--accent-red)}.te-q-empty{color:var(--text-dim);padding:12px;font-size:11px}.te-q-dropzone{border-top:1px dashed var(--border);color:var(--text-dim);text-align:center;cursor:default;letter-spacing:.12em;flex-shrink:0;padding:6px 10px;font-size:11px;transition:all .15s}.te-q-dropzone.drag-over{background:rgba(var(--cel-rgb),.1);border-color:var(--accent-a);color:var(--accent-a)}[data-teq-idx]{cursor:grab}[data-teq-idx]:active{cursor:grabbing}.te-bp-session{border-left:1px solid var(--border);flex-direction:column;display:flex}.te-bp-session-stats{flex:1;padding:8px 10px}.te-ss-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:4px;padding:4px 0;font-size:11px;display:flex}.te-ss-row:last-child{border-bottom:none}.te-ss-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;flex-shrink:0;font-size:11px}.te-ss-val{color:var(--text-bright);font-weight:700}[data-theme=light] .library-panel{bottom:calc(var(--te-bottom-h) + 20px);z-index:99;-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#f4f3f0f5;height:auto;margin:0;padding:0;transition:max-height .25s;left:10px;right:10px;overflow:hidden;max-height:0!important;position:fixed!important}[data-theme=light] .library-panel:not(.collapsed){overflow-y:auto;max-height:18vh!important}[data-theme=light] .library-panel.collapsed{max-height:0!important}[data-theme=light] .library-header{border-bottom:1px solid var(--border);background:#00000006;border-radius:0;padding:6px 12px}[data-theme=light] .library-table{border-radius:0}[data-theme=light] .lib-btn{border-radius:var(--radius-sm);font-family:var(--font-body);letter-spacing:.12em;font-size:11px}[data-theme=light] .lib-toggle{font-size:12px}[data-theme=light] .library-lookup,[data-theme=light] .library-search,[data-theme=light] .playlist-panel{padding:6px 10px}[data-theme=light] .lib-url-input,[data-theme=light] .library-search input,[data-theme=light] .playlist-name-input,[data-theme=light] .library-table td,[data-theme=light] .playlist-item,[data-theme=light] .playlist-empty{font-size:11px}[data-theme=light] .lib-url-input,[data-theme=light] .library-search input,[data-theme=light] .playlist-name-input,[data-theme=light] .playlist-load-select{border-radius:var(--radius-sm)}[data-theme=light] .lib-lookup-btn,[data-theme=light] .lib-lookup-status,[data-theme=light] .lib-sort,[data-theme=light] .library-table th,[data-theme=light] .playlist-item .pl-num,[data-theme=light] .playlist-item .pl-bpm,[data-theme=light] .playlist-item .pl-key,[data-theme=light] .lib-load-btn{font-size:11px}[data-theme=light] .library-table-wrap{max-height:none;padding:0 12px 8px}[data-theme=light] .library-table th{background:#eceae6}[data-theme=light] .playlist-drop-zone,[data-theme=light] .playlist-item,[data-theme=light] .lib-load-btn{border-radius:var(--radius-sm)}[data-theme=light] .modal{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:var(--radius-lg);background:#f6f5f2f5;max-width:calc(100vw - 24px);box-shadow:0 24px 70px #605a5247}[data-theme=light] .modal-header{border-bottom:1px solid var(--border);min-height:38px;font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;background:#efeee9;padding:10px 16px;font-size:12px;font-weight:600}[data-theme=light] .modal-body{background:0 0;padding:12px 16px;line-height:1.5}[data-theme=light] .modal-input{font-family:var(--font-body);min-height:28px;font-size:12px}[data-theme=light] .modal-close{min-width:26px;min-height:26px;font-family:var(--font-body);letter-spacing:0;color:var(--text-dim);font-size:14px}[data-theme=light] .modal-overlay{background:#28262252}[data-theme=light] .prefs-tabs{border-bottom:1px solid var(--border);background:0 0}[data-theme=light] .prefs-tab{font-family:var(--font-body);letter-spacing:.12em;font-size:11px}[data-theme=light] .prefs-tab.active{color:var(--accent-a);border-bottom-color:var(--accent-a)}[data-theme=light] .pref-section-label{letter-spacing:.12em;color:var(--text-dim);text-transform:uppercase;font-size:11px}[data-theme=light] .welcome-card{-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);background:#f6f5f2f7;box-shadow:0 24px 70px #605a524d}[data-theme=light] .welcome-logo{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:var(--text-bright);text-transform:lowercase;letter-spacing:.12em;font-weight:600}[data-theme=light] .welcome-start,[data-theme=light] .narr-generate-btn,[data-theme=light] .prompt-go-btn,[data-theme=light] .tutorial-next,[data-theme=light] .vm-prompt-go,[data-theme=light] .vm-read-confirm,[data-theme=light] .share-btn{background:rgba(var(--accent-a-rgb),.12)!important;border:1px solid rgba(var(--accent-a-rgb),.5)!important;color:var(--accent-a)!important}[data-theme=light] .welcome-start:hover:not(:disabled),[data-theme=light] .narr-generate-btn:hover,[data-theme=light] .prompt-go-btn:hover,[data-theme=light] .tutorial-next:hover,[data-theme=light] .vm-prompt-go:hover,[data-theme=light] .vm-read-confirm:hover,[data-theme=light] .share-btn:hover:not(:disabled){opacity:1;transform:none;background:rgba(var(--accent-a-rgb),.2)!important;box-shadow:none!important}[data-theme=light] .user-avatar{background:rgba(var(--accent-a-rgb),.15);color:var(--accent-a)}[data-theme=light] .logo,[data-theme=light] .viz-brand{background:0 0;-webkit-background-clip:initial;-webkit-text-fill-color:var(--text-bright)}[data-theme=light] .ghost-progress-bar,[data-theme=light] .export-progress-bar{background:var(--accent-a)}[data-theme=light] .ma-badge{background:rgba(var(--accent-a-rgb),.15);color:var(--accent-a)}[data-theme=light] .vm-dir-pad{background:linear-gradient(180deg,rgba(var(--accent-a-rgb),.08),transparent 42%),#eceae6}[data-theme=light] .mix-assist-header,[data-theme=light] .b2b-bar{background:#efeee9}[data-theme=light] .tutorial-card{border-color:var(--border-light);background:#f6f5f2fa}[data-theme=light] .ghost-indicator{border-color:rgba(var(--accent-a-rgb),.4);background:#f6f5f2f5}[data-theme=light] .ghost-readiness{border-color:rgba(var(--accent-a-rgb),.3);background:#f6f5f2f5;box-shadow:0 6px 24px #0000001f}[data-theme=light] .challenge-modal-card{background:#f6f5f2f7}[data-theme=light] .vibe-mode{background:linear-gradient(155deg,#efeee9,#e3e1db)}[data-theme=light] .vm-header{background:#efeee9}[data-theme=light] .vm-arc-hero{background:0 0}[data-theme=light] .vm-right{background:#efeee9}[data-theme=light] .vm-prompt-overlay{background:linear-gradient(155deg,#efeee9,#e3e1db)}[data-theme=light] button,[data-theme=light] input,[data-theme=light] select{border-radius:var(--radius-sm)!important}[data-theme=light] .modal,[data-theme=light] .welcome-card,[data-theme=light] .tutorial-card,[data-theme=light] .ghost-indicator,[data-theme=light] .ghost-readiness{border-radius:var(--radius-lg)!important}[data-theme=light] .social-btn{border-radius:var(--radius-sm)!important}[data-theme=light] .rotary-knob,[data-theme=light] .jog-wheel{border-radius:50%!important}[data-theme=light] *{text-shadow:none!important}[data-theme=light] button{transition:background .2s,border-color .2s,color .2s,box-shadow .25s,transform .15s}[data-theme=light] button:active{transform:scale(.97)}[data-theme=light] button,[data-theme=light] input,[data-theme=light] select,[data-theme=light] label,[data-theme=light] span,[data-theme=light] .section-label,[data-theme=light] .label{font-size:max(11px, inherit)}[data-theme=light] .waveform-container,[data-theme=light] .overview-container{border-radius:var(--radius-md)}[data-theme=light] .waveform-display{border-color:var(--border);border-radius:var(--radius-md);background:#eceae6}@media (width<=900px){[data-theme=light] #app{--te-bottom-h:156px;grid-template:"topbar"42px"deck-a"1fr"bottom"156px/1fr}[data-theme=light] #deck-b,[data-theme=light] .mixer-center{display:none}[data-theme=light] .mobile-deck-switcher{bottom:calc(var(--te-bottom-h) + 20px);z-index:80;border-top:1px solid var(--border);display:flex;position:fixed;left:10px;right:10px}[data-theme=light] .mds-tab{background:var(--bg-panel);color:var(--text-dim);font-family:var(--font-body);letter-spacing:2px;cursor:pointer;text-align:center;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 0;font-size:11px;font-weight:700}[data-theme=light] .mds-tab.active{background:var(--bg-control);color:var(--text-bright);border-bottom-color:var(--accent-a)}[data-theme=light] .top-bar{height:42px;padding:0 10px}[data-theme=light] .top-bar .logo{font-size:14px}[data-theme=light] .mode-toggle .mode-btn{padding:4px 10px;font-size:11px}[data-theme=light] .top-right{gap:4px}[data-theme=light] .top-btn,[data-theme=light] .rec-btn{padding:3px 8px;font-size:11px}[data-theme=light] .rec-time{display:none}[data-theme=light] .te-bottom-panel{grid-template-columns:36px 1fr}[data-theme=light] .te-btab{letter-spacing:.04em;font-size:11px}[data-theme=light] .te-bp-section.te-bp-active{grid-template-rows:auto auto;grid-template-columns:1fr}[data-theme=light] .te-bp-arc{display:none}[data-theme=light] .te-bp-session{border-left:none;border-top:1px solid var(--border)}[data-theme=light] .deck-header{padding:4px 8px}[data-theme=light] .deck-header-track{font-size:14px}[data-theme=light] .library-panel{bottom:calc(var(--te-bottom-h) + 20px)}[data-theme=light] .library-panel:not(.collapsed){max-height:24vh!important}}@media (width<=480px){[data-theme=light] #app{--te-bottom-h:136px;grid-template-rows:38px 1fr 136px}[data-theme=light] .top-bar{height:38px}[data-theme=light] .top-bar .logo{font-size:12px}[data-theme=light] .logo-kanji,[data-theme=light] .master-clock .label,[data-theme=light] .mode-toggle,[data-theme=light] .more-menu-wrap{display:none}[data-theme=light] .deck-header-row1{flex-wrap:wrap;gap:4px}[data-theme=light] .jog-wheel-container{display:none}[data-theme=light] .te-bottom-panel{grid-template-columns:1fr}[data-theme=light] .te-bp-tabs{border-right:none;border-bottom:1px solid var(--border);flex-direction:row}[data-theme=light] .library-panel{bottom:calc(var(--te-bottom-h) + 20px)}[data-theme=light] .library-panel:not(.collapsed){max-height:30vh!important}}[data-theme=light] .tap-btn:active,[data-theme=light] .rec-btn.active{color:var(--text-bright)}[data-theme=light] .pref-hint{color:var(--text-dim)}[data-theme=light] .dna-name{color:var(--text-bright)}[data-theme=light] .dna-trait-label{color:var(--text-dim)}[data-theme=light] .dna-trait-value{color:var(--text-bright)}[data-theme=light] .dna-trait-detail,[data-theme=light] .dna-grid-label,[data-theme=light] .dna-footer,[data-theme=light] .dna-empty,[data-theme=light] .dna-evo-label{color:var(--text-dim)}[data-theme=light] .dna-evo-value,[data-theme=light] .narr-title{color:var(--text-bright)}[data-theme=light] .narr-btn{color:var(--text)}[data-theme=light] .narr-btn:hover,[data-theme=light] .narr-btn-accent:hover{color:var(--text-bright)}[data-theme=light] .narr-close-btn{color:var(--text-dim)}[data-theme=light] .narr-close-btn:hover,[data-theme=light] .narr-input{color:var(--text-bright)}[data-theme=light] .narr-input::placeholder,[data-theme=light] .narr-input-fields label{color:var(--text-dim)}[data-theme=light] .narr-field,[data-theme=light] .narr-generate-btn{color:var(--text-bright)}[data-theme=light] .narr-api-key label,[data-theme=light] .narr-loading,[data-theme=light] .narr-usage{color:var(--text-dim)}[data-theme=light] .report-card-loading{color:var(--text)}[data-theme=light] .report-card-score-val{color:var(--text-bright)}[data-theme=light] .report-card-score-lbl{color:var(--text-dim)}[data-theme=light] .report-card-summary{color:var(--text)}[data-theme=light] .report-card-label{color:var(--text-dim)}[data-theme=light] .report-card-body ul{color:var(--text)}[data-theme=light] .narr-header{color:var(--text-dim)}[data-theme=light] .narr-detail-label{color:var(--text-bright)}[data-theme=light] .narr-detail-time{color:var(--text-dim)}[data-theme=light] .narr-detail-desc{color:var(--text)}[data-theme=light] .narr-card-name{color:var(--text-bright)}[data-theme=light] .narr-card-meta{color:var(--text-dim)}[data-theme=light] .narr-btn-sm{color:var(--text)}[data-theme=light] .narr-btn-sm:hover{color:var(--text-bright)}[data-theme=light] .narr-tag{color:var(--text)}[data-theme=light] .narr-tracks-header,[data-theme=light] .narr-tracks-empty{color:var(--text-dim)}[data-theme=light] .narr-track-name{color:var(--text)}[data-theme=light] .narr-track-bpm,[data-theme=light] .narr-track-key{color:var(--text-dim)}[data-theme=light] .mood-grid-toggle:hover,[data-theme=light] .mood-grid-toggle.active{color:var(--text-bright)}[data-theme=light] .vibe-slider-ends{color:var(--text-dim)}[data-theme=light] .vibe-reset:hover,[data-theme=light] .seed-btn:hover,[data-theme=light] .seed-btn.needs-setup:hover,[data-theme=light] .seed-summary strong,[data-theme=light] .guide-body strong{color:var(--text-bright)}[data-theme=light] .mg-corner{color:var(--text-dim)}[data-theme=light] .mood-grid-tooltip .mg-tt-name,[data-theme=light] .key-btn.active,[data-theme=light] .ma-btn-accent:hover,[data-theme=light] .ma-btn-highlight:hover,[data-theme=light] .prompt-go-btn,[data-theme=light] .prompt-action-btn:hover,[data-theme=light] .bpm-value,[data-theme=light] .sync-btn:hover,[data-theme=light] .sync-btn.active,[data-theme=light] .eq-kill.active,[data-theme=light] .fx-on-btn.active,[data-theme=light] .mic-btn.active,[data-theme=light] .lib-lookup-btn:hover,[data-theme=light] .challenge-theme-title{color:var(--text-bright)}[data-theme=light] .challenge-weekline{color:var(--text-dim)}[data-theme=light] .challenge-description{color:var(--text)}[data-theme=light] .challenge-meta-label{color:var(--text-dim)}[data-theme=light] .challenge-meta-value{color:var(--text-bright)}[data-theme=light] .challenge-meta-small{color:var(--text)}[data-theme=light] .challenge-context-title{color:var(--text-dim)}[data-theme=light] .challenge-rule-list,[data-theme=light] .challenge-winner-row{color:var(--text)}[data-theme=light] .challenge-winner-row span:last-child,[data-theme=light] .challenge-empty-state{color:var(--text-dim)}[data-theme=light] [data-tooltip]:hover:after,[data-theme=light] .welcome-start,[data-theme=light] .live-btn-on,[data-theme=light] .stem-analyze-btn:hover,[data-theme=light] .stem-mute.active,[data-theme=light] .ghost-btn.active,[data-theme=light] .ghost-takeback{color:var(--text-bright)}[data-theme=light] .ghost-takeback{background:rgba(var(--accent-a-rgb),.08);border-color:rgba(var(--accent-a-rgb),.35)}[data-theme=light] .ghost-takeback:hover{background:rgba(var(--accent-a-rgb),.16);box-shadow:none}[data-theme=light] .ghost-ready-row{border-bottom-color:var(--border)}[data-theme=light] .deck-pair-switcher.visible{border-bottom:1px solid var(--border);background:#00000006;gap:6px;padding:6px 10px;display:flex!important}[data-theme=light] .dps-btn{border:1px solid var(--border-light);color:var(--text-dim);font-family:var(--font-body);letter-spacing:.12em;border-radius:var(--radius-sm);background:#00000009;padding:5px 14px;font-size:11px}[data-theme=light] .dps-btn.active,[data-theme=light] .dps-btn[data-pair=cd].active{background:rgba(var(--accent-a-rgb),.1);border-color:var(--accent-a);color:var(--accent-a)}[data-theme=light] .ghost-exec-value,[data-theme=light] .ghost-ready-row span:last-child,[data-theme=light] .dna-stat-row span:last-child{color:var(--text-bright)}[data-theme=light] .tutorial-body{color:var(--text)}[data-theme=light] .tutorial-next,[data-theme=light] .export-retry-btn:hover{color:var(--text-bright)}[data-theme=light] .vibe-mode{color:var(--text)}[data-theme=light] .vm-logo{color:var(--text-bright)}[data-theme=light] .vm-scene-btn{color:var(--text-dim)}[data-theme=light] .vm-scene-btn:hover{color:var(--text-bright)}[data-theme=light] .vm-new-set{color:var(--text-dim)}[data-theme=light] .vm-take-control{color:var(--text)}[data-theme=light] .vm-take-control:hover,[data-theme=light] .vm-now-track{color:var(--text-bright)}[data-theme=light] .vm-play-pause{color:var(--text)}[data-theme=light] .vm-skip-btn,[data-theme=light] .vm-now-meta{color:var(--text-dim)}[data-theme=light] .vm-elapsed{color:var(--text-bright)}[data-theme=light] .vm-total,[data-theme=light] .vm-arc-hint{color:var(--text-dim)}[data-theme=light] .vm-arc-moment{color:var(--text)}[data-theme=light] .vm-arc-moment:hover,[data-theme=light] .vm-arc-moment-label{color:var(--text-bright)}[data-theme=light] .vm-arc-moment-detail,[data-theme=light] .vm-arc-moment-empty{color:var(--text-dim)}[data-theme=light] .vm-section-label,[data-theme=light] .vm-qi-name{color:var(--text)}[data-theme=light] .vm-qi-reason,[data-theme=light] .vm-qi-meta{color:var(--text-dim)}[data-theme=light] .vm-queue-item.next .vm-qi-name{color:var(--text-bright)}[data-theme=light] .vm-queue-item.next .vm-qi-reason,[data-theme=light] .vm-qi-num,[data-theme=light] .vm-qi-action,[data-theme=light] .vm-qi-swap-item{color:var(--text-dim)}[data-theme=light] .vm-qi-swap-item:hover{color:var(--text-bright)}[data-theme=light] .vm-log{color:var(--text-dim)}[data-theme=light] .vm-log-action{color:var(--text-bright)}[data-theme=light] .vm-dir-goback,[data-theme=light] .vm-log-tech{color:var(--text-dim)}[data-theme=light] .vm-pad-title{color:var(--text-bright)}[data-theme=light] .vm-pad-copy,[data-theme=light] .vm-dir-pad-axis,[data-theme=light] .vm-pad-status{color:var(--text-dim)}[data-theme=light] .vm-dir-emergency:hover{color:var(--text-bright)}[data-theme=light] .vm-dir-btn{color:var(--text)}[data-theme=light] .vm-dir-btn:hover,[data-theme=light] .vm-custom-input{color:var(--text-bright)}[data-theme=light] .vm-custom-input::placeholder,[data-theme=light] .vm-mic-btn,[data-theme=light] .vm-send-btn,[data-theme=light] .vm-tf-detail{color:var(--text-dim)}[data-theme=light] .vm-prompt-cancel{color:var(--text)}[data-theme=light] .vm-prompt-q,[data-theme=light] .vm-prompt-input{color:var(--text-bright)}[data-theme=light] .vm-prompt-input::placeholder,[data-theme=light] .vm-struct-label{color:var(--text-dim)}[data-theme=light] .vm-struct-select{color:var(--text-bright)}[data-theme=light] .vm-prompt-mic,[data-theme=light] .vm-chip{color:var(--text-dim)}[data-theme=light] .vm-idea-btn{color:var(--text-bright)}[data-theme=light] .vm-preset-save{color:var(--text-dim)}[data-theme=light] .vm-preset-save:hover{color:var(--text-bright)}[data-theme=light] .vm-preset-chip{color:var(--text-dim)}[data-theme=light] .vm-preset-chip:hover{color:var(--text-bright)}[data-theme=light] .vm-preset-empty,[data-theme=light] .vm-session-title{color:var(--text-dim)}[data-theme=light] .vm-session-card,[data-theme=light] .vm-session-card-title{color:var(--text-bright)}[data-theme=light] .vm-session-card-meta,[data-theme=light] .vm-session-card-tags,[data-theme=light] .vm-session-empty{color:var(--text-dim)}[data-theme=light] .vm-prompt-go{color:var(--text-bright)}[data-theme=light] .vm-read-text{color:var(--text)}[data-theme=light] .vm-read-text strong{color:var(--text-bright)}[data-theme=light] .vm-read-edit-label{color:var(--text-dim)}[data-theme=light] .vm-read-edit-val,[data-theme=light] .vm-read-select{color:var(--text-bright)}[data-theme=light] .vm-read-pk{color:var(--text-dim)}[data-theme=light] .vm-read-pv{color:var(--text-bright)}[data-theme=light] .vm-read-tracks-label{color:var(--text-dim)}[data-theme=light] .vm-rt-name{color:var(--text-bright)}[data-theme=light] .vm-rt-why,[data-theme=light] .vm-read-empty,[data-theme=light] .vm-energy-curve-reset{color:var(--text-dim)}[data-theme=light] .vm-energy-curve-reset:hover{color:var(--text-bright)}[data-theme=light] .vm-pinned-hint{color:var(--text-dim)}[data-theme=light] .vm-pinned-chip-name{color:var(--text-bright)}[data-theme=light] .vm-pinned-chip-meta,[data-theme=light] .vm-pinned-chip-x{color:var(--text-dim)}[data-theme=light] .vm-pinned-chip-x:hover,[data-theme=light] .vm-pinned-zone,[data-theme=light] .vm-pinned-search,[data-theme=light] .vm-pinned-result{color:var(--text-bright)}[data-theme=light] .vm-pinned-unlock{color:var(--text-dim)}[data-theme=light] .vm-pinned-unlock:hover,[data-theme=light] .vm-read-confirm{color:var(--text-bright)}[data-theme=light] .vm-read-back{color:var(--text)}[data-theme=light] .grid-bpm-input,[data-theme=light] .grid-sm-btn:hover{color:var(--text-bright)}.midi-mapping-list{border:1px solid var(--border);border-radius:4px;max-height:360px;padding:6px;overflow-y:auto}.midi-section-label{letter-spacing:1.5px;color:var(--text-dim);border-bottom:1px solid var(--border);margin-top:4px;padding:6px 4px 3px;font-size:11px;font-weight:700}.midi-section-label:first-child{margin-top:0}.midi-row{border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;padding:3px 4px;font-size:12px;display:flex}.midi-row:last-child{border-bottom:none}.midi-action-label{color:var(--text);font-family:var(--mono);flex:1;font-size:11px}.midi-binding{text-align:center;min-width:100px;color:var(--text-dim);font-family:var(--mono);letter-spacing:.5px;font-size:11px}.midi-binding.midi-bound{color:var(--celadon)}.midi-learn-btn{font-family:var(--mono);letter-spacing:1px;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;padding:2px 8px;font-size:11px;transition:all .12s}.midi-learn-btn:hover{border-color:var(--celadon);color:var(--celadon)}.midi-learn-btn.midi-learning{border-color:var(--accent-red);color:var(--accent-red);animation:1s infinite midi-pulse}.midi-clear-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px;line-height:1}.midi-clear-btn:hover{color:var(--accent-red)}@keyframes midi-pulse{0%,to{opacity:1}50%{opacity:.4}}