*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d12;--bg2:#12121a;--panel:#16161f;--panel2:#1c1c27;--surface:#1e1e2a;--border:#2a2a3a;--border2:#333348;--pink:#e040fb;--pink-dim:#9c1ab8;--pink-glow:#e040fb66;--cyan:#00e5ff;--cyan-dim:#0090a8;--cyan-glow:#00e5ff59;--purple:#7c3aed;--purple-glow:#7c3aed66;--text:#e8e8f0;--text2:#a0a0b8;--muted:#5a5a78;--deck-a:var(--pink);--deck-a-glow:var(--pink-glow);--deck-b:var(--cyan);--deck-b-glow:var(--cyan-glow);--sidebar-w:160px;--right-w:320px;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#__next{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--text)}.topnav{background:var(--bg2);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;align-items:center;gap:0;height:52px;padding:0 1.2rem;display:flex}.topnav-logo{align-items:center;gap:.5rem;margin-right:2rem;text-decoration:none;display:flex}.topnav-logo-icon{align-items:center;gap:3px;display:flex}.topnav-logo-icon span{background:var(--pink);width:3px;box-shadow:0 0 6px var(--pink-glow);border-radius:2px;display:block}.topnav-logo-text{letter-spacing:.04em;background:linear-gradient(135deg, var(--pink) 0%, var(--cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800}.topnav-drop-btn{color:#fff;letter-spacing:.1em;cursor:pointer;white-space:nowrap;background:linear-gradient(90deg,#0e2d58,#6a21b8);border:1px solid #00d9ff;border-radius:999px;flex-shrink:0;align-items:center;gap:.4rem;margin-right:.6rem;padding:.38rem .9rem;font-size:.75rem;font-weight:900;transition:box-shadow .15s,opacity .15s;display:flex;box-shadow:0 0 16px #00d9ff59}.topnav-drop-btn:hover:not(:disabled){box-shadow:0 0 26px #00d9ff99,0 0 6px #e040fb66}.topnav-drop-btn:disabled,.topnav-drop-btn.disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.topnav-tabs{flex:1;align-items:center;gap:.25rem;display:flex}.topnav-tab{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem 1rem;font-size:.8rem;font-weight:600;transition:color .15s,background .15s}.topnav-tab:hover{color:var(--text);background:var(--surface)}.topnav-tab.active{color:var(--text);background:var(--purple);box-shadow:0 0 12px var(--purple-glow)}.topnav-right{align-items:center;gap:1rem;margin-left:auto;display:flex}.live-badge{color:#ff4f4f;letter-spacing:.08em;align-items:center;gap:.35rem;font-size:.75rem;font-weight:700;display:flex}.live-dot{background:#ff4f4f;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite livepulse;box-shadow:0 0 6px #ff4f4fcc}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.35}}.viewer-count{color:var(--text2);align-items:center;gap:.3rem;font-size:.78rem;display:flex}.topnav-avatar{background:linear-gradient(135deg, var(--pink), var(--purple));color:#fff;cursor:pointer;border:2px solid var(--border2);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.studio-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.studio-body{scrollbar-gutter:stable;flex:1;align-items:flex-start;min-height:0;display:flex;overflow:hidden auto}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;height:calc(100vh - 58px);padding:.75rem 0;transition:width .2s;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar.collapsed{width:58px}.sidebar.open{width:var(--sidebar-w)}.drawer-toggle{border:1px solid var(--border2);min-height:34px;color:var(--text2);background:var(--surface);cursor:pointer;border-radius:7px;margin:0 .55rem .65rem;font-size:1rem}.drawer-toggle:hover{color:var(--pink);border-color:var(--pink-dim)}.sidebar-nav{flex-direction:column;flex:1;gap:.1rem;display:flex}.sidebar-item{letter-spacing:.04em;color:var(--text2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;align-items:center;gap:.6rem;width:100%;padding:.55rem 1rem;font-size:.78rem;font-weight:600;transition:color .15s,background .15s;display:flex}.sidebar.collapsed .sidebar-item{justify-content:center;padding:.65rem 0}.sidebar.collapsed .sidebar-item-label{display:none}.sidebar.collapsed .sidebar-item-icon{font-size:1.05rem}.sidebar.collapsed .sidebar-bottom{flex-direction:column;align-items:center;gap:.25rem}.sidebar-item:hover{color:var(--text);background:var(--surface)}.sidebar-item.active{color:var(--pink);border-right:2px solid var(--pink);background:#e040fb1a}.sidebar-item-icon{text-align:center;flex-shrink:0;width:18px;font-size:.95rem}.sidebar-now-playing{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:.5rem;padding:.6rem;font-size:.72rem}.sidebar-np-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.65rem}.sidebar-np-track{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.sidebar-np-artist{color:var(--text2);font-size:.68rem}.sidebar-np-waveform{background:var(--panel);border-radius:3px;height:28px;margin-top:.35rem;position:relative;overflow:hidden}.sidebar-np-progress{background:linear-gradient(90deg, var(--pink-dim), var(--pink));opacity:.6;height:100%;transition:width .5s linear}.sidebar-bpm{color:var(--text2);gap:.5rem;margin-top:.3rem;font-size:.68rem;display:flex}.key-badge{color:var(--pink);font-weight:700}.sidebar-bottom{border-top:1px solid var(--border);justify-content:space-around;margin-top:.5rem;padding:.5rem .25rem .25rem;display:flex}.sidebar-bottom-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.3rem;font-size:.9rem;transition:color .15s}.sidebar-bottom-btn:hover{color:var(--text2)}.sidebar-bottom-btn:disabled{opacity:.28;cursor:not-allowed}.center-stage{background:var(--bg);flex-direction:column;flex:1;min-width:0;min-height:max-content;display:flex;overflow:visible}.waveform-header{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:stretch;height:110px;display:grid}.waveform-header-deck{align-items:center;gap:.7rem;padding:.5rem .8rem;display:flex;overflow:hidden}.waveform-header-art{background:var(--panel2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.waveform-header-info{flex:1;min-width:0}.waveform-header-title{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:.85rem;font-weight:700;overflow:hidden}.waveform-header-artist{color:var(--text2);font-size:.72rem}.waveform-header-meta{color:var(--muted);gap:.5rem;margin-top:.2rem;font-size:.7rem;display:flex}.waveform-header-bpm{color:var(--text2);font-size:.72rem;font-weight:700}.waveform-header-key{color:var(--pink);font-size:.72rem;font-weight:700}.waveform-header-key.deck-b{color:var(--cyan)}.waveform-header-canvas{flex:1;min-width:0}.waveform-header-time{color:var(--text);letter-spacing:.05em;pointer-events:none;font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waveform-center-col{border-left:1px solid var(--border);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.3rem;width:88px;padding:.3rem;display:flex}.waveform-center-time{color:var(--text);letter-spacing:.04em;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.waveform-header-art img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.record-mix-btn{color:#ff8a80;cursor:pointer;letter-spacing:.1em;background:#500c1273;border:1px solid #ff5252bf;border-radius:999px;width:100%;min-height:28px;font-size:.58rem;font-weight:950;box-shadow:0 0 12px #ff525238}.record-mix-btn:hover{color:#fff;border-color:#ff5252}.record-mix-btn.recording{color:#fff;background:#ff1744;animation:1s infinite pulse}.decks-row{flex:1;grid-template-columns:1fr auto 1fr;gap:.6rem;min-height:500px;padding:.6rem;display:grid;overflow:visible}.deck-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.4rem;min-height:0;padding:.6rem .7rem;display:flex;overflow:hidden}.deck-panel.deck-a{border-top:2px solid var(--pink)}.deck-panel.deck-b{border-top:2px solid var(--cyan)}.deck-top-row{align-items:center;gap:.5rem;display:flex}.deck-transport-group{align-items:center;gap:.4rem;display:flex}.btn-cue{border:1px solid var(--border2);background:var(--surface);color:var(--text);cursor:pointer;letter-spacing:.06em;border-radius:5px;padding:.3rem .6rem;font-size:.72rem;font-weight:800;transition:all .12s}.btn-cue:hover:not(:disabled){background:var(--panel2);border-color:var(--text2)}.btn-cue:disabled{opacity:.3;cursor:default}.btn-pause{border:1px solid var(--border2);background:var(--surface);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;transition:all .12s;display:flex}.btn-pause:hover:not(:disabled){background:var(--panel2)}.btn-pause:disabled{opacity:.3;cursor:default}.btn-sync{border:1px solid var(--pink-dim);color:var(--pink);cursor:pointer;letter-spacing:.06em;background:0 0;border-radius:5px;padding:.3rem .7rem;font-size:.72rem;font-weight:800;transition:all .12s}.btn-sync.deck-b{border-color:var(--cyan-dim);color:var(--cyan)}.btn-sync.active,.btn-sync:hover:not(:disabled){background:var(--pink);color:#0d0d12;box-shadow:0 0 10px var(--pink-glow)}.btn-sync.deck-b.active,.btn-sync.deck-b:hover:not(:disabled){background:var(--cyan);color:#0d0d12;box-shadow:0 0 10px var(--cyan-glow)}.btn-sync:disabled{opacity:.3;cursor:default}.deck-settings-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.2rem;font-size:.9rem;transition:color .12s}.deck-settings-btn:hover{color:var(--text2)}.deck-main{flex:1;align-items:center;gap:.5rem;min-height:0;display:flex}.fx-col{flex-direction:column;gap:.3rem;display:flex}.btn-fx{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;letter-spacing:.05em;text-align:center;border-radius:4px;min-width:52px;padding:.25rem .4rem;font-size:.65rem;font-weight:700;transition:all .12s}.btn-fx:hover{border-color:var(--text2);color:var(--text)}.btn-fx:disabled{opacity:.35;cursor:not-allowed}.btn-fx.active{border-color:var(--pink);color:var(--pink);box-shadow:0 0 6px var(--pink-glow)}.deck-b .btn-fx.active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 6px var(--cyan-glow)}.turntable{aspect-ratio:1;flex:1;justify-content:center;align-items:center;max-width:240px;max-height:240px;margin:0 auto;display:flex;position:relative}.turntable-ring{background:radial-gradient(circle,#1a1a26 0%,#0d0d14 60%,#050508 100%);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;box-shadow:0 0 0 2px #1e1e2a,0 0 30px #000c}.turntable-ring.deck-a{box-shadow:0 0 0 2px var(--pink), 0 0 20px var(--pink-glow), 0 0 60px #e040fb26;animation:3s linear infinite paused spin-a}.turntable-ring.deck-a.playing{animation-play-state:running}.turntable-ring.deck-b{box-shadow:0 0 0 2px var(--cyan), 0 0 20px var(--cyan-glow), 0 0 60px #00e5ff26;animation:3.5s linear infinite paused spin-b}.turntable-ring.deck-b.playing{animation-play-state:running}@keyframes spin-a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-b{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.turntable-grooves{border:1px solid #ffffff0a;border-radius:50%;position:absolute;inset:15%;box-shadow:0 0 0 8px #ffffff05,0 0 0 16px #ffffff04,0 0 0 24px #ffffff03}.turntable-label{z-index:2;background:radial-gradient(circle,#1e1e2c,#12121a);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:35%}.turntable-bpm{color:var(--text);font-size:1.15rem;font-weight:800;line-height:1}.turntable-bpm-unit{color:var(--text2);letter-spacing:.1em;font-size:.55rem}.turntable-time{color:var(--text2);letter-spacing:.04em;margin-top:.2rem;font-size:.62rem}.turntable-remain{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.52rem}.turntable-tonearm{pointer-events:none;z-index:10;width:35%;height:50%;position:absolute;top:5%;right:5%}.pitch-col{flex-direction:column;align-items:center;gap:4px;display:flex}.pitch-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.6rem;font-weight:700}.pitch-slider{writing-mode:vertical-lr;width:20px;height:90px;accent-color:var(--pink);cursor:ns-resize;direction:rtl;background:0 0}.pitch-slider.deck-b{accent-color:var(--cyan)}.pitch-value{color:var(--text2);font-variant-numeric:tabular-nums;text-align:center;min-width:30px;font-size:.6rem}.deck-bottom{flex-direction:column;gap:.35rem;display:flex}.hot-cue-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right;font-size:.6rem;font-weight:700}.loop-buttons{flex-wrap:wrap;gap:.25rem;display:flex}.btn-loop{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;letter-spacing:.05em;border-radius:4px;padding:.22rem .45rem;font-size:.62rem;font-weight:700;transition:all .12s}.btn-loop:hover:not(:disabled){border-color:var(--text2);color:var(--text)}.btn-loop:disabled{opacity:.3;cursor:default}.loop-length-select{appearance:none;text-align:center;text-align-last:center}.loop-length-select option{background:var(--surface);color:var(--text)}.btn-loop.active{border-color:var(--pink);color:var(--pink);box-shadow:0 0 6px var(--pink-glow);background:#e040fb1f}.deck-b .btn-loop.active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 6px var(--cyan-glow);background:#00e5ff1a}.hot-cue-pads{gap:.25rem;display:flex}.hot-cue-pad{border:1px solid var(--border2);background:var(--surface);width:28px;height:28px;color:var(--text2);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:.7rem;font-weight:700;transition:all .12s;display:flex}.turntable-ring{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.turntable-ring:active,.turntable-ring.dragging{cursor:grabbing}.deck-vinyl-btn{border:1px solid var(--border2);color:var(--muted);letter-spacing:.08em;cursor:pointer;background:#11131b;border-radius:4px;margin-left:.35rem;padding:.25rem .38rem;font-size:.5rem;font-weight:900}.deck-vinyl-btn.active{color:#ffb300;border-color:#ffb300a6;box-shadow:0 0 10px #ffb3002e}.studio-animated-footer-wrap{border-top:1px solid #ff6a0040;flex:0 0 430px;width:100%;height:430px;margin-top:1rem;position:relative}.animated-footer{color:#fff;isolation:isolate;background:#070707;width:100%;height:100%;min-height:430px;position:relative;overflow:hidden}.animated-footer-art{will-change:transform;opacity:.88;pointer-events:none;width:48%;position:absolute;top:5%}.animated-footer-art.left{left:-7%}.animated-footer-art.right{right:-7%;transform:scaleX(-1)}.animated-footer-art canvas{width:100%;height:auto;display:block}.animated-footer-copy{z-index:2;text-align:center;position:absolute;top:2rem;left:50%;overflow:hidden;transform:translate(-50%)}.animated-footer-copy span{color:#ff6a00;letter-spacing:.24em;font-size:.62rem;font-weight:900;display:block}.animated-footer-copy p{color:#b4b4bc;margin:.5rem 0;font-size:.74rem}.animated-footer-heading{z-index:2;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem;padding:0 1rem;display:flex;position:absolute;inset:auto 0 1.2rem}.animated-footer-heading h2{letter-spacing:-.07em;text-shadow:0 12px 45px #000;margin:0;font-size:clamp(2.5rem,9vw,8rem);line-height:.82;display:flex;overflow:hidden}.animated-footer-heading h2:first-child{letter-spacing:.16em;color:#ff6a00;font-size:clamp(1.1rem,3vw,2.4rem)}.animated-footer-heading h2 span{display:inline-block}.animated-footer-links{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.1rem;margin-top:.8rem;font-size:.67rem;display:flex}.animated-footer-links a{color:#d8d8df;border-bottom:1px solid #0000;align-items:center;gap:.35rem;text-decoration:none;transition:all .2s;display:inline-flex}.animated-footer-links a:hover{color:#ff8a3d;border-bottom-color:#ff6a00}.animated-footer-links svg{flex:none;width:16px;height:16px}@media (max-width:760px){.studio-animated-footer-wrap,.animated-footer{flex-basis:330px;height:330px;min-height:330px}.animated-footer-art{opacity:.58;width:70%;top:18%}}.vr-floating-launcher{z-index:145;color:#fff;cursor:pointer;background:linear-gradient(145deg,#091223f5,#4a186cf5);border:1px solid #00e5ffa6;border-radius:50%;place-items:center;width:64px;height:64px;animation:2.8s ease-in-out infinite vr-float;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 0 0 5px #00e5ff0f,0 0 28px #00e5ff57}.vr-floating-launcher svg{fill:none;stroke:currentColor;stroke-width:3px;width:34px}.vr-floating-launcher span{letter-spacing:.14em;color:#00e5ff;font-size:.48rem;font-weight:950;position:absolute;bottom:5px}.vr-floating-launcher:hover{border-color:#fff;box-shadow:0 0 38px #e040fb8c}@keyframes vr-float{50%{transform:translateY(-8px)}}.vr-immersive-overlay{z-index:300;background:#02040a;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.vr-immersive-overlay canvas{touch-action:none;flex:0 0 52vh;min-height:0}.vr-immersive-toolbar{background:#050811f5;border-bottom:1px solid #00e5ff3d;flex-shrink:0;align-items:center;gap:1rem;min-height:52px;padding:.55rem 1rem;display:flex}.vr-immersive-toolbar>div{flex-direction:column;gap:.14rem;margin-right:auto;display:flex}.vr-immersive-toolbar b{color:#00e5ff;letter-spacing:.16em;font-size:.68rem}.vr-immersive-toolbar span{color:#8291a7;font-size:.6rem}.vr-enter-button,.vr-close-button{color:#dffcff;cursor:pointer;background:#00e5ff1a;border:1px solid #00e5ff80;border-radius:7px;padding:.45rem .75rem;font-size:.62rem;font-weight:900}.vr-enter-button:disabled{opacity:.46;cursor:not-allowed}.vr-close-button{background:#ffffff0f;border-color:#ffffff38;width:34px;height:34px;padding:0;font-size:1.25rem}.vr-desktop-hint{text-align:center;color:#8ca0b8;letter-spacing:.1em;background:#050811d9;border-top:1px solid #ffffff0f;flex-shrink:0;padding:.28rem .7rem;font-size:.56rem}@media (max-width:700px){.vr-floating-launcher{width:54px;height:54px;bottom:12px;right:12px}.vr-immersive-toolbar span{display:none}.vr-immersive-overlay canvas{flex:0 0 38vh}}.vr-dj-panel{background:#03040b;border-top:1px solid #00e5ff2e;flex:1;grid-template-columns:1fr 180px 1fr;gap:0;min-height:0;display:grid;overflow-y:auto}.vr-deck-strip{border-right:1px solid #ffffff0f;flex-direction:column;gap:0;padding:.5rem .6rem;display:flex;overflow-y:auto}.vr-deck-strip:last-child{border-left:1px solid #ffffff0f;border-right:0}.vr-deck-placeholder{color:var(--muted);justify-content:center;align-items:center;font-size:.7rem}.vr-deck-a{border-top:2px solid var(--pink)}.vr-deck-b{border-top:2px solid var(--cyan)}.vr-deck-header{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.3rem;display:flex}.vr-deck-label{letter-spacing:.18em;border-radius:4px;padding:.14rem .38rem;font-size:.6rem;font-weight:900}.vr-deck-a .vr-deck-label{color:var(--pink);border:1px solid var(--pink-dim);background:#e040fb2e}.vr-deck-b .vr-deck-label{color:var(--cyan);border:1px solid var(--cyan-dim);background:#00e5ff24}.vr-deck-track{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.64rem;font-weight:600;overflow:hidden}.vr-deck-time{color:var(--text2);font-variant-numeric:tabular-nums;font-size:.6rem}.vr-deck-bpm{color:var(--muted);font-size:.6rem;font-weight:700}.vr-progress-bar{background:var(--surface);border-radius:3px;height:5px;margin-bottom:.3rem;overflow:hidden}.vr-deck-a .vr-progress-fill{background:var(--pink);border-radius:3px;height:100%;transition:width .25s linear}.vr-deck-b .vr-progress-fill{background:var(--cyan);border-radius:3px;height:100%;transition:width .25s linear}.vr-seek-slider{width:100%;accent-color:var(--purple);cursor:pointer;height:14px;margin:.15rem 0 .3rem}.vr-seek-slider:disabled{opacity:.35;cursor:not-allowed}.vr-transport{flex-wrap:wrap;align-items:center;gap:.3rem;margin-bottom:.3rem;display:flex}.vr-btn{border:1px solid var(--border2);background:var(--surface);min-height:26px;color:var(--text2);letter-spacing:.06em;cursor:pointer;white-space:nowrap;border-radius:5px;padding:.2rem .48rem;font-size:.6rem;font-weight:800;transition:all .12s}.vr-btn:hover:not(:disabled){border-color:var(--text2);color:var(--text)}.vr-btn:disabled{opacity:.32;cursor:not-allowed}.vr-btn.active{border-color:var(--pink);color:var(--pink);box-shadow:0 0 8px var(--pink-glow);background:#e040fb1a}.vr-deck-b .vr-btn.active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 8px var(--cyan-glow);background:#00e5ff14}.vr-btn-load{color:var(--cyan);background:#00e5ff14;border-color:#00e5ff8c}.vr-btn-load:hover{background:#00e5ff2e}.vr-btn-play{color:var(--cyan);border-color:#00e5ff8c}.vr-btn-play.active{background:var(--cyan);color:#0d0d12;border-color:var(--cyan);box-shadow:0 0 12px var(--cyan-glow)}.vr-deck-a .vr-btn-play{border-color:var(--pink-dim);color:var(--pink)}.vr-deck-a .vr-btn-play.active{background:var(--pink);color:#0d0d12;box-shadow:0 0 12px var(--pink-glow)}.vr-btn-stop{color:#ff8a80;border-color:#ff52528c}.vr-btn-sync{border-color:var(--pink-dim);color:var(--pink)}.vr-btn-sync.b{border-color:var(--cyan-dim);color:var(--cyan)}.vr-section-label{letter-spacing:.14em;color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:.52rem;font-weight:900}.vr-fx-row{flex-wrap:wrap;align-items:center;gap:.28rem;margin-bottom:.28rem;display:flex}.vr-btn-fx.active{border-color:var(--pink);color:var(--pink);box-shadow:0 0 6px var(--pink-glow)}.vr-deck-b .vr-btn-fx.active{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 6px var(--cyan-glow)}.vr-eq-label{color:var(--text2);align-items:center;gap:.25rem;font-size:.52rem;display:flex}.vr-knob-range{width:52px;accent-color:var(--purple)}.vr-knob-range:disabled{opacity:.35}.vr-loop-row{flex-wrap:wrap;align-items:center;gap:.28rem;margin-bottom:.28rem;display:flex}.vr-select{appearance:none;text-align:center}.vr-select option{background:var(--surface);color:var(--text)}.vr-pitch-range{width:68px;accent-color:var(--purple)}.vr-pitch-range:disabled{opacity:.35}.vr-pitch-val{color:var(--text2);font-variant-numeric:tabular-nums;min-width:34px;font-size:.58rem}.vr-hotcue-row{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.vr-btn-hotcue{text-align:center;width:24px;height:24px;padding:0;font-size:.62rem}.vr-vol-range{width:64px;accent-color:var(--text2)}.vr-mixer-strip{background:#04050e;border-left:1px solid #ffffff0f;border-right:1px solid #ffffff0f;flex-direction:column;align-items:stretch;gap:.55rem;padding:.55rem .5rem;display:flex}.vr-mixer-title{letter-spacing:.2em;color:var(--purple);text-align:center;text-transform:uppercase;font-size:.58rem;font-weight:900}.vr-mixer-row{flex-direction:column;gap:.25rem;display:flex}.vr-mixer-row>span:first-child{letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-size:.55rem;font-weight:700}.vr-cf-labels{justify-content:space-between;display:flex}.vr-cf-labels b{font-size:.62rem}.vr-cf-labels .a{color:var(--pink)}.vr-cf-labels .b{color:var(--cyan)}.vr-cf-range{width:100%;accent-color:var(--purple)}@media (max-width:900px){.vr-dj-panel{grid-template-columns:1fr}.vr-mixer-strip{border:none;border-top:1px solid #ffffff0f}}.emotion-floating-launcher{z-index:145;color:#e9d8ff;cursor:pointer;background:radial-gradient(circle at 50% 38%,#291048fa,#050e1cfa);border:1px solid #e040fbb3;border-radius:50%;place-items:center;width:64px;height:64px;animation:3.2s ease-in-out infinite emotion-float;display:grid;position:fixed;bottom:22px;right:100px;box-shadow:0 0 0 5px #e040fb0f,0 0 28px #e040fb52}.emotion-floating-launcher>span{color:#e040fb;text-shadow:0 0 14px #e040fb;font-size:1.8rem;line-height:1}.emotion-floating-launcher small{letter-spacing:.1em;color:#8fefff;font-size:.42rem;font-weight:950;position:absolute;bottom:6px}.emotion-floating-launcher:hover{border-color:#fff;box-shadow:0 0 36px #00e5ff80}@keyframes emotion-float{50%{transform:translateY(-5px)rotate(2deg)}}.emotion-vision-panel{z-index:151;color:#eaf8ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(155deg,#050c1cf7,#180726f5);border:1px solid #00e5ff75;border-radius:16px;width:min(360px,100vw - 24px);max-height:calc(100vh - 122px);animation:.3s ease-out emotion-panel-in;position:fixed;bottom:104px;right:22px;overflow-y:auto;box-shadow:0 22px 70px #000000b3,0 0 35px #00e5ff2e,inset 0 0 28px #e040fb0d}@keyframes emotion-panel-in{0%{opacity:0;transform:translateY(20px)scale(.96)}}.emotion-vision-panel>header{z-index:2;background:#040a18eb;border-bottom:1px solid #00e5ff38;justify-content:space-between;align-items:center;padding:.8rem .9rem;display:flex;position:sticky;top:0}.emotion-vision-panel>header div{flex-direction:column;gap:.15rem;display:flex}.emotion-vision-panel>header span{color:#7ff7ff;letter-spacing:.18em;text-shadow:0 0 10px #00e5ff99;font-size:.72rem;font-weight:950}.emotion-vision-panel>header small{color:#8296aa;text-overflow:ellipsis;white-space:nowrap;max-width:270px;font-size:.52rem;overflow:hidden}.emotion-vision-panel>header button{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff29;border-radius:50%;width:28px;height:28px}.emotion-camera{background:radial-gradient(circle,#131c32,#050812);border:1px solid #e040fb61;border-radius:11px;height:185px;margin:.75rem;position:relative;overflow:hidden}.emotion-camera video{-o-object-fit:cover;object-fit:cover;opacity:.9;width:100%;height:100%;display:block;transform:scaleX(-1)}.emotion-camera:after{content:"";clip-path:polygon(0 0,20% 0,20% 2px,2px 2px,2px 20%,0 20%,0 0,100% 0,100% 20%,calc(100% - 2px) 20%,calc(100% - 2px) 2px,80% 2px,80% 0,100% 0,100% 100%,80% 100%,80% calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) 80%,100% 80%,100% 100%,0 100%,0 80%,2px 80%,2px calc(100% - 2px),20% calc(100% - 2px),20% 100%);pointer-events:none;border:1px solid #00e5ff4d;border-radius:8px;position:absolute;inset:8px}.emotion-camera-placeholder{color:#85dff0;place-content:center;justify-items:center;gap:.4rem;display:grid;position:absolute;inset:0}.emotion-camera-placeholder span{filter:drop-shadow(0 0 12px #00e5ff);font-size:2rem}.emotion-camera-placeholder small{letter-spacing:.12em;font-size:.6rem}.emotion-scan-line{z-index:1;background:#71fbff;height:1px;animation:2.3s ease-in-out infinite alternate emotion-scan;position:absolute;top:12%;left:8%;right:8%;box-shadow:0 0 11px #00e5ff}@keyframes emotion-scan{to{top:88%}}.emotion-local-badge{z-index:1;color:#67ffc4;letter-spacing:.08em;background:#001414b8;border-radius:4px;padding:.18rem .35rem;font-size:.43rem;font-weight:900;position:absolute;top:9px;right:9px}.emotion-result{background:#00e5ff0b;border:1px solid #00e5ff2b;border-radius:10px;align-items:center;gap:.7rem;margin:0 .75rem;padding:.65rem .7rem;display:flex}.emotion-emoji{font-size:2rem}.emotion-result div{flex-direction:column;gap:.12rem;display:flex}.emotion-result b{color:#fff;font-size:.88rem}.emotion-result small{color:#8fa3b8;font-size:.58rem}.emotion-energy{grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.65rem .9rem;display:grid}.emotion-energy>span,.emotion-label{color:#8da0b8;letter-spacing:.1em;font-size:.5rem;font-weight:900}.emotion-energy>div{background:#182135;border-radius:99px;height:7px;overflow:hidden}.emotion-energy i{border-radius:inherit;background:linear-gradient(90deg,#00e5ff,#e040fb,#ffcf40);height:100%;transition:width .35s;display:block;box-shadow:0 0 10px #00e5ff}.emotion-energy b{color:#bceeff;font-size:.58rem}.emotion-suggestions{padding:.15rem .8rem .65rem}.emotion-suggestions>div{flex-wrap:wrap;gap:.35rem;margin-top:.4rem;display:flex}.emotion-suggestions b{color:#efd9ff;background:#e040fb14;border:1px solid #e040fb4d;border-radius:99px;padding:.28rem .48rem;font-size:.55rem}.emotion-recommendation{background:#ffffff14;border:1px solid #ffffff14;border-radius:9px;grid-template-columns:1fr 1fr;gap:1px;margin:0 .75rem .7rem;display:grid;overflow:hidden}.emotion-recommendation>div{background:#050a17eb;flex-direction:column;gap:.12rem;min-width:0;padding:.48rem .55rem;display:flex}.emotion-recommendation span{color:#748aa2;letter-spacing:.08em;text-transform:uppercase;font-size:.47rem}.emotion-recommendation b{color:#d9faff;text-overflow:ellipsis;white-space:nowrap;font-size:.57rem;overflow:hidden}.mood-tracks{flex-direction:column;gap:.32rem;margin:0 .75rem .7rem;display:flex}.mood-tracks-heading{color:#91a9c0;letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:.49rem;font-weight:900;display:flex}.mood-tracks-heading button{color:#8ff7ff;cursor:pointer;background:#00e5ff12;border:1px solid #00e5ff4d;border-radius:5px;padding:.22rem .36rem;font-size:.46rem}.mood-tracks article{background:#050a17e0;border:1px solid #ffffff14;border-radius:7px;grid-template-columns:34px minmax(0,1fr) 25px 25px;align-items:center;gap:.35rem;padding:.32rem;display:grid}.mood-tracks article img{-o-object-fit:cover;object-fit:cover;border-radius:5px;width:34px;height:34px}.mood-tracks article div{flex-direction:column;min-width:0;display:flex}.mood-tracks article b,.mood-tracks article small,.mood-tracks article em{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mood-tracks article b{color:#eefcff;font-size:.55rem}.mood-tracks article small{color:#7890a8;font-size:.45rem}.mood-tracks article em{color:#bd9eea;font-size:.43rem;font-style:normal}.mood-tracks article button{color:#f2cfff;cursor:pointer;background:#e040fb1a;border:1px solid #e040fb73;border-radius:5px;width:25px;height:25px;padding:0;font-size:.55rem;font-weight:900}.mood-tracks article button:last-child{color:#bdfaff;background:#00e5ff14;border-color:#00e5ff73}.mood-tracks>p{color:#91a9c0;margin:.1rem 0 0;font-size:.48rem}.emotion-vision-panel>footer{gap:.45rem;padding:0 .75rem;display:flex}.emotion-vision-panel>footer button{color:#bdeef5;cursor:pointer;background:#00e5ff12;border:1px solid #00e5ff57;border-radius:7px;flex:1;padding:.55rem .35rem;font-size:.52rem;font-weight:900}.emotion-vision-panel>footer button.active{color:#7dffd0;background:#31ffae1a;border-color:#53ffc1}.emotion-privacy{color:#667c91;text-align:center;margin:.55rem .8rem .75rem;font-size:.48rem;line-height:1.4}@media (max-width:700px){.emotion-floating-launcher{width:54px;height:54px;bottom:12px;right:78px}.emotion-vision-panel{bottom:78px;right:12px}}.hot-cue-pad.active{background:var(--pink);border-color:var(--pink);color:#0d0d12;box-shadow:0 0 8px var(--pink-glow)}.deck-b .hot-cue-pad.active{background:var(--cyan);border-color:var(--cyan);color:#0d0d12;box-shadow:0 0 8px var(--cyan-glow)}.hot-cue-pad:hover:not(.active){border-color:var(--text2)}.mixer-col{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;flex-shrink:0;gap:.6rem;width:200px;padding:.6rem .5rem;display:flex;overflow-y:auto}.mixer-title{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-align:center;font-size:.65rem;font-weight:700}.mixer-eq-row{grid-template-columns:repeat(4,1fr);gap:.3rem;display:grid}.mixer-knob-col{flex-direction:column;align-items:center;gap:3px;display:flex}.mixer-knob-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.55rem}.mixer-faders{flex:1;grid-template-columns:1fr auto 1fr;align-items:end;gap:.4rem;display:grid}.level-fader-wrap{flex-direction:column;align-items:center;gap:4px;display:flex}.level-meter{background:var(--surface);border-radius:4px;flex-direction:column-reverse;width:8px;height:80px;display:flex;overflow:hidden}.level-bar{background:linear-gradient(#ff5252,#ffeb3b,#00e676);border-radius:4px;width:100%;transition:height 50ms}.channel-fader{writing-mode:vertical-lr;width:18px;height:80px;accent-color:var(--text2);cursor:ns-resize;direction:rtl}.fader-label{color:var(--text2);font-size:.6rem;font-weight:800}.fader-label.a{color:var(--pink)}.fader-label.b{color:var(--cyan)}.master-section{flex-direction:column;align-items:center;gap:.3rem;display:flex}.master-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.6rem;font-weight:700}.crossfader-section{flex-direction:column;align-items:center;gap:.25rem;display:flex}.crossfader-labels{justify-content:space-between;width:100%;font-size:.65rem;font-weight:800;display:flex}.crossfader-labels .lbl-a{color:var(--pink)}.crossfader-labels .lbl-b{color:var(--cyan)}.crossfader-input{accent-color:#7c3aed;cursor:ew-resize;width:100%}.cue-center-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;letter-spacing:.06em;text-align:center;border-radius:4px;width:100%;padding:.25rem .6rem;font-size:.65rem;font-weight:700;transition:all .12s}.cue-center-btn:hover{border-color:var(--text2);color:var(--text)}.bottom-panel{border-top:1px solid var(--border);background:var(--bg2);flex-shrink:0;grid-template-columns:1fr 360px;height:340px;display:grid;overflow:hidden}.playlist-section{border-right:1px solid var(--border);flex-direction:column;height:100%;display:flex;overflow:hidden}.playlist-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:0;padding:0 .8rem;display:flex}.playlist-tab{letter-spacing:.04em;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .8rem;font-size:.72rem;font-weight:600;transition:color .15s}.playlist-tab.active{color:var(--pink);border-bottom-color:var(--pink)}.playlist-tab:hover:not(.active){color:var(--text2)}.playlist-toolbar{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.4rem .8rem;display:flex}.playlist-upload-btn{white-space:nowrap;border:1px solid var(--pink-dim);color:var(--pink);cursor:pointer;background:#e040fb1a;border-radius:5px;padding:.3rem .5rem;font-size:.66rem;font-weight:700}.playlist-upload-btn.deck-b{border-color:var(--cyan-dim);color:var(--cyan);background:#00e5ff14}.playlist-upload-btn:disabled{opacity:.55;cursor:wait}.playlist-search{background:var(--surface);border:1px solid var(--border2);color:var(--text);border-radius:6px;outline:none;flex:1;padding:.3rem .6rem;font-size:.75rem;transition:border-color .12s}.playlist-search::placeholder{color:var(--muted)}.playlist-search:focus{border-color:var(--pink)}.playlist-filter-select{background:var(--surface);border:1px solid var(--border2);color:var(--text2);cursor:pointer;border-radius:5px;outline:none;padding:.25rem .5rem;font-size:.72rem}.playlist-view-btns{gap:.2rem;margin-left:auto;display:flex}.playlist-view-btn{border:1px solid var(--border2);color:var(--muted);cursor:pointer;background:0 0;border-radius:4px;padding:.2rem .35rem;font-size:.75rem;transition:color .12s}.playlist-view-btn:hover{color:var(--text);border-color:var(--text2)}.playlist-table{flex:1;overflow-y:auto}.playlist-head{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);background:var(--bg2);z-index:2;grid-template-columns:28px 1fr 120px 50px 50px 100px 70px 28px;padding:.3rem .8rem;font-size:.65rem;font-weight:700;display:grid;position:sticky;top:0}.playlist-row{cursor:pointer;border-bottom:1px solid #ffffff05;grid-template-columns:28px 1fr 120px 50px 50px 100px 70px 28px;align-items:center;padding:.35rem .8rem;font-size:.75rem;transition:background .1s;display:grid}.playlist-row:hover{background:var(--surface)}.playlist-row.active{background:#e040fb14}.playlist-row-num{color:var(--muted);text-align:center;font-size:.7rem}.playlist-row-play{color:var(--pink);font-size:.65rem}.playlist-row-title{align-items:center;gap:.5rem;display:flex;overflow:hidden}.playlist-row-art{background:var(--panel2);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.6rem;display:flex;overflow:hidden}.playlist-row-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.playlist-row-artist{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-row-bpm{color:var(--text2);text-align:center;font-size:.7rem}.playlist-row-key{text-align:center;font-size:.7rem;font-weight:700}.playlist-row-key.orange{color:var(--pink)}.playlist-row-key.blue{color:var(--cyan)}.playlist-row-genre{color:var(--text2);font-size:.7rem}.playlist-row-dur{color:var(--text2);align-items:center;gap:.3rem;font-size:.7rem;display:flex}.energy-bars{align-items:flex-end;gap:1px;display:flex}.energy-bar{background:var(--pink);border-radius:1px;width:3px}.energy-bars.deck-b .energy-bar{background:var(--cyan)}.live-viz-section{flex-direction:column;display:flex;overflow:hidden}.live-viz-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.45rem .8rem;display:flex}.live-viz-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text);font-size:.72rem;font-weight:700}.live-viz-mode-select{background:var(--surface);border:1px solid var(--border2);color:var(--text2);cursor:pointer;border-radius:5px;outline:none;margin-left:auto;padding:.2rem .5rem;font-size:.7rem}.live-viz-expand{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:color .12s}.live-viz-expand:hover{color:var(--text)}.live-viz-canvas{background:#080810;flex:1;position:relative;overflow:hidden}.live-viz-wavestrip{border-top:1px solid var(--border);background:#080810;flex-shrink:0;align-items:center;height:24px;padding:0 .5rem;display:flex}.right-panel{width:var(--right-w);background:var(--bg2);border:1px solid var(--border2);z-index:140;border-radius:12px;flex-direction:column;height:calc(100vh - 160px);max-height:720px;transition:width .2s,height .2s;display:flex;position:fixed;top:64px;right:18px;overflow:hidden;box-shadow:0 16px 44px #0000007a,0 0 24px #7e3ff21f}.live-viz-render{z-index:2;position:absolute;inset:0}.live-viz-render canvas{width:100%;height:100%;display:block}.live-viz-placeholder{z-index:1}.playlist-load-error{color:#ff8a80;background:#ff1e1e1a;padding:.35rem .65rem;font-size:.68rem}.topnav-avatar{border:1px solid var(--purple);cursor:pointer;padding:0;overflow:hidden}.topnav-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.lib-tab-bar{border-bottom:1px solid var(--border);background:var(--bg2);flex-shrink:0;align-items:center;gap:0;padding:0 .6rem;display:flex}.lib-tab{letter-spacing:.04em;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.45rem .75rem;font-size:.7rem;font-weight:600;transition:color .15s}.lib-tab.active{color:var(--pink);border-bottom-color:var(--pink)}.lib-tab:hover:not(.active){color:var(--text2)}.lib-toolbar{background:var(--bg2);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.4rem;padding:.35rem .7rem;display:flex}.lib-search-wrap{flex:1;align-items:center;min-width:140px;display:flex;position:relative}.lib-search-icon{pointer-events:none;color:var(--muted);font-size:.75rem;position:absolute;left:.5rem}.lib-search{background:var(--surface);border:1px solid var(--border2);width:100%;color:var(--text);border-radius:6px;outline:none;padding:.3rem 1.8rem;font-size:.74rem;transition:border-color .12s}.lib-search::placeholder{color:var(--muted)}.lib-search:focus{border-color:var(--pink)}.lib-search-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.7rem;position:absolute;right:.5rem}.lib-filter-sel{background:var(--surface);border:1px solid var(--border2);color:var(--text2);cursor:pointer;border-radius:5px;outline:none;flex-shrink:0;padding:.27rem .4rem;font-size:.68rem}.lib-bpm-range{flex-shrink:0;align-items:center;gap:.2rem;display:flex}.lib-bpm-input{background:var(--surface);border:1px solid var(--border2);width:56px;color:var(--text2);text-align:center;border-radius:5px;outline:none;padding:.27rem .3rem;font-size:.68rem}.lib-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none}.lib-bpm-input::-webkit-inner-spin-button{-webkit-appearance:none}.lib-bpm-input:focus{border-color:var(--pink)}.lib-bpm-sep{color:var(--muted);font-size:.65rem}.lib-count{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:.65rem}.lib-table-head,.lib-row{grid-template-columns:22px 30px 1fr 110px 110px 54px 48px 110px 62px 100px;align-items:center;gap:.3rem;padding:0 .7rem;display:grid}.lib-table-head{background:var(--bg2);border-bottom:1px solid var(--border);z-index:3;flex-shrink:0;padding-top:.22rem;padding-bottom:.22rem;position:sticky;top:0}.lib-table-body{flex:1;overflow-y:auto}.lib-sort-btn{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.62rem;font-weight:800;transition:color .12s}.lib-sort-btn:hover{color:var(--text2)}.lib-col-name,.lib-col-artist,.lib-col-genre{min-width:0}.lib-col-bpm,.lib-col-key{text-align:center}.lib-col-energy{min-width:0}.lib-col-dur{text-align:center}.lib-col-actions{justify-content:center;align-items:center;gap:3px;display:flex}.lib-row{cursor:pointer;border-bottom:1px solid #ffffff05;padding-top:.28rem;padding-bottom:.28rem;transition:background .1s}.lib-row:hover{background:var(--surface)}.lib-row.selected{border-left:2px solid var(--pink);background:#e040fb12}.lib-cover-art{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;display:flex}.lib-track-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-weight:600;overflow:hidden}.lib-text-muted{color:var(--text2);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.lib-genre-badge{color:#b57bee;white-space:nowrap;text-overflow:ellipsis;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:3px;max-width:100%;padding:.1rem .35rem;font-size:.6rem;font-weight:600;display:block;overflow:hidden}.lib-bpm-val{color:var(--text2);font-variant-numeric:tabular-nums;font-size:.74rem;font-weight:700}.lib-key-badge{letter-spacing:.04em;border:1px solid;border-radius:3px;padding:.08rem .3rem;font-size:.7rem;font-weight:800}.lib-energy-wrap{align-items:center;gap:.3rem;min-width:0;display:flex}.lib-energy-bar-bg{background:var(--panel2);border-radius:3px;flex:1;min-width:30px;height:5px;overflow:hidden}.lib-energy-bar-fill{border-radius:3px;height:100%;transition:width .3s}.lib-energy-dots{letter-spacing:-1px;flex-shrink:0;font-size:.55rem}.lib-fav-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;line-height:1;transition:color .12s,transform .12s}.lib-fav-btn.on{color:#ffc107}.lib-fav-btn:hover{color:#ffc107;transform:scale(1.2)}.lib-row-actions{gap:3px;display:flex}.lib-action-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;white-space:nowrap;border-radius:4px;padding:.2rem .35rem;font-size:.63rem;font-weight:700;transition:all .12s}.lib-action-btn:disabled{opacity:.4;cursor:not-allowed}.lib-action-btn.analyze{color:#b57bee;background:#7c3aed1a;border-color:#7c3aed66}.lib-action-btn.analyze:hover{background:#7c3aed40}.lib-action-btn.deck-a{border-color:var(--pink-dim);color:var(--pink);background:#e040fb14}.lib-action-btn.deck-a:hover{background:#e040fb33}.lib-action-btn.deck-b{border-color:var(--cyan-dim);color:var(--cyan);background:#00e5ff0f}.lib-action-btn.deck-b:hover{background:#00e5ff2e}.lib-empty{text-align:center;color:var(--muted);padding:2rem 1rem;font-size:.75rem;line-height:1.6}.lib-modal-overlay{z-index:200;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.lib-modal{background:var(--panel);border:1px solid var(--border2);border-radius:12px;width:100%;max-width:640px;max-height:90vh;padding:1.2rem;overflow-y:auto;box-shadow:0 0 60px #000000b3,0 0 30px #7c3aed26}.lib-modal-header{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:1rem;display:flex}.lib-modal-title{align-items:center;gap:.7rem;display:flex}.lib-modal-icon{font-size:1.3rem}.lib-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:1rem;transition:color .12s}.lib-modal-close:hover{color:var(--text)}.lib-analyze-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem;display:grid}.lib-analyze-stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:8px;padding:.5rem .4rem}.lib-analyze-stat-val{margin-bottom:.2rem;font-size:1rem;font-weight:800;line-height:1}.lib-analyze-stat-lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.58rem;font-weight:700}.lib-analyze-section-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin:.7rem 0 .4rem;font-size:.62rem;font-weight:800}.lib-waveform-wrap{border:1px solid var(--border);background:#07070f;border-radius:6px;height:80px;margin-bottom:.2rem;position:relative;overflow:hidden}.lib-waveform-bars{justify-content:space-between;align-items:flex-end;gap:1px;height:calc(100% - 18px);padding:4px 4px 2px;display:flex}.lib-waveform-bar{border-radius:1px 1px 0 0;flex:1;min-width:1px;transition:height .1s}.lib-beatgrid-overlay{pointer-events:none;position:absolute;inset:0 0 18px}.lib-beat-marker{background:#ffffff1a;width:1px;position:absolute;top:0;bottom:0}.lib-beat-marker.bar{background:#00e5ff59;width:1.5px}.lib-cue-marker{background:var(--pink);width:2px;position:absolute;top:0;bottom:0}.lib-cue-flag{background:var(--pink);color:#fff;border-radius:0 2px 2px 0;padding:0 3px;font-size:.55rem;font-weight:800;line-height:1.4;position:absolute;top:0;left:2px}.lib-time-ruler{height:18px;color:var(--muted);background:#00000080;align-items:center;padding:0 4px;font-size:.55rem;display:flex;position:absolute;bottom:0;left:0;right:0}.lib-cue-list{flex-direction:column;gap:.35rem;margin-bottom:.8rem;display:flex}.lib-cue-item{background:var(--surface);border:1px solid var(--border);border-radius:6px;align-items:center;gap:.6rem;padding:.35rem .5rem;display:flex}.lib-cue-num{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:800;display:flex}.lib-cue-info{flex:1;min-width:0}.lib-modal-actions{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.8rem;display:grid}.lib-load-btn{cursor:pointer;letter-spacing:.03em;border:none;border-radius:7px;padding:.55rem;font-size:.78rem;font-weight:700;transition:all .15s}.lib-load-btn.a{border:1px solid var(--pink-dim);color:var(--pink);background:#e040fb33}.lib-load-btn.a:hover{background:#e040fb66}.lib-load-btn.b{border:1px solid var(--cyan-dim);color:var(--cyan);background:#00e5ff1f}.lib-load-btn.b:hover{background:#00e5ff4d}.lib-fs-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.lib-fs-chips{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:.25rem;padding:.35rem .7rem;display:flex}.lib-fs-chip{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:20px;padding:.18rem .5rem;font-size:.66rem;font-weight:600;transition:all .12s}.lib-fs-chip.active{border-color:var(--pink);color:var(--pink);background:#e040fb1a}.lib-fs-chip:hover:not(.active){color:var(--text);border-color:var(--text2)}.lib-fs-status{color:var(--text2);border-bottom:1px solid var(--border);background:#7c3aed14;flex-shrink:0;padding:.3rem .7rem;font-size:.7rem}.lib-fs-results{flex:1;padding:.3rem 0;overflow-y:auto}.lib-fs-row{border-bottom:1px solid #ffffff08;grid-template-columns:100px 1fr auto;align-items:center;gap:.6rem;padding:.4rem .7rem;transition:background .1s;display:grid}.lib-fs-row:hover{background:var(--surface)}.lib-fs-wave-img{background:var(--panel2);border-radius:4px;flex-shrink:0;height:40px;overflow:hidden}.lib-fs-info{min-width:0}.lib-fs-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.15rem;font-size:.74rem;font-weight:600;overflow:hidden}.lib-fs-meta{color:var(--text2);gap:.5rem;margin-bottom:.2rem;font-size:.63rem;display:flex}.lib-fs-dur{color:var(--muted)}.lib-fs-rating{color:#ffc107}.lib-fs-tags{flex-wrap:wrap;gap:.2rem;display:flex}.lib-fs-tag{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:3px;padding:.08rem .3rem;font-size:.58rem}.lib-fs-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:.25rem;display:flex}.lib-fs-preview-btn{border:1px solid var(--border2);background:var(--surface);width:28px;height:28px;color:var(--text2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.7rem;transition:all .12s;display:flex}.lib-fs-preview-btn.playing{border-color:var(--pink);color:var(--pink);background:#e040fb26}.lib-fs-preview-btn:hover{border-color:var(--text2);color:var(--text)}.feature-dashboard{background:radial-gradient(circle at 50% 0,#7c3aed2e,#0000 42%),linear-gradient(145deg,#080812,#10101c);height:100%;padding:clamp(1rem,3vw,2.5rem);overflow:auto}.feature-hero{align-items:center;gap:1.1rem;margin-bottom:2rem;display:flex}.feature-hero>span{color:var(--cyan);filter:drop-shadow(0 0 12px var(--cyan));font-size:2.7rem}.feature-hero button{border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:0 0;border-radius:6px;padding:.5rem .7rem}.feature-hero h2{letter-spacing:.05em;margin:0;font-size:1.7rem}.feature-hero p{color:var(--text2);margin:.3rem 0 0}.feature-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:1rem;display:grid}.feature-card{text-align:left;border:1px solid var(--border2);min-height:150px;color:var(--text);cursor:pointer;background:linear-gradient(145deg,#231c3ce6,#0b0c16f2);border-radius:12px;flex-direction:column;align-items:flex-start;padding:1.15rem;transition:all .2s;display:flex}.feature-card:hover{border-color:var(--purple-light);transform:translateY(-3px);box-shadow:0 10px 30px #7c3aed2e}.feature-card i{color:var(--text2);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-style:normal}.feature-card strong{color:#fff;margin:.7rem 0 .25rem;font-size:1.25rem}.feature-card small{color:var(--muted)}.feature-card span{color:var(--cyan);letter-spacing:.1em;margin-top:auto;font-size:.65rem;font-weight:800}.analytics-strip{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1rem;display:grid;overflow:hidden}.analytics-strip div{background:#0d0d17;flex-direction:column;align-items:center;padding:1rem;display:flex}.analytics-strip b{color:var(--pink);font-size:1.15rem}.analytics-strip span{color:var(--muted);letter-spacing:.08em;font-size:.58rem}.login-portal{text-align:center;background:linear-gradient(150deg,#0c162df5,#0e0723f7);border:1px solid #00e5ff80;border-radius:22px;width:min(440px,92vw);max-height:calc(100vh - 2rem);padding:2.4rem;position:relative;overflow-y:auto;box-shadow:0 0 80px #008cff33,inset 0 0 40px #7c3aed1f}.energy-grid{opacity:.22;background-image:linear-gradient(#00e5ff2e 1px,#0000 1px),linear-gradient(90deg,#00e5ff2e 1px,#0000 1px);background-size:26px 26px;animation:7s linear infinite gridfly;position:absolute;inset:0;transform:perspective(380px)rotateX(58deg)scale(1.5)}@keyframes gridfly{to{background-position:0 52px}}.portal-particles{pointer-events:none;position:absolute;inset:0}.portal-particles i{background:var(--cyan);width:3px;height:3px;box-shadow:0 0 8px var(--cyan);animation:4s ease-in-out infinite float;position:absolute}.portal-particles i:nth-child(3n){top:25%;left:15%}.portal-particles i:nth-child(3n+1){animation-delay:-1s;top:35%;left:82%}.portal-particles i:nth-child(3n+2){animation-delay:-2s;top:80%;left:67%}@keyframes float{50%{opacity:.25;transform:translateY(-35px)}}.portal-close{z-index:2;color:var(--text2);cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute;top:.7rem;right:.9rem}.portal-kicker,.login-portal>:not(.energy-grid):not(.portal-particles){z-index:1;position:relative}.portal-kicker{color:var(--cyan);letter-spacing:.24em;font-size:.66rem;font-weight:900}.login-portal h2{margin:.5rem 0 0;font-size:2rem}.login-portal>p{color:#8fb9ce;margin:.2rem 0 1.3rem}.profile-avatar{border:2px solid var(--cyan);color:#fff;cursor:pointer;background:#11152a;border-radius:50%;width:104px;height:104px;overflow:hidden;box-shadow:0 0 28px #00e5ff59}.profile-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-avatar span{font-size:1.5rem}.profile-avatar small{color:var(--cyan);margin-top:.3rem;font-size:.48rem;display:block}.login-portal label{text-align:left;color:var(--text2);letter-spacing:.12em;margin:1.2rem 0 .7rem;font-size:.6rem;display:block}.login-portal label input{border:1px solid var(--border2);color:#fff;background:#00000040;border-radius:8px;outline:none;width:100%;margin-top:.35rem;padding:.75rem;display:block}.fingerprint{color:var(--cyan);justify-content:center;align-items:center;gap:.5rem;font-size:1.8rem;display:flex}.fingerprint span{animation:1.4s infinite pulse}@keyframes pulse{50%{text-shadow:0 0 22px var(--cyan);transform:scale(1.1)}}.fingerprint i{letter-spacing:.12em;font-size:.55rem;font-style:normal}.enter-studio{background:linear-gradient(90deg,var(--purple),#008cff);color:#fff;letter-spacing:.12em;cursor:pointer;border:0;border-radius:8px;width:100%;margin-top:.8rem;padding:.8rem;font-weight:900;box-shadow:0 0 22px #008cff4d}.login-portal blockquote{color:#9ba6bc;margin:1.2rem 0 0;font-size:.72rem;font-style:italic}.profile-avatar{position:relative}.profile-edit-icon{border:1px solid var(--cyan);width:28px;height:28px;color:var(--cyan);background:#071421;border-radius:50%;place-items:center;font-size:.75rem;font-style:normal;display:grid;position:absolute;bottom:4px;right:4px;box-shadow:0 0 14px #00e5ff59}.signed-in-card{border:1px solid var(--border2);background:#0000003d;border-radius:8px;flex-direction:column;align-items:center;gap:.4rem;margin:1rem 0;padding:1rem;display:flex}.signed-in-card b{color:var(--text);font-size:1rem}.signed-in-card span,.signed-in-card small{color:var(--text2);font-size:.72rem}.signed-in-badge{color:var(--cyan);letter-spacing:.14em;background:#00e5ff14;border:1px solid #00e5ff73;border-radius:999px;padding:.22rem .55rem;font-size:.58rem;font-weight:900}@media (max-width:700px){.feature-grid{grid-template-columns:1fr}.analytics-strip{grid-template-columns:repeat(2,1fr)}}.feature-card{cursor:default;border-radius:8px}.portal-header{margin-bottom:.5rem}.auth-provider-row{grid-template-columns:1fr 1fr;gap:.55rem;margin:1.1rem 0 0;display:grid}.auth-provider{border:1px solid var(--border2);min-height:44px;color:var(--text);letter-spacing:.02em;cursor:pointer;background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;gap:.55rem;padding:.5rem .75rem;font-size:.72rem;font-weight:800;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.auth-provider-icon{flex-shrink:0;width:20px;height:20px}.auth-provider.google{color:#111827;background:#fff;border-color:#ffffffe6}.auth-provider.google:hover{background:#f0f4ff;box-shadow:0 4px 18px #4285f452}.auth-provider.github{color:#e6edf3;background:#161b22;border-color:#ffffff2e}.auth-provider.github:hover{background:#21262d;border-color:#ffffff59;box-shadow:0 4px 18px #00000080}.auth-divider{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.65rem;margin:.9rem 0 .5rem;font-size:.62rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-mode-row{border:1px solid var(--border);background:#0000002e;border-radius:8px;gap:.35rem;padding:.25rem;display:flex}.auth-mode-row button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:1;padding:.45rem .55rem;font-size:.68rem;font-weight:800}.auth-mode-row button.active{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 1px var(--border2)}.auth-field-label{text-align:left;color:var(--text2);letter-spacing:.12em;margin:.75rem 0 0;font-size:.58rem;font-weight:800;display:block}.auth-field{border:1px solid var(--border2);color:#fff;background:#0000004d;border-radius:8px;outline:none;width:100%;margin-top:.3rem;padding:.7rem .85rem;font-size:.8rem;transition:border-color .15s;display:block}.auth-field::placeholder{color:var(--muted)}.auth-field:focus{border-color:var(--cyan)}.auth-status,.support-status{border:1px solid var(--border);color:var(--text2);background:#00000038;border-radius:8px;align-items:flex-start;gap:.4rem;margin-top:.7rem;padding:.55rem .65rem;font-size:.72rem;line-height:1.45;display:flex}.auth-status-warn{color:#ffb74d;background:#ff820012;border-color:#ffb30061}.auth-status-icon{flex-shrink:0}.profile-avatar-placeholder{color:#00e5ffb3;flex-direction:column;align-items:center;gap:.2rem;display:flex}.auth-logout-btn{color:#ff8a80;cursor:pointer;letter-spacing:.06em;background:#f443361a;border:1px solid #f443368c;border-radius:8px;width:100%;margin-top:.55rem;padding:.65rem;font-weight:900;transition:background .15s}.auth-logout-btn:hover{background:#f4433633}.support-layout,.fx-layout{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:1rem;display:grid}.support-card,.fx-panel,.community-composer{border:1px solid var(--border2);background:linear-gradient(145deg,#121422f2,#0a0b14f5);border-radius:8px;padding:1rem}.support-card h3,.fx-panel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0 0 .9rem;font-size:.9rem}.support-card p{color:var(--text2);font-size:.78rem;line-height:1.55}.support-card details{border-top:1px solid var(--border);padding:.75rem 0}.support-card details:first-of-type{border-top:0}.support-card summary{cursor:pointer;color:var(--text);font-size:.78rem;font-weight:800}.support-card label{color:var(--text2);letter-spacing:.1em;text-transform:uppercase;margin:.8rem 0;font-size:.64rem;display:block}.support-card input,.support-card textarea,.community-composer textarea{border:1px solid var(--border2);width:100%;color:var(--text);resize:vertical;background:#00000040;border-radius:8px;outline:none;min-height:42px;margin-top:.35rem;padding:.7rem;font-size:.78rem;display:block}.support-card textarea,.community-composer textarea{min-height:132px;line-height:1.5}.support-submit{border:1px solid var(--cyan-dim);color:var(--cyan);cursor:pointer;background:#00e5ff1a;border-radius:8px;padding:.65rem .9rem;font-size:.72rem;font-weight:900}.support-submit:disabled{opacity:.45;cursor:not-allowed}.fx-toolbar{align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.fx-target{flex-shrink:0;width:210px}.fx-track{border:1px solid var(--border);min-width:0;color:var(--text2);text-overflow:ellipsis;white-space:nowrap;background:#00000038;border-radius:8px;flex:1;padding:.65rem .8rem;overflow:hidden}.fx-control{color:var(--text2);letter-spacing:.08em;text-transform:uppercase;margin:.7rem 0;font-size:.66rem;display:block}.fx-control span{justify-content:space-between;gap:.8rem;margin-bottom:.3rem;display:flex}.fx-control b{color:var(--text);font-variant-numeric:tabular-nums}.fx-control input{width:100%;accent-color:var(--cyan)}.fx-help{color:var(--text2);margin:.5rem 0;font-size:.72rem;line-height:1.45}.pitch-calc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.pitch-calc-grid label{color:var(--text2);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem}.pitch-calc-grid input{border:1px solid var(--border2);width:100%;color:var(--text);background:#00000040;border-radius:6px;margin-top:.3rem;padding:.45rem .5rem}.pitch-result-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;margin:.7rem 0;display:grid}.pitch-result-grid div{border:1px solid var(--border);background:#0003;border-radius:7px;padding:.55rem}.pitch-result-grid b{color:var(--cyan);font-size:1rem;display:block}.pitch-result-grid span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.58rem}.fx-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.fx-preset-card{border:1px solid var(--border);min-height:96px;color:var(--text);text-align:left;cursor:pointer;background:#ffffff0a;border-radius:8px;padding:.85rem}.fx-preset-card:hover{border-color:var(--cyan-dim);background:#00e5ff14}.fx-preset-card strong{margin-bottom:.4rem;display:block}.fx-preset-card span{color:var(--text2);font-size:.72rem;line-height:1.45}.community-composer{grid-template-columns:180px 1fr auto;align-items:start;gap:.75rem;margin-bottom:1rem;display:grid}.community-user{color:var(--text);flex-direction:column;gap:.25rem;display:flex}.community-user span{color:var(--muted);text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.community-composer textarea{min-height:82px;margin-top:0}.community-feed{flex-direction:column;gap:.7rem;display:flex}.community-message{border:1px solid var(--border);background:#0003;border-radius:8px;padding:.85rem}.community-message div{color:var(--text);justify-content:space-between;gap:1rem;font-size:.76rem;display:flex}.community-message time{color:var(--muted);font-size:.65rem}.community-message p{color:var(--text2);white-space:pre-wrap;margin:.45rem 0 0;font-size:.78rem;line-height:1.55}.learner-step{text-align:left;border:0;align-items:flex-start;width:100%}.learner-step-copy{flex-direction:column;flex:1;gap:.18rem;min-width:0;display:flex}.learner-step-copy b{color:var(--text);font-size:.71rem;line-height:1.35}.learner-step-copy small{color:var(--muted);font-size:.64rem;line-height:1.35}.learner-step-status{border:1px solid var(--border);color:var(--cyan);border-radius:5px;flex-shrink:0;margin-left:auto;padding:.14rem .38rem;font-size:.58rem;font-weight:800}.learner-quiz-step{cursor:default}.learner-quiz-options{flex-wrap:wrap;gap:.3rem;margin-top:.35rem;display:flex}.learner-quiz-option{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:#00000038;border-radius:6px;padding:.28rem .45rem;font-size:.62rem}.learner-quiz-option:hover{border-color:var(--cyan-dim);color:var(--text)}.learner-quiz-option.selected{border-color:var(--pink-dim);color:var(--pink)}.learner-quiz-option.correct{color:#6ee77a;background:#4caf501a;border-color:#4caf50}.learner-quiz-good{color:#6ee77a!important}.learner-quiz-bad{color:#ff8a80!important}.ai-attachment-note{color:#b8f3ff;margin-top:.35rem;font-size:.62rem;display:block}.ai-send-btn.attach{flex-shrink:0;width:32px}.ai-attachment-card{border:1px solid var(--border);background:#00000038;border-radius:8px;align-items:center;gap:.55rem;padding:.45rem;display:flex}.ai-attachment-card img{-o-object-fit:cover;object-fit:cover;border-radius:6px;width:42px;height:42px}.ai-attachment-card audio{width:140px;height:32px}.ai-attachment-card span{min-width:0;color:var(--text2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.68rem;overflow:hidden}.ai-attachment-card button{border:1px solid var(--border2);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;padding:.25rem .45rem}.settings-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:.8rem;display:grid}.settings-toggle{border:1px solid var(--border2);background:#00000038;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.settings-toggle span{flex-direction:column;gap:.25rem;display:flex}.settings-toggle b{color:var(--text);font-size:.82rem}.settings-toggle small{color:var(--text2);font-size:.72rem;line-height:1.4}.settings-toggle input{width:18px;height:18px;accent-color:var(--cyan)}.shortcut-manual{border:1px solid var(--cyan-dim);background:#00e5ff12;border-radius:8px;margin-top:1rem;padding:1rem}.shortcut-manual h3{color:var(--cyan);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .75rem;font-size:.82rem}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.shortcut-grid span{border:1px solid var(--border);color:var(--text2);background:#0003;border-radius:7px;justify-content:space-between;gap:.75rem;padding:.55rem;font-size:.68rem;display:flex}.shortcut-grid b{color:var(--text);white-space:nowrap}.keyboard-live-badge{z-index:75;left:calc(var(--sidebar-w) + 18px);color:var(--cyan);letter-spacing:.08em;pointer-events:none;background:#040e1cdb;border:1px solid #00e5ff8c;border-radius:999px;padding:.45rem .7rem;font-size:.62rem;font-weight:900;position:fixed;bottom:18px;box-shadow:0 0 18px #00e5ff33}.editor-toolbar{align-items:center;gap:.7rem;margin-bottom:1rem;display:flex}.editor-toolbar label.support-submit{cursor:pointer}.editor-list{flex-direction:column;gap:.7rem;display:flex}.editor-track{border:1px solid var(--border);background:#0003;border-radius:8px;grid-template-columns:72px minmax(220px,1fr) 96px 96px 34px;align-items:center;gap:.7rem;padding:.75rem;display:grid}.editor-waveform{min-width:0;position:relative}.editor-waveform canvas{border:1px solid var(--border2);cursor:crosshair;touch-action:none;background:#080d18;border-radius:7px;width:100%;height:92px;display:block}.editor-waveform small{color:var(--muted);margin-top:.25rem;font-size:.58rem;display:block}.editor-select{color:var(--text2);align-items:center;gap:.35rem;font-size:.7rem;display:flex}.editor-select input{accent-color:var(--cyan)}.editor-info{flex-direction:column;gap:.4rem;min-width:0;display:flex}.editor-info b{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.editor-info audio{width:100%;height:32px}.editor-track label:not(.editor-select){color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.62rem}.editor-track label input[type=number]{border:1px solid var(--border2);width:100%;color:var(--text);background:#00000040;border-radius:6px;margin-top:.25rem;padding:.35rem}.fs-wave-fallback{background:linear-gradient(135deg,#00e5ff1f,#e040fb1f);justify-content:center;align-items:center;gap:2px;width:100%;height:100%;padding:.7rem;display:flex}.fs-wave-fallback span{background:linear-gradient(180deg,var(--cyan),var(--pink));opacity:.72;border-radius:999px;width:3px}@media (max-width:900px){.support-layout,.fx-layout,.community-composer,.settings-grid,.editor-track{grid-template-columns:1fr}.fx-toolbar,.editor-toolbar{flex-direction:column;align-items:stretch}.fx-target{width:100%}.fx-preset-grid{grid-template-columns:1fr}.pitch-calc-grid,.pitch-result-grid{grid-template-columns:1fr 1fr}}.hot-cue-pad:disabled{opacity:.35;cursor:not-allowed}.drop-beat-btn{z-index:80;color:#fff;letter-spacing:.12em;cursor:pointer;background:linear-gradient(90deg,#0e2d58,#6a21b8);border:1px solid #00d9ff;border-radius:999px;padding:.72rem 1.1rem;font-weight:900;position:static;box-shadow:0 0 24px #00d9ff66}.drop-beat-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.drop-beat-btn.live{background:linear-gradient(90deg,#008fc7,#7d2cff);animation:1s infinite pulse}.drop-beat-btn.compact{letter-spacing:0;color:#fff;cursor:pointer;background:linear-gradient(135deg,#0e2d58f2,#6a21b8f2);border:1.5px solid #00d9ffb3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1rem;font-weight:900;transition:box-shadow .15s,transform .12s,opacity .15s;display:flex;position:static;box-shadow:0 0 12px #00d9ff59}.drop-beat-btn.compact:hover:not(:disabled){transform:scale(1.1);box-shadow:0 0 20px #00d9ff99,0 0 8px #e040fb66}.drop-beat-btn.compact:disabled{opacity:.25;cursor:not-allowed;box-shadow:none}.drop-beat-btn.compact.live{background:linear-gradient(135deg,#008fc7,#7d2cff);animation:1s infinite pulse}.drop-beat-btn.compact.countdown{animation:.7s infinite pulse;box-shadow:0 0 18px #00d9ffb3}.drop-track-picker{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#010208d1;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.drop-track-picker-card{color:#fff;text-align:center;background:#071126;border:1px solid #00e5ff8c;border-radius:16px;width:min(420px,100%);padding:1.4rem;box-shadow:0 0 42px #00beff3d}.drop-track-picker-card>b{letter-spacing:.05em;font-size:1.05rem;display:block}.drop-track-picker-card>p{color:var(--text2);margin:.45rem 0 1.1rem;font-size:.78rem}.drop-track-picker-actions{grid-template-columns:1.25fr 1fr 1fr;gap:.55rem;display:grid}.drop-track-picker-actions button,.drop-track-picker-cancel{border:1px solid var(--cyan);color:#fff;cursor:pointer;background:#00e5ff1a;border-radius:9px;padding:.7rem .65rem;font-weight:800}.drop-track-picker-actions button:hover:not(:disabled){background:var(--cyan);color:#031018}.drop-track-picker-actions button:disabled{opacity:.3;cursor:not-allowed}.drop-track-picker-cancel{border-color:var(--border2);color:var(--text2);background:0 0;margin-top:.75rem;font-size:.72rem}.drop-cinematic{z-index:150;pointer-events:none;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.drop-blackout{background:#010208;animation:.45s both blackout;position:absolute;inset:0}@keyframes blackout{0%{opacity:0}to{opacity:.96}}.drop-count{color:#fff;text-shadow:0 0 22px #00cfff,0 0 80px #274dff;font-size:clamp(7rem,20vw,15rem);font-weight:950;animation:.85s both countpop;position:relative}@keyframes countpop{0%{opacity:0;transform:scale(1.8)}35%{opacity:1}to{opacity:.2;transform:scale(.8)}}.drop-smoke{filter:blur(50px);background:radial-gradient(circle,#78a0d252,#0000 68%);border-radius:50%;width:70vw;height:45vh;animation:4s ease-out infinite smokerise;position:absolute;bottom:-18vh}.drop-smoke.s2{animation-delay:-1.8s;left:35%}@keyframes smokerise{to{opacity:0;transform:translateY(-60vh)scale(1.5)}}.drop-lightning{clip-path:polygon(45% 0,100% 0,65% 35%,100% 35%,30% 100%,45% 48%,0 48%);background:#e8fbff;width:7px;height:76%;display:none;position:absolute;top:-5%;box-shadow:0 0 12px #fff,0 0 35px #00bfff,0 0 80px #26f}.drop-lightning.l1{left:38%;transform:rotate(11deg)}.drop-lightning.l2{left:61%;transform:rotate(-13deg)}.impact .drop-lightning,.live .drop-lightning{animation:.25s steps(2,end) 3 strike;display:block}@keyframes strike{50%{opacity:.15}}.drop-shockwave{border:6px solid #69efff;border-radius:50%;width:60px;height:60px;display:none;position:absolute;box-shadow:0 0 30px #00bfff,inset 0 0 30px #00bfff}.impact .drop-shockwave,.live .drop-shockwave{animation:1.4s ease-out both shock;display:block}@keyframes shock{to{opacity:0;transform:scale(24)}}.drop-lasers{width:1px;height:1px;display:none;position:absolute;bottom:8%;left:50%}.impact .drop-lasers,.live .drop-lasers{display:block}.drop-lasers i{transform-origin:bottom;background:linear-gradient(#00eaff,#0000);width:3px;height:90vh;animation:.48s ease-in-out infinite alternate laserbeat;position:absolute;bottom:0;box-shadow:0 0 10px #00cfff}@keyframes laserbeat{to{opacity:.25;filter:hue-rotate(90deg)}}.ai-drop-greeting{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050d1ed1;border:1px solid #00e5ff99;border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.4rem;animation:.7s .3s both greetin;display:flex;position:relative;box-shadow:0 0 40px #00beff4d}.ai-drop-greeting>span{color:#00e5ff;font-size:2.2rem;animation:1s infinite pulse}.ai-drop-greeting b{color:#00e5ff;letter-spacing:.2em;font-size:.7rem}.ai-drop-greeting p{color:#fff;margin:.35rem 0 0;line-height:1.45}@keyframes greetin{0%{opacity:0;transform:translateY(30px)}}.drop-close{z-index:4;pointer-events:auto;color:#fff;cursor:pointer;background:#000a1ecc;border:1px solid #00dfff;border-radius:999px;padding:.65rem 1rem;position:absolute;top:24px;left:24px;box-shadow:0 0 18px #00dcff40}.drop-audio-overlay{z-index:500;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#02040cc7;border:2px dashed #00e5ffb3;place-items:center;display:grid;position:fixed;inset:0}.drop-audio-overlay b{color:#fff;letter-spacing:.12em;text-shadow:0 0 24px var(--cyan);font-size:clamp(1.2rem,4vw,2.6rem)}.drop-audio-overlay span{color:var(--cyan);letter-spacing:.08em;margin-top:.7rem;font-size:.8rem;display:block}.deck-nitrogen{z-index:12;left:var(--sidebar-w);right:var(--right-w);pointer-events:none;mix-blend-mode:screen;height:calc(100vh - 58px);position:absolute;top:58px;overflow:hidden}.deck-nitrogen i{--x:calc((var(--fog-i) * 9%));left:var(--x);filter:blur(22px);width:260px;height:150px;animation:nitrogen-roll calc(4.5s + var(--fog-i) * .18s) ease-in-out infinite alternate;animation-delay:calc(var(--fog-i) * -.37s);background:radial-gradient(#d2f5ff57,#5aaad21f 48%,#0000 72%);border-radius:50%;position:absolute;bottom:-9%}@keyframes nitrogen-roll{0%{opacity:.15;transform:translate(-80px,20px)scale(.7)}55%{opacity:.55}to{opacity:.08;transform:translate(80px,-170px)scale(1.5)}}.nitrogen-jet{filter:blur(13px);clip-path:polygon(35% 100%,65% 100%,100% 0,0 0);background:linear-gradient(#0000,#5ad2ff2e 65%,#ebfcffa6);width:80px;height:52%;animation:2.4s ease-in-out infinite jetburst;position:absolute;bottom:2%}.nitrogen-jet.left{left:9%;transform:rotate(14deg)}.nitrogen-jet.right{animation-delay:-1.2s;right:9%;transform:rotate(-14deg)}@keyframes jetburst{0%,65%,to{opacity:.08;height:12%}72%{opacity:.7;height:58%}}.right-panel.collapsed{width:52px;height:86px}.right-panel.open{width:var(--right-w)}.ai-drawer-launcher{border:0;border-bottom:1px solid var(--border);width:100%;min-height:86px;color:var(--text2);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;display:flex}.ai-drawer-launcher:hover{color:var(--purple-light);background:var(--surface)}.ai-launcher-label{letter-spacing:.08em;font-size:.62rem;font-weight:800}@media (max-width:1180px){.decks-row{grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);overflow-x:auto}.bottom-panel{grid-template-columns:minmax(650px,1fr)}.live-viz-section{display:none}.playlist-section{border-right:0}}@media (max-width:760px){.right-panel{top:64px;right:12px}.right-panel.open{width:min(340px,100vw - 24px);height:calc(100vh - 160px)}.sidebar.open{z-index:51;height:calc(100vh - 58px);position:fixed;top:58px;left:0}.waveform-header{min-width:650px}.center-stage,.playlist-toolbar,.playlist-tabs{overflow-x:auto}}.ai-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.ai-panel-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text);flex:1;font-size:.78rem;font-weight:700}.ai-panel-icon{font-size:.9rem}.ai-pin-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:.85rem;transition:color .12s}.ai-pin-btn:hover{color:var(--text)}.ai-messages{flex-direction:column;flex:1;gap:.7rem;padding:.7rem .9rem;display:flex;overflow-y:auto}.ai-msg-bubble{background:var(--purple);color:#e8e8f8;max-width:88%;box-shadow:0 0 16px var(--purple-glow);border-radius:10px 10px 10px 2px;padding:.6rem .8rem;font-size:.78rem;line-height:1.5}.ai-msg-time{color:var(--muted);text-align:right;margin-top:.15rem;font-size:.62rem}.ai-msg-reply{background:var(--surface);border:1px solid var(--border2);color:var(--text);border-radius:10px 10px 2px;align-self:flex-end;max-width:92%;padding:.6rem .8rem;font-size:.78rem;line-height:1.5}.ai-checklist{flex-direction:column;gap:.25rem;margin-top:.4rem;display:flex}.ai-checklist-item{color:var(--text2);align-items:center;gap:.4rem;font-size:.73rem;display:flex}.ai-checklist-check{color:#4caf50;font-weight:700}.ai-mini-wave{height:20px;margin-top:.5rem}.ai-suggestions{border-top:1px solid var(--border);flex-shrink:0;padding:.5rem .7rem}.ai-suggestions-header{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.ai-suggestions-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text2);font-size:.65rem;font-weight:700}.ai-suggestions-sub{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.6rem}.ai-suggestion-item{cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.35rem .3rem;transition:background .12s;display:flex}.ai-suggestion-item:hover{background:var(--surface)}.ai-suggestion-art{background:var(--panel2);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.65rem;display:flex;overflow:hidden}.ai-suggestion-info{flex:1;min-width:0}.ai-suggestion-name{text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:600;overflow:hidden}.ai-suggestion-meta{color:var(--text2);gap:.4rem;font-size:.62rem;display:flex}.ai-suggestion-meta .key-badge.orange{color:var(--pink);font-weight:700}.ai-suggestion-meta .key-badge.blue{color:var(--cyan);font-weight:700}.ai-suggestion-play{color:var(--text2);cursor:pointer;background:0 0;border:none;font-size:.8rem;transition:color .12s}.ai-suggestion-play:hover{color:var(--text)}.btn-generate-playlist{border:1px solid var(--purple);width:100%;color:var(--text);letter-spacing:.04em;cursor:pointer;background:#7c3aed26;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;margin-top:.5rem;padding:.5rem;font-size:.73rem;font-weight:700;transition:all .15s;display:flex}.btn-generate-playlist:hover{background:var(--purple);box-shadow:0 0 14px var(--purple-glow)}.ai-input-row{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.ai-input{background:var(--surface);border:1px solid var(--border2);color:var(--text);border-radius:20px;outline:none;flex:1;padding:.4rem .8rem;font-size:.75rem;transition:border-color .12s}.ai-input::placeholder{color:var(--muted)}.ai-input:focus{border-color:var(--purple)}.ai-send-btn{background:var(--purple);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;transition:all .12s;display:flex}.ai-send-btn:hover{box-shadow:0 0 10px var(--purple-glow)}.ai-copilot-root{flex-direction:column;height:100%;display:flex;overflow:hidden}.ai-copilot-scroll{flex:1;padding:0 .1rem;overflow:hidden auto}.ai-section{border-bottom:1px solid var(--border);padding:.55rem .75rem}.ai-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text2);align-items:center;gap:.35rem;margin-bottom:.4rem;font-size:.63rem;font-weight:800;display:flex}.ai-track-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.02em;margin-bottom:.4rem;font-size:.82rem;font-weight:700;overflow:hidden}.ai-stat-row{grid-template-columns:repeat(3,1fr);gap:.35rem;display:grid}.ai-stat-card{background:var(--surface);text-align:center;border:1px solid;border-radius:8px;padding:.45rem .3rem}.ai-stat-val{letter-spacing:-.01em;margin-bottom:.18rem;font-size:1.15rem;font-weight:800;line-height:1}.ai-stat-lbl{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.58rem;font-weight:700}.ai-energy-bar-bg{background:var(--panel2);border-radius:3px;height:6px;overflow:hidden}.ai-energy-bar-fill{border-radius:3px;height:100%;transition:width .4s,background .4s}.ai-deck-compare{background:var(--panel2);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:.3rem;margin-top:.45rem;padding:.3rem .4rem;display:flex}.ai-deck-compare-item{align-items:center;gap:.3rem;display:flex}.ai-deck-compare-label{letter-spacing:.08em;background:currentColor;border-radius:3px;padding:.05rem .3rem;font-size:.62rem;font-weight:800;color:var(--bg)!important}.ai-deck-compare-bpm{font-size:.7rem;font-weight:700}.ai-deck-compare-diff{color:var(--muted);text-align:center;flex:1;font-size:.65rem;font-weight:600}.ai-deck-compare-diff.warn{color:#ff9800}.ai-no-track{text-align:center;color:var(--muted);padding:.6rem;font-size:.75rem}.ai-no-track-icon{opacity:.4;margin-bottom:.3rem;font-size:1.6rem}.ai-sug-loading-dot{border:1.5px solid var(--purple);border-top-color:#0000;border-radius:50%;width:8px;height:8px;animation:.7s linear infinite ai-spin;display:inline-block}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-suggestions-list{flex-direction:column;gap:.3rem;display:flex}.ai-sug-card{background:var(--panel2);border:1px solid var(--border);border-radius:7px;padding:.35rem .5rem;transition:border-color .15s}.ai-sug-card:hover{border-color:var(--purple)}.ai-sug-card-top{align-items:center;gap:.35rem;display:flex}.ai-sug-card-icon{flex-shrink:0;font-size:.85rem}.ai-sug-card-check{color:#4caf50;flex-shrink:0;font-size:.68rem;font-weight:800}.ai-sug-card-label{color:var(--text);font-size:.73rem;font-weight:600;line-height:1.35}.ai-sug-card-reason{color:var(--text2);margin-top:.25rem;padding-left:1.2rem;font-size:.65rem;font-style:italic;line-height:1.4}.ai-action-grid{grid-template-columns:repeat(2,1fr);gap:.35rem;display:grid}.ai-action-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text);cursor:pointer;border-radius:7px;align-items:center;gap:.35rem;padding:.45rem .6rem;font-size:.72rem;font-weight:600;transition:all .12s;display:flex;position:relative;overflow:hidden}.ai-action-btn:last-child{grid-column:1/-1}.ai-action-btn:hover:not(:disabled){border-color:var(--purple);color:var(--text);background:#7c3aed1f}.ai-action-btn:disabled{opacity:.5;cursor:not-allowed}.ai-action-btn.loading{border-color:var(--purple);background:#7c3aed26}.ai-action-btn-icon{flex-shrink:0;font-size:.85rem}.ai-action-btn-label{text-align:left;flex:1}.ai-action-spinner{border:1.5px solid var(--purple);border-top-color:#0000;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.7s linear infinite ai-spin;display:inline-block}.ai-chat-section{border-bottom:none}.ai-chat-toggle{width:100%;color:var(--text2);cursor:pointer;letter-spacing:.04em;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:.72rem;font-weight:700;transition:color .12s;display:flex}.ai-chat-toggle:hover{color:var(--text)}.ai-chat-body{flex-direction:column;gap:0;margin-top:.4rem;display:flex}.ai-chat-empty{text-align:center;color:var(--muted);padding:.6rem;font-size:.7rem;line-height:1.5}.knob{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;gap:3px;display:flex}.knob-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:8px;font-weight:700}.knob-body{border:1.5px solid var(--border2);cursor:ns-resize;background:radial-gradient(circle at 35% 30%,#2e2e3e,#16161f);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 2px 6px #00000080}.knob-body:hover{border-color:var(--text2)}.knob-tick{background:var(--pink);transform-origin:top;border-radius:1px;width:2px;height:30%;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.knob-val{color:var(--text2);font-variant-numeric:tabular-nums;letter-spacing:.04em;text-align:center;min-width:28px;font-size:7px}.learner-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.learner-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.learner-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text);flex:1;font-size:.78rem;font-weight:700}.learner-content{flex-direction:column;flex:1;gap:.7rem;padding:.7rem .9rem;display:flex;overflow-y:auto}.learner-progress{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem}.learner-progress-label{color:var(--text2);justify-content:space-between;margin-bottom:.35rem;font-size:.7rem;display:flex}.learner-progress-bar{background:var(--panel2);border-radius:3px;height:5px;overflow:hidden}.learner-progress-fill{background:linear-gradient(90deg, var(--purple), var(--pink));border-radius:3px;height:100%;transition:width .4s}.learner-module{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;transition:border-color .15s;overflow:hidden}.learner-module:hover{border-color:var(--border2)}.learner-module.active{border-color:var(--purple)}.learner-module-head{align-items:center;gap:.5rem;padding:.55rem .7rem;display:flex}.learner-module-num{background:var(--surface);width:22px;height:22px;color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:700;display:flex}.learner-module.done .learner-module-num{background:var(--purple);color:#fff}.learner-module-title{color:var(--text);flex:1;font-size:.75rem;font-weight:600}.learner-module-dur{color:var(--muted);font-size:.65rem}.learner-module-body{color:var(--text2);padding:0 .7rem .55rem;font-size:.72rem;line-height:1.55}.learner-module-steps{flex-direction:column;gap:.3rem;margin-top:.4rem;display:flex}.learner-step{color:var(--text2);background:var(--surface);cursor:pointer;border-radius:5px;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.71rem;transition:background .12s;display:flex}.learner-step:hover{background:var(--panel2)}.learner-step.done{color:var(--muted);text-decoration:none}.waveform-header{background:linear-gradient(#0a0d16 0%,#05070d 100%);border:1px solid #20283a;border-radius:10px 10px 4px 4px;height:126px;margin:.45rem .55rem 0;overflow:hidden;box-shadow:inset 0 1px #ffffff09,0 12px 28px #0009}.waveform-header-deck{background:linear-gradient(145deg,#11131ffa,#05070dfa)}.waveform-header-deck:first-child{border-top:1px solid #eb35ff6b}.waveform-header-deck:last-child{border-top:1px solid #00bfff6b}.waveform-header-art{background:radial-gradient(circle at 50% 40%,#24123e,#080a12);border:1px solid #27304a;width:62px;height:62px;box-shadow:inset 0 0 16px #000}.waveform-header-title{color:#f5f6fb;font-size:.78rem}.waveform-header-canvas{filter:saturate(1.5)drop-shadow(0 0 5px);border-top:1px solid #ffffff0d;margin-top:.3rem}.waveform-center-col{background:linear-gradient(#0d111c,#06080e);border-color:#222a39;width:92px}.decks-row{perspective:1400px;background:linear-gradient(#080b12,#030407);grid-template-columns:minmax(310px,1fr) 252px minmax(310px,1fr);gap:3px;min-height:490px;padding:3px .55rem .75rem}.deck-panel,.mixer-col{background:linear-gradient(110deg,#0000 0 47%,#ffffff05 49%,#0000 52%),linear-gradient(#151923 0%,#0b0e15 52%,#080a0f 100%);border-color:#202737;border-radius:7px;position:relative;box-shadow:inset 0 1px #ffffff0b,inset 0 -20px 35px #0006,0 10px 22px #000b}.deck-panel{gap:.34rem;padding:.45rem .55rem .55rem;transform:rotateX(1.2deg)}.deck-panel.deck-a,.deck-panel.deck-b{border-top:1px solid #283044}.deck-panel:after,.mixer-col:after{content:"";pointer-events:none;border:1px solid #ffffff05;border-radius:5px;position:absolute;inset:7px}.deck-bottom{border-bottom:1px solid #252b3b;order:0;padding-bottom:.32rem}.deck-main{order:1;gap:.35rem;min-height:260px}.deck-top-row{border-top:1px solid #222938;order:2;justify-content:center;margin-top:auto;padding-top:.42rem}.deck-top-row>.deck-settings-btn,.deck-top-row>.deck-vinyl-btn,.deck-top-row>span{opacity:.55;position:absolute}.deck-top-row>.deck-settings-btn:first-child{bottom:13px;left:9px}.deck-top-row>.deck-vinyl-btn{bottom:12px;right:9px}.deck-top-row>span.deck-settings-btn{display:none}.deck-transport-group{justify-content:center;gap:10px;width:100%;padding:0 38px}.btn-cue,.btn-sync,.btn-pause{background:linear-gradient(#151a24,#090b11);border-radius:4px;height:38px;box-shadow:inset 0 1px #ffffff0f,0 3px 7px #000}.btn-cue,.btn-sync{flex:1;max-width:92px;font-size:.66rem}.btn-pause{color:#fff;border-radius:4px;flex:1;width:auto;max-width:96px;font-size:.82rem}.deck-a .btn-pause{color:#fff;border-color:#ee4cff;box-shadow:inset 0 0 15px #e530ff38,0 0 13px #e530ff6b}.deck-b .btn-pause{color:#fff;border-color:#00bcff;box-shadow:inset 0 0 15px #00bcff38,0 0 13px #00bcff6b}.deck-bottom>div:first-child{grid-template-columns:1fr 1.5fr;gap:.45rem;align-items:end!important;display:grid!important}.hot-cue-label{text-align:left;color:#a9aabd;grid-area:1/1;font-size:.5rem}.loop-buttons{flex-wrap:nowrap;grid-area:1/2;justify-content:flex-end}.loop-buttons:before{content:"LOOP";color:#8d91a1;letter-spacing:.08em;align-self:center;margin-right:auto;font-size:.5rem}.btn-loop{background:#0c0f17;border-color:#282f42;min-width:25px;padding:.2rem .3rem;font-size:.5rem}.hot-cue-pads{gap:.24rem;width:45%}.hot-cue-pad{background:linear-gradient(#18142a,#0b0d15);border-color:#35264b;width:27px;height:23px;font-size:.58rem}.hot-cue-pad:nth-child(n+5){display:none}.deck-a .hot-cue-pad:first-child{color:#ff2f55;border-color:#9a1b3a;box-shadow:inset 0 0 8px #74102d}.deck-b .hot-cue-pad:first-child{color:#00d9ff;border-color:#087ca3;box-shadow:inset 0 0 8px #064761}.fx-col{display:none}.turntable{filter:drop-shadow(0 14px 12px #000);max-width:270px;max-height:270px}.turntable-ring{background:radial-gradient(circle,#090b12 0 14%,#141824 15% 18%,#06070b 19% 68%,#101520 69% 76%,#05070b 77%);border:7px solid #181d28;width:94%;height:94%;box-shadow:0 0 0 2px #040508,0 8px 20px #000!important}.turntable-ring:before{content:"";border:3px solid var(--deck-color);box-shadow:0 0 7px var(--deck-color),inset 0 0 8px var(--deck-color);opacity:.95;border-radius:50%;position:absolute;inset:4%}.turntable-ring:after{content:"";background:repeating-radial-gradient(circle,#0000 0 2px,#8ca0c324 3px,#0000 4px);border-radius:50%;position:absolute;inset:13%;box-shadow:inset 0 0 28px #000}.turntable-ring.deck-a{--deck-color:#ef3dff}.turntable-ring.deck-b{--deck-color:#009dff}.turntable-grooves{z-index:1;border-color:#ffffff29;inset:22%;box-shadow:0 0 0 6px #080a0f,0 0 0 7px #ffffff0f,0 0 0 17px #090a0e}.turntable-studs{z-index:2;animation:inherit;position:absolute;inset:0}.turntable-studs i{transform-origin:50% 132px;background:linear-gradient(90deg,#111726,#374057,#0a0c13);border-radius:50%;width:9px;height:18px;position:absolute;top:0;left:48%}.turntable-studs i:first-child{transform:rotate(0)}.turntable-studs i:nth-child(2){transform:rotate(22.5deg)}.turntable-studs i:nth-child(3){transform:rotate(45deg)}.turntable-studs i:nth-child(4){transform:rotate(67.5deg)}.turntable-studs i:nth-child(5){transform:rotate(90deg)}.turntable-studs i:nth-child(6){transform:rotate(112.5deg)}.turntable-studs i:nth-child(7){transform:rotate(135deg)}.turntable-studs i:nth-child(8){transform:rotate(157.5deg)}.turntable-studs i:nth-child(9){transform:rotate(180deg)}.turntable-studs i:nth-child(10){transform:rotate(202.5deg)}.turntable-studs i:nth-child(11){transform:rotate(225deg)}.turntable-studs i:nth-child(12){transform:rotate(247.5deg)}.turntable-studs i:nth-child(13){transform:rotate(270deg)}.turntable-studs i:nth-child(14){transform:rotate(292.5deg)}.turntable-studs i:nth-child(15){transform:rotate(315deg)}.turntable-studs i:nth-child(16){transform:rotate(337.5deg)}.turntable-label{z-index:4;background:radial-gradient(circle at 45% 38%,#171b27,#05060a 75%);border:1px solid #333a4b;inset:36%;box-shadow:0 0 0 5px #05070b,0 0 0 6px #272d3d}.turntable-ai{letter-spacing:-.08em;font-size:1.35rem;font-style:italic;font-weight:950}.deck-a .turntable-ai{color:#ef62ff;text-shadow:0 0 10px #df2cff}.deck-b .turntable-ai{color:#16c7ff;text-shadow:0 0 10px #009dff}.turntable-readout{white-space:nowrap;color:#8b93a5;font-size:.42rem;position:absolute;top:118%}.turntable-needle{z-index:5;background:#e6eafa;width:2px;height:13%;position:absolute;top:5%;left:50%;box-shadow:0 0 5px #fff}.turntable-ring.playing .turntable-needle{animation:.8s ease-in-out infinite alternate needle-pulse}.turntable-ring.dragging{transform:rotate(var(--jog-rotation,0deg));transition:none;animation:none}@keyframes needle-pulse{to{opacity:.42}}.pitch-col{justify-content:center;align-self:stretch;width:32px}.pitch-slider{accent-color:#5f6a82;height:128px}.mixer-col{gap:.4rem;width:252px;padding:.45rem .6rem;overflow:hidden;transform:rotateX(1deg)}.mixer-tabs{color:#8e94a6;border-bottom:1px solid #252c3b;justify-content:space-between;margin:0 -.6rem;padding:0 .35rem;display:flex}.mixer-tabs button{color:#8e94a6;min-width:0;font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;padding:.42rem .26rem .5rem;font-size:.48rem;transition:all .16s;position:relative}.mixer-tabs button:hover{color:#fff;background:#ffffff09}.mixer-tabs button.active{color:#fff;text-shadow:0 0 7px #fff}.mixer-tabs button.active:after{content:"";background:linear-gradient(90deg,#e632ff,#6173ff);height:2px;position:absolute;bottom:-1px;left:20%;right:20%;box-shadow:0 0 8px #d82cff}.mixer-eq-row{justify-content:space-around}.mixer-knob-label{color:#a1a7b7;font-size:.44rem}.mixer-knob-col:nth-child(-n+2) .knob-body{border-color:#e72aff6b;box-shadow:inset 0 0 8px #e72aff2e,0 0 6px #e72aff1f}.mixer-knob-col:nth-child(n+3) .knob-body{border-color:#00b2ff6b;box-shadow:inset 0 0 8px #00b2ff2e,0 0 6px #00b2ff1f}.mixer-cue-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:.55rem;margin:.05rem 0 .12rem;display:grid}.mixer-cue-row span{color:#596176;letter-spacing:.12em;font-size:.42rem;font-weight:800}.mixer-cue-row button{color:#bec4d1;cursor:pointer;background:linear-gradient(#141923,#080a0f);border:1px solid #384054;border-radius:3px;padding:.28rem;font-size:.48rem;font-weight:800;box-shadow:0 2px 4px #000}.mixer-cue-row button.a.active{color:#ff71ff;border-color:#de2cff;box-shadow:inset 0 0 9px #8d167d,0 0 8px #d92cff}.mixer-cue-row button.b.active{color:#74eaff;border-color:#00afff;box-shadow:inset 0 0 9px #075e86,0 0 8px #0af}.mixer-faders{background:linear-gradient(90deg,#0000,#05070c55,#0000);border-top:1px solid #202637;border-bottom:1px solid #202637;flex:1;min-height:180px;padding:.35rem 0}.mixer-col .level-meter{background:repeating-linear-gradient(0deg,#111722 0 3px,#03050a 3px 5px);border-radius:1px;width:9px;box-shadow:inset 0 0 5px #000}.mixer-col .level-bar{opacity:.92;background:repeating-linear-gradient(0deg,#00bfff 0 3px,#063e70 3px 5px,#366cff 34%,#d82cff 70%,#ff3cae 100%);border-radius:1px;min-height:12%;box-shadow:0 0 8px #008cff,0 -2px 8px #e42cff}.mixer-col .master-section>.knob .knob-body{border-color:#718096;box-shadow:inset 0 0 10px #000,0 0 8px #82beff40}.master-section{order:2}.level-fader-wrap:first-child{order:1}.level-fader-wrap:last-child{order:3}.crossfader-section{border-top:1px solid #202737;margin-top:auto;padding:.55rem .4rem .15rem}.crossfader-input{filter:drop-shadow(0 0 4px #d82cff)}.mixer-col .fader-label{cursor:pointer;width:29px;height:25px;box-shadow:inset 0 0 8px currentColor,0 0 7px color-mix(in srgb,currentColor 55%,transparent);background:#0a0e16;border:1px solid;border-radius:3px;font-size:.62rem}.mixer-col .fader-label.a{color:#cf53ff}.mixer-col .fader-label.b{color:#25bfff}@media (max-width:1200px){.decks-row{grid-template-columns:minmax(300px,1fr) 220px minmax(300px,1fr)}.mixer-col{width:220px}.turntable{max-width:235px;max-height:235px}.turntable-studs i{transform-origin:50% 114px}}.learner-step-check{color:#4caf50;flex-shrink:0;font-size:.75rem}.learner-step-num{background:var(--panel2);width:18px;height:18px;color:var(--muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.6rem;font-weight:700;display:flex}.learner-tip{color:var(--text2);background:#7c3aed1f;border:1px solid #7c3aed4d;border-radius:8px;padding:.6rem .7rem;font-size:.72rem;line-height:1.5}.learner-tip-head{color:#b39ddb;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.3rem;font-size:.65rem;font-weight:700}.btn-learner-start{border:1px solid var(--purple);color:var(--text);cursor:pointer;background:#7c3aed33;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.5rem;font-size:.73rem;font-weight:700;transition:all .15s;display:flex}.btn-learner-start:hover{background:var(--purple);box-shadow:0 0 12px var(--purple-glow)}.stream-panel{flex-direction:column;height:100%;display:flex;overflow:hidden}.stream-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.7rem .9rem;display:flex}.stream-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text);flex:1;font-size:.78rem;font-weight:700}.stream-content{flex-direction:column;flex:1;gap:.7rem;padding:.7rem .9rem;display:flex;overflow-y:auto}.stream-providers{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.stream-provider-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem;font-size:.73rem;font-weight:700;transition:all .15s;display:flex}.stream-provider-btn.spotify{border-color:#1db954}.stream-provider-btn.spotify:hover{background:#1db95426;box-shadow:0 0 10px #1db9544d}.stream-provider-btn.soundcloud{border-color:#f50}.stream-provider-btn.soundcloud:hover{background:#ff550026;box-shadow:0 0 10px #ff55004d}.stream-provider-btn.connected{background:#1db9541a}.stream-connected-badge{color:#000;letter-spacing:.06em;background:#1db954;border-radius:3px;padding:.15rem .4rem;font-size:.6rem;font-weight:700}.stream-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:.65rem;font-weight:700}.stream-demo-tracks{flex-direction:column;gap:.3rem;display:flex}.stream-demo-track{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.4rem .5rem;transition:background .12s;display:flex}.stream-demo-track:hover{background:var(--panel2);border-color:var(--border2)}.stream-demo-art{background:var(--panel2);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.75rem;display:flex}.stream-demo-info{flex:1;min-width:0}.stream-demo-name{text-overflow:ellipsis;white-space:nowrap;font-size:.73rem;font-weight:600;overflow:hidden}.stream-demo-meta{color:var(--text2);font-size:.63rem}.stream-demo-actions{gap:.3rem;display:flex}.stream-deck-btn{border:1px solid var(--pink-dim);color:var(--pink);cursor:pointer;background:0 0;border-radius:3px;padding:.2rem .4rem;font-size:.6rem;font-weight:700;transition:all .12s}.stream-deck-btn:hover{background:#e040fb26}.stream-deck-btn.b{border-color:var(--cyan-dim);color:var(--cyan)}.stream-deck-btn.b:hover{background:#00e5ff1f}.stream-url-input-row{gap:.4rem;display:flex}.stream-url-input{background:var(--surface);border:1px solid var(--border2);color:var(--text);border-radius:6px;outline:none;flex:1;padding:.35rem .6rem;font-size:.72rem;transition:border-color .12s}.stream-url-input::placeholder{color:var(--muted)}.stream-url-input:focus{border-color:var(--pink)}.stream-load-btn{border:1px solid var(--pink-dim);color:var(--pink);cursor:pointer;background:0 0;border-radius:6px;padding:.35rem .7rem;font-size:.72rem;font-weight:700;transition:all .12s}.stream-load-btn:hover{background:#e040fb26}.learner-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:0;display:flex}.learner-tab{letter-spacing:.03em;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.5rem .4rem;font-size:.7rem;font-weight:600;transition:color .15s}.learner-tab.active{color:var(--pink);border-bottom-color:var(--pink)}.learner-tab:hover:not(.active){color:var(--text2)}.learner-level-badge{letter-spacing:.1em;text-transform:uppercase;color:#fff;border-radius:4px;align-items:center;gap:.35rem;margin:.5rem 0 .4rem;padding:.22rem .6rem;font-size:.62rem;font-weight:800;display:inline-flex}.learner-video-filter{flex-wrap:wrap;gap:.3rem;margin-bottom:.2rem;display:flex}.learner-filter-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:20px;padding:.22rem .55rem;font-size:.68rem;font-weight:600;transition:all .12s}.learner-filter-btn.active{border-color:var(--pink);color:var(--pink);background:#e040fb1f}.learner-filter-btn:hover:not(.active){color:var(--text);border-color:var(--text2)}.learner-video-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;transition:border-color .15s;overflow:hidden}.learner-video-card:hover{border-color:var(--border2)}.learner-video-embed-wrap{aspect-ratio:16/9;background:#000;border-radius:6px 6px 0 0;width:100%;position:relative;overflow:hidden}.learner-video-close-btn{z-index:10;color:#fff;cursor:pointer;pointer-events:auto;background:#000000a6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;transition:background .15s;display:flex;position:absolute;top:8px;right:8px}.learner-video-close-btn:hover{background:#e040fbcc}.learner-video-thumb{aspect-ratio:16/9;background:var(--panel2);cursor:pointer;width:100%;position:relative;overflow:hidden}.learner-video-play-overlay{background:#00000059;justify-content:center;align-items:center;transition:background .15s;display:flex;position:absolute;inset:0}.learner-video-thumb:hover .learner-video-play-overlay{background:#00000080}.learner-video-play-btn{color:#fff;background:#e040fbd9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;transition:transform .12s;display:flex;box-shadow:0 0 16px #e040fb80}.learner-video-thumb:hover .learner-video-play-btn{transform:scale(1.1)}.learner-video-dur-badge{color:#fff;background:#000000bf;border-radius:3px;padding:.15rem .4rem;font-size:.65rem;font-weight:700;position:absolute;bottom:6px;right:8px}.learner-video-info{padding:.55rem .7rem}.learner-video-title{color:var(--text);margin-bottom:.25rem;font-size:.78rem;font-weight:600;line-height:1.35}.learner-video-meta{color:var(--text2);justify-content:space-between;margin-bottom:.3rem;font-size:.65rem;display:flex}.learner-video-level{font-weight:700}.learner-video-tags{flex-wrap:wrap;gap:.25rem;display:flex}.learner-video-tag{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:.12rem .4rem;font-size:.6rem}.learner-deck-btn-card{background:var(--panel);border:1px solid var(--border);cursor:pointer;border-radius:8px;transition:border-color .15s;overflow:hidden}.learner-deck-btn-card:hover{border-color:var(--border2)}.learner-deck-btn-card.open{border-color:var(--purple)}.learner-deck-btn-row{align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.learner-deck-btn-icon{text-align:center;flex-shrink:0;width:22px;font-size:1rem}.learner-deck-btn-name{color:var(--text);flex:1;font-size:.75rem;font-weight:600}.learner-deck-btn-shortcut{background:var(--surface);border:1px solid var(--border2);color:var(--text2);letter-spacing:.04em;border-radius:4px;padding:.12rem .4rem;font-family:monospace;font-size:.6rem}.learner-deck-btn-chevron{color:var(--muted);flex-shrink:0;font-size:.6rem}.learner-deck-btn-desc{color:var(--text2);border-top:1px solid var(--border);padding:.4rem .7rem .55rem;font-size:.72rem;line-height:1.55}.learner-deck-btn-desc p{margin:0 0 .65rem;line-height:1.65}.learner-deck-btn-desc p:last-child{margin-bottom:0}.vr-deck-world{background:#03050a;width:100%;height:100%;min-height:620px;position:relative;overflow:hidden}.vr-deck-world canvas{touch-action:none}.vr-world-hud{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex;position:absolute;top:1rem;left:1rem;right:1rem}.vr-world-hud>div:first-child{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03070ec7;border:1px solid #00e5ff3d;border-radius:10px;max-width:650px;padding:.85rem 1rem;box-shadow:0 12px 40px #00000059}.vr-world-hud span{color:#00e5ff;letter-spacing:.18em;font-size:.62rem;font-weight:900}.vr-world-hud h2{margin:.2rem 0;font-size:1.25rem}.vr-world-hud p{color:var(--text2);margin:0;font-size:.72rem;line-height:1.5}.vr-world-actions{pointer-events:auto;gap:.5rem;display:flex}.vr-world-actions button{color:#dffbff;cursor:pointer;background:#040f18d1;border:1px solid #00e5ff59;border-radius:7px;padding:.55rem .75rem}.vr-world-actions button:hover{background:#00e5ff1f;border-color:#00e5ff}.vr-world-help{z-index:4;color:#8da1b8;letter-spacing:.12em;pointer-events:none;white-space:nowrap;background:#03070eb8;border-radius:999px;padding:.38rem .75rem;font-size:.58rem;font-weight:800;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}@media (max-width:760px){.vr-world-hud{flex-direction:column}.vr-world-hud>div:first-child{max-width:100%}.vr-deck-world{min-height:520px}}.lib-cover-art{position:relative;overflow:hidden}.lib-cover-art img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.lib-cover-art.playing:after{content:"";background:#03070e61;position:absolute;inset:0}.lib-cover-art.playing span{z-index:1;color:#fff;text-shadow:0 2px 8px #000;place-items:center;display:grid;position:absolute;inset:0}.stream-back-btn{border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:0 0;border-radius:5px;margin-left:auto;padding:.2rem .55rem;font-size:.7rem;transition:all .12s}.stream-back-btn:hover{color:var(--text);border-color:var(--text2)}.stream-status-msg{color:var(--text2);background:#7c3aed1a;border:1px solid #7c3aed4d;border-radius:6px;padding:.4rem .6rem;font-size:.72rem;line-height:1.4}.stream-spotify-flow{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.8rem}.stream-flow-title{letter-spacing:.1em;text-transform:uppercase;color:var(--text2);margin-bottom:.65rem;font-size:.68rem;font-weight:800}.stream-flow-steps{flex-direction:column;gap:.5rem;margin-bottom:.8rem;display:flex}.stream-flow-step{align-items:flex-start;gap:.6rem;display:flex}.stream-flow-step-num{background:var(--purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:.6rem;font-weight:800;display:flex}.stream-flow-step-body{flex:1;align-items:flex-start;gap:.45rem;display:flex}.stream-flow-step-icon{flex-shrink:0;font-size:1rem}.stream-flow-step-label{color:var(--text);font-size:.73rem;font-weight:700;line-height:1.3}.stream-flow-step-desc{color:var(--text2);font-size:.67rem;line-height:1.45}.stream-spotify-login-btn{color:#fff;letter-spacing:.04em;cursor:pointer;background:#1db954;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.7rem;font-size:.8rem;font-weight:800;transition:all .15s;display:flex;box-shadow:0 0 16px #1db9544d}.stream-spotify-login-btn:hover:not(:disabled){background:#1ed760;box-shadow:0 0 22px #1db95480}.stream-spotify-login-btn:disabled{opacity:.5;cursor:not-allowed}.stream-funnel{flex-direction:column;align-items:center;gap:0;margin:.5rem 0 0;display:flex}.stream-funnel-row{flex-direction:column;align-items:center;width:100%;display:flex}.stream-funnel-node{background:#ffffff08;border:1.5px solid;border-radius:8px;align-items:center;gap:.5rem;width:100%;max-width:220px;padding:.35rem .9rem;transition:background .15s;display:flex}.stream-funnel-icon{flex-shrink:0;font-size:1rem}.stream-funnel-label{letter-spacing:.02em;font-size:.72rem;font-weight:700}.stream-funnel-arrow{color:var(--muted);padding:.1rem 0;font-size:.9rem;line-height:1}.stream-spotify-connected-bar{background:#1db95414;border:1px solid #1db9544d;border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;padding:.5rem .7rem;display:flex}.stream-spotify-connected-info{align-items:center;gap:.5rem;display:flex}.stream-loading{text-align:center;color:var(--text2);padding:.5rem;font-size:.72rem}.stream-playlist-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.6rem;display:grid}.stream-playlist-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding-bottom:.4rem;transition:all .15s;overflow:hidden}.stream-playlist-card:hover{border-color:#1db954;transform:translateY(-2px);box-shadow:0 0 10px #1db95433}.stream-playlist-art{aspect-ratio:1;background:var(--panel2);justify-content:center;align-items:center;width:100%;font-size:2rem;display:flex;overflow:hidden}.stream-playlist-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;padding:.3rem .4rem .1rem;font-size:.69rem;font-weight:600;overflow:hidden}.stream-playlist-count{color:var(--muted);padding:0 .4rem;font-size:.6rem}.stream-tracks-header{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;margin-bottom:.6rem;padding-bottom:.5rem;display:flex}.stream-tracks-pl-art{background:var(--panel2);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.2rem;display:flex;overflow:hidden}.stream-open-spotify-btn{color:#1db954;border:1px solid #1db954;border-radius:4px;margin-left:auto;padding:.2rem .45rem;font-size:.65rem;font-weight:700;text-decoration:none;transition:all .12s}.stream-open-spotify-btn:hover{background:#1db9541f}.stream-provider-tabs{border-bottom:1px solid var(--border);gap:0;margin-bottom:.1rem;display:flex}.stream-provider-tab{letter-spacing:.04em;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .4rem;font-size:.72rem;font-weight:700;transition:color .15s;display:flex}.stream-provider-tab:hover:not(.active){color:var(--text2)}.stream-provider-tab.spotify.active{color:#1db954;border-bottom-color:#1db954}.stream-provider-tab.freesound.active{color:var(--cyan);border-bottom-color:var(--cyan)}.fs-brand{background:#00e5ff0f;border:1px solid #00e5ff2e;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .6rem;display:flex}.fs-brand-icon{font-size:1.5rem}.fs-brand-title{color:var(--cyan);letter-spacing:.04em;font-size:.85rem;font-weight:800}.fs-brand-sub{color:var(--text2);font-size:.65rem;line-height:1.4}.fs-search-row{gap:.4rem;display:flex}.fs-search-input{background:var(--surface);border:1px solid var(--border2);color:var(--text);border-radius:6px;outline:none;flex:1;padding:.45rem .65rem;font-size:.73rem;transition:border-color .12s}.fs-search-input::placeholder{color:var(--muted)}.fs-search-input:focus{border-color:var(--cyan)}.fs-search-btn{border:1px solid var(--cyan-dim);color:var(--cyan);cursor:pointer;background:#00e5ff14;border-radius:6px;flex-shrink:0;padding:.4rem .7rem;font-size:.85rem;transition:all .12s}.fs-search-btn:hover:not(:disabled){box-shadow:0 0 8px var(--cyan-glow);background:#00e5ff2e}.fs-search-btn:disabled{opacity:.4;cursor:not-allowed}.fs-filter-row{flex-wrap:wrap;gap:.3rem;display:flex}.fs-filter-chip{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:20px;padding:.2rem .5rem;font-size:.66rem;font-weight:600;transition:all .12s}.fs-filter-chip.active{border-color:var(--cyan);color:var(--cyan);background:#00e5ff1a}.fs-filter-chip:hover:not(.active){color:var(--text);border-color:var(--text2)}.fs-sort-row{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.fs-sort-label{color:var(--muted);letter-spacing:.1em;font-size:.6rem;font-weight:800}.fs-sort-btn{border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:0 0;border-radius:4px;padding:.18rem .45rem;font-size:.63rem;font-weight:600;transition:all .12s}.fs-sort-btn.active{border-color:var(--cyan);color:var(--cyan)}.fs-sort-btn:hover:not(.active){color:var(--text);border-color:var(--text2)}.fs-results{flex-direction:column;gap:.4rem;display:flex}.fs-result-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;transition:border-color .15s;overflow:hidden}.fs-result-card:hover{border-color:#00e5ff59}.fs-result-wave{background:var(--panel2);width:100%;height:46px;position:relative;overflow:hidden}.fs-preview-btn{color:#000;cursor:pointer;z-index:2;background:#00e5ffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.7rem;font-weight:900;transition:all .12s;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.fs-preview-btn.playing{background:var(--pink);color:#fff}.fs-preview-btn:hover{transform:translateY(-50%)scale(1.1)}.fs-result-info{padding:.4rem .6rem .2rem}.fs-result-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.2rem;font-size:.74rem;font-weight:600;overflow:hidden}.fs-result-meta{color:var(--text2);align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.63rem;display:flex}.fs-result-user{color:var(--cyan);font-weight:600}.fs-result-dur{color:var(--muted)}.fs-result-license{color:var(--cyan);letter-spacing:.05em;background:#00e5ff1a;border:1px solid #00e5ff33;border-radius:3px;padding:.08rem .3rem;font-size:.58rem;font-weight:700}.fs-result-tags{flex-wrap:wrap;gap:.2rem;display:flex}.fs-result-tag{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:3px;padding:.08rem .35rem;font-size:.58rem}.fs-result-actions{gap:.3rem;padding:.3rem .6rem .5rem;display:flex}.fs-load-more-btn{border:1px solid var(--cyan-dim);width:100%;color:var(--cyan);cursor:pointer;background:#00e5ff0f;border-radius:6px;margin-top:.3rem;padding:.5rem;font-size:.72rem;font-weight:700;transition:all .15s}.fs-load-more-btn:hover:not(:disabled){box-shadow:0 0 10px var(--cyan-glow);background:#00e5ff24}.fs-load-more-btn:disabled{opacity:.4;cursor:not-allowed}.fs-empty-state{text-align:center;flex-direction:column;align-items:center;padding:1.5rem 1rem;display:flex}.fs-suggest-chips{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:.8rem;display:flex}.fs-suggest-chip{border:1px solid var(--border2);background:var(--surface);color:var(--text2);cursor:pointer;border-radius:20px;padding:.3rem .65rem;font-size:.68rem;transition:all .12s}.fs-suggest-chip:hover{border-color:var(--cyan);color:var(--cyan);background:#00e5ff14}.portal-backdrop{z-index:200;-webkit-backdrop-filter:blur(18px)saturate(1.4);backdrop-filter:blur(18px)saturate(1.4);background:#02040ee0;place-items:center;padding:1.5rem 1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.lp-card{border-radius:24px;grid-template-columns:280px 1fr;width:min(760px,96vw);min-height:560px;display:grid;position:relative;overflow:hidden;box-shadow:0 32px 80px #000000a6,0 0 0 1px #00e5ff2e}@media (max-width:640px){.lp-card{min-height:unset;grid-template-columns:1fr}}.lp-glow-ring{pointer-events:none;z-index:-1;opacity:.55;filter:blur(2px);background:conic-gradient(#00e5ff,#7c3aed,#e040fb,#00e5ff);border-radius:26px;animation:6s linear infinite lp-spin;position:absolute;inset:-2px}@keyframes lp-spin{to{transform:rotate(360deg)}}.lp-brand{background:linear-gradient(160deg,#060c1e 0%,#0d0820 60%,#080610 100%);border-right:1px solid #00e5ff1a;justify-content:center;align-items:center;padding:2.4rem 2rem;display:flex;position:relative;overflow:hidden}.lp-brand:before{content:"";opacity:.7;background-image:linear-gradient(#00e5ff12 1px,#0000 1px),linear-gradient(90deg,#00e5ff12 1px,#0000 1px);background-size:22px 22px;animation:8s linear infinite lp-grid;position:absolute;inset:0;transform:perspective(340px)rotateX(52deg)translateY(-20px)scale(1.6)}@keyframes lp-grid{to{background-position:0 44px}}.lp-brand-inner{z-index:1;text-align:center;width:100%;position:relative}.lp-logo-mark{filter:drop-shadow(0 0 18px #00e5ff73);width:108px;height:108px;margin:0 auto 1.2rem;animation:12s linear infinite lp-spin}.lp-logo-mark svg{width:100%;height:100%}.lp-brand-kicker{color:var(--cyan);letter-spacing:.28em;margin-bottom:.55rem;font-size:.58rem;font-weight:900}.lp-brand-title{background:linear-gradient(135deg,#fff 30%,#7c9dff 70%,#e040fb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 .75rem;font-size:1.85rem;font-weight:900;line-height:1.1}.lp-brand-sub{color:#8cb4d2bf;margin:0 0 1.35rem;font-size:.72rem;line-height:1.6}.lp-wave{justify-content:center;align-items:flex-end;gap:3px;height:36px;margin-bottom:1.1rem;display:flex}.lp-wave-bar{background:linear-gradient(to top, var(--cyan), #e040fb);border-radius:2px;width:4px;min-height:4px;animation:1.1s ease-in-out infinite alternate lp-wave-anim;display:block}@keyframes lp-wave-anim{0%{opacity:.4;height:4px}to{opacity:1;height:28px}}.lp-wave-bar:nth-child(odd){animation-duration:.9s}.lp-wave-bar:nth-child(3n){animation-duration:1.3s}.lp-brand-features{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.lp-brand-features span{letter-spacing:.06em;color:#c8e6ffcc;background:#00e5ff12;border:1px solid #00e5ff40;border-radius:999px;padding:.3rem .65rem;font-size:.6rem;font-weight:800}.lp-form{background:linear-gradient(155deg,#0a0e1efa 0%,#080616fc 100%);flex-direction:column;max-height:calc(100vh - 3rem);padding:2.4rem 2rem;display:flex;position:relative;overflow-y:auto}.lp-close{color:#c8dcff8c;cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;place-items:center;width:32px;height:32px;transition:background .15s,color .15s;display:grid;position:absolute;top:.8rem;right:.9rem}.lp-close:hover{color:#fff;background:#ffffff1f}.lp-avatar{cursor:pointer;background:#0d1225;border:2px solid #00e5ff80;border-radius:50%;flex-shrink:0;width:76px;height:76px;margin:0 auto .8rem;position:relative;overflow:hidden;box-shadow:0 0 22px #00e5ff40}.lp-avatar-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.lp-avatar-placeholder{color:#00e5ffa6;flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:100%;height:100%;display:flex}.lp-avatar-placeholder small{letter-spacing:.1em;font-size:.42rem}.lp-avatar-edit{width:22px;height:22px;color:var(--cyan);background:#071421;border:1px solid #00e5ff80;border-radius:50%;place-items:center;font-size:.6rem;font-style:normal;display:grid;position:absolute;bottom:2px;right:2px}.lp-notice{color:#ffb74d;background:#ff82000f;border:1px solid #ffa5004d;border-radius:8px;align-items:flex-start;gap:.5rem;margin-bottom:.6rem;padding:.55rem .7rem;font-size:.68rem;line-height:1.5;display:flex}.lp-heading{text-align:left;margin-bottom:1rem}.lp-title{color:#fff;margin:0 0 .2rem;font-size:1.45rem;font-weight:900}.lp-sub{color:#8caac8b3;margin:0;font-size:.72rem}.lp-oauth-row{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:.15rem;display:grid}.lp-oauth{letter-spacing:.01em;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:.55rem;height:46px;padding:.5rem .8rem;font-size:.72rem;font-weight:800;transition:transform .12s,box-shadow .18s,opacity .15s;display:flex}.lp-oauth:hover:not(:disabled){transform:translateY(-1px)}.lp-oauth:disabled{opacity:.6;cursor:not-allowed}.lp-oauth-loading{opacity:.75!important}.lp-oauth-icon{flex-shrink:0;width:20px;height:20px}.lp-oauth-google{color:#3c4043;background:#fff;border-color:#4285f459;box-shadow:0 2px 8px #00000038}.lp-oauth-google:hover:not(:disabled){box-shadow:0 6px 22px #4285f459}.lp-oauth-github{color:#e6edf3;background:#161b22;border-color:#f0f6fc26;box-shadow:0 2px 8px #0006}.lp-oauth-github:hover:not(:disabled){background:#1c2128;border-color:#f0f6fc59;box-shadow:0 6px 22px #0000008c}.lp-divider{color:#788caa8c;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.6rem;margin:.85rem 0 .5rem;font-size:.6rem;display:flex}.lp-divider:before,.lp-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.lp-mode-row{background:#00000038;border:1px solid #ffffff17;border-radius:9px;gap:.3rem;margin-bottom:.3rem;padding:.2rem;display:flex}.lp-mode-row button{color:#b4c8e680;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:.45rem .5rem;font-size:.68rem;font-weight:800;transition:background .15s,color .15s}.lp-mode-row button.active{color:var(--cyan);background:#00e5ff1f;box-shadow:inset 0 0 0 1px #00e5ff4d}.lp-field-label{text-align:left;color:#a0b9d7b3;letter-spacing:.14em;margin:.65rem 0 0;font-size:.56rem;font-weight:800;display:block}.lp-field{box-sizing:border-box;color:#fff;background:#00000059;border:1px solid #ffffff1a;border-radius:9px;outline:none;width:100%;margin-top:.28rem;padding:.72rem .9rem;font-size:.82rem;transition:border-color .15s,box-shadow .15s;display:block}.lp-field::placeholder{color:#8ca5c866}.lp-field:focus{border-color:#00e5ff8c;box-shadow:0 0 0 3px #00e5ff1a}.lp-status{color:#00e5ffd9;background:#00e5ff0f;border:1px solid #00e5ff33;border-radius:8px;margin-top:.65rem;padding:.55rem .7rem;font-size:.7rem;line-height:1.5}.lp-status-warn{color:#ffb74d;background:#ff820012;border-color:#ffa00059}.lp-status-ok{color:#00dcffe6;background:#00e5ff0f;border-color:#00e5ff40}.lp-submit-btn{color:#fff;letter-spacing:.1em;cursor:pointer;background:linear-gradient(95deg,#7c3aed 0%,#00a8e8 100%);border:0;border-radius:10px;width:100%;margin-top:.85rem;padding:.82rem;font-size:.8rem;font-weight:900;transition:opacity .15s,transform .12s,box-shadow .18s;box-shadow:0 4px 22px #6450f059}.lp-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px #6450f080}.lp-submit-btn:disabled,.lp-submit-btn.lp-loading{opacity:.65;cursor:not-allowed;transform:none}.lp-terms{color:#7891b480;text-align:center;margin:.65rem 0 0;font-size:.6rem;line-height:1.55}.lp-link{color:#00e5ffa6;text-decoration:none}.lp-link:hover{color:var(--cyan);text-decoration:underline}.lp-signedin{text-align:center;flex-direction:column;align-items:center;gap:.55rem;padding-top:.4rem;display:flex}.lp-signedin-badge{letter-spacing:.14em;color:#00e5ffe6;background:#00e5ff17;border:1px solid #00e5ff59;border-radius:999px;align-items:center;gap:.35rem;padding:.28rem .7rem;font-size:.58rem;font-weight:900;display:inline-flex}.lp-signedin-name{color:#fff;font-size:1.05rem;font-weight:800}.lp-signedin-email{color:#8caac8a6;font-size:.72rem}.lp-secondary-btn{color:var(--cyan);cursor:pointer;background:#00e5ff14;border:1px solid #00e5ff4d;border-radius:8px;padding:.5rem 1.1rem;font-size:.7rem;font-weight:800;transition:background .15s}.lp-secondary-btn:hover{background:#00e5ff26}.lp-danger-btn{color:#ff8a80;letter-spacing:.08em;cursor:pointer;background:#f4433614;border:1px solid #f4433673;border-radius:8px;width:100%;max-width:220px;padding:.6rem;font-size:.72rem;font-weight:900;transition:background .15s}.lp-danger-btn:hover{background:#f443362e}.support-status{border:1px solid var(--border);color:var(--text2);background:#00000038;border-radius:8px;align-items:flex-start;gap:.4rem;margin-top:.7rem;padding:.55rem .65rem;font-size:.72rem;line-height:1.45;display:flex}.creative-suite{min-height:100%;color:var(--text);background:radial-gradient(circle at 74% 2%,#7c3aed29,#0000 30%),radial-gradient(circle at 24% 8%,#00e5ff14,#0000 23%);padding:1rem}.creative-hero{border:1px solid var(--border);background:linear-gradient(125deg,#0a0e1bf5,#190d30db);border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:150px;padding:1.25rem 1.5rem;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 45px #0000004d,inset 0 1px #ffffff0d}.creative-hero:after{content:"";pointer-events:none;opacity:.45;background:linear-gradient(90deg,#0000 49%,#ffffff06 50%) 0 0/28px 28px;position:absolute;inset:0}.creative-hero>button{z-index:1;color:var(--text2);border:1px solid var(--border2);cursor:pointer;background:#ffffff08;border-radius:7px;align-self:start;padding:.4rem .65rem}.creative-hero h2{letter-spacing:-.04em;background:linear-gradient(90deg,#fff,#d9c7ff 60%,var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;margin:.25rem 0 .35rem;font-size:clamp(1.45rem,3vw,2.4rem);line-height:1.05}.creative-hero p{color:var(--text2);margin:0;font-size:.78rem}.creative-eyebrow{color:var(--cyan);letter-spacing:.18em;font-size:.57rem;font-weight:900}.creative-orb{z-index:1;aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#ffffff3d,#7c3aed6b 34%,#00e5ff14 68%);border:1px solid #00e5ff8c;border-radius:50%;place-items:center;width:88px;animation:3.6s ease-in-out infinite creative-float;display:grid;position:relative;box-shadow:0 0 38px #00e5ff38,inset 0 0 22px #e040fb47}.creative-orb i{border:1px dashed #e040fb73;border-radius:50%;animation:14s linear infinite creative-spin;position:absolute;inset:-7px}.creative-orb b{letter-spacing:.12em;font-size:1rem}@keyframes creative-float{50%{transform:translateY(-7px)}}@keyframes creative-spin{to{transform:rotate(360deg)}}.creative-layout{grid-template-columns:225px minmax(0,1fr);gap:.75rem;margin-top:.75rem;display:grid}.creative-module-nav,.creative-workspace{border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b16c7;border-radius:14px}.creative-module-nav{flex-direction:column;gap:.2rem;height:max-content;padding:.45rem;display:flex;position:sticky;top:.5rem}.creative-module-nav button{text-align:left;color:var(--text2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:30px 1fr;align-items:center;gap:.5rem;padding:.58rem;transition:all .18s;display:grid}.creative-module-nav button:hover{color:var(--text);background:#ffffff09;transform:translate(2px)}.creative-module-nav button.active{color:#fff;box-shadow:inset 3px 0 var(--pink);background:linear-gradient(90deg,#7c3aed42,#00e5ff0d);border-color:#e040fb4d}.creative-module-nav button>span{text-align:center;color:var(--cyan);font-size:1rem}.creative-module-nav b{font-size:.68rem;display:block}.creative-module-nav small{color:var(--muted);margin-top:.12rem;font-size:.53rem;line-height:1.25;display:block}.creative-workspace{min-width:0;padding:1rem}.creative-title{border-bottom:1px solid var(--border);align-items:center;gap:.65rem;padding-bottom:.8rem;display:flex}.creative-title>span{aspect-ratio:1;width:40px;color:var(--cyan);background:linear-gradient(135deg,#00e5ff26,#7c3aed33);border:1px solid #00e5ff33;border-radius:10px;place-items:center;font-size:1.2rem;display:grid}.creative-title h3{margin:0;font-size:1rem}.creative-title p{color:var(--text2);margin:.15rem 0 0;font-size:.65rem}.creative-title>b{color:#3ee69d;letter-spacing:.12em;background:#3ee69d12;border:1px solid #3ee69d4d;border-radius:20px;margin-left:auto;padding:.28rem .5rem;font-size:.5rem}.creative-prompt-wrap{border:1px solid var(--border2);background:#ffffff06;border-radius:11px;grid-template-columns:1fr auto;gap:.5rem;margin-top:.9rem;padding:.45rem;display:grid}.creative-prompt-wrap textarea{resize:vertical;min-height:72px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:.55rem;font-size:.75rem;line-height:1.5}.creative-prompt-wrap button,.creative-primary{color:#fff;letter-spacing:.08em;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#c026d3);border:1px solid #e040fb8c;border-radius:8px;align-self:stretch;padding:.55rem .8rem;font-size:.6rem;font-weight:900;box-shadow:0 0 18px #7c3aed2e}.creative-primary{min-height:38px;margin:.75rem 0 0 auto;display:block}.creative-primary:disabled,.creative-prompt-wrap button:disabled{opacity:.55;cursor:wait}.creative-chips,.artwork-types{flex-wrap:wrap;gap:.35rem;margin:.55rem 0;display:flex}.creative-chips button,.artwork-types button{border:1px solid var(--border2);color:var(--text2);cursor:pointer;background:#ffffff06;border-radius:20px;padding:.25rem .52rem;font-size:.58rem}.creative-chips button:hover,.artwork-types button:hover{color:var(--cyan);border-color:var(--cyan-dim)}.artwork-types button.active{color:var(--cyan);border-color:var(--cyan);background:#00e5ff1a;box-shadow:0 0 10px #00e5ff1f}.creative-result{background:linear-gradient(135deg,#00e5ff09,#7c3aed0e);border:1px solid #00e5ff2b;border-radius:11px;min-height:92px;margin-top:.8rem;padding:.75rem .85rem}.creative-result-head{color:var(--cyan);letter-spacing:.13em;align-items:center;gap:.35rem;font-size:.52rem;font-weight:900;display:flex}.creative-result-head em{color:var(--muted);margin-left:auto;font-style:normal}.granite-dot{background:#3ee69d;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #3ee69d}.creative-result p{white-space:pre-wrap;color:var(--text2);margin:.6rem 0 0;font-size:.73rem;line-height:1.65}.creative-error{color:#ff798a!important}.creative-loader{gap:.3rem;padding:1.35rem 0 .5rem;display:flex}.creative-loader i{background:var(--cyan);border-radius:50%;width:6px;height:6px;animation:.9s infinite alternate creative-pulse}.creative-loader i:nth-child(2){animation-delay:.2s}.creative-loader i:nth-child(3){animation-delay:.4s}@keyframes creative-pulse{to{opacity:.3;transform:translateY(-7px)}}.creative-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:.8rem;display:grid}.creative-field{color:var(--text2);letter-spacing:.06em;flex-direction:column;gap:.25rem;font-size:.58rem;font-weight:800;display:flex}.creative-field input{border:1px solid var(--border2);color:var(--text);background:#ffffff08;border-radius:8px;outline:0;padding:.62rem .7rem;font-size:.7rem}.creative-field input:focus{border-color:var(--purple)}.story-timeline{grid-template-columns:repeat(7,1fr);gap:.35rem;margin-top:.9rem;display:grid}.story-timeline>div{border:1px solid var(--border);background:linear-gradient(#7c3aed21,#00e5ff06);border-radius:9px;min-height:130px;padding:.65rem .55rem;position:relative}.story-timeline>div:not(:last-child):after{content:"›";z-index:2;color:var(--cyan);position:absolute;top:48%;right:-.33rem}.story-timeline i{color:var(--pink);font-size:.54rem;font-style:normal;font-weight:900}.story-timeline b{margin:.55rem 0 .35rem;font-size:.64rem;display:block}.story-timeline small{color:var(--muted);font-size:.55rem;line-height:1.45}.visual-presets{grid-template-columns:repeat(4,1fr);gap:.45rem;margin-top:.8rem;display:grid}.visual-presets button{border:1px solid var(--border);text-align:left;color:var(--text);background:var(--panel);cursor:pointer;border-radius:9px;padding:0 0 .45rem;overflow:hidden}.visual-presets button.active{border-color:var(--cyan);box-shadow:0 0 12px #00e5ff26}.visual-presets b,.visual-presets small{padding:0 .45rem;display:block}.visual-presets b{margin-top:.35rem;font-size:.63rem}.visual-presets small{color:var(--muted);font-size:.52rem}.visual-swatch{background:linear-gradient(135deg,#120d2c,#e040fb,#00e5ff);height:42px;display:block}.swatch-galaxy,.swatch-space{background:radial-gradient(circle at 30% 30%,#fff 0 1px,#0000 2px),radial-gradient(circle at 70% 65%,#9af 0 1px,#0000 2px),linear-gradient(135deg,#05051e,#4c1d95)}.swatch-liquid,.swatch-abstract{filter:saturate(1.3);background:linear-gradient(125deg,#00e5ff,#7c3aed 45%,#ff3cac)}.swatch-festival-lights{background:linear-gradient(155deg,#ff1744,#ffea00,#00e676,#00b0ff)}.visual-stage{background:radial-gradient(at bottom,#5b21b6,#0000 48%),linear-gradient(#030712,#11132b);border:1px solid #00e5ff33;border-radius:11px;place-items:center;height:150px;margin-top:.65rem;display:grid;position:relative;overflow:hidden}.visual-stage>i{border:1px solid #00e5ff59;border-radius:50%;width:210px;height:75px;animation:9s linear infinite creative-spin;position:absolute}.visual-stage>i:nth-child(2){width:150px;animation-duration:6s;transform:rotate(60deg)}.visual-stage>i:nth-child(3){width:100px;animation-duration:4s;transform:rotate(-55deg)}.visual-stage div{z-index:1;text-align:center}.visual-stage span,.visual-stage b{display:block}.visual-stage span{color:var(--cyan);letter-spacing:.2em;font-size:.48rem}.visual-stage b{letter-spacing:.1em;margin-top:.35rem;font-size:.8rem}.score-row{grid-template-columns:130px 1fr 140px;align-items:center;gap:1rem;margin-top:1rem;display:grid}.score-ring{aspect-ratio:1;text-align:center;background:radial-gradient(circle at center,var(--panel) 55%,transparent 56%),conic-gradient(var(--cyan) 0 84%,var(--border) 84%);border-radius:50%;place-content:center;width:110px;display:grid;box-shadow:0 0 20px #00e5ff21}.score-ring b{font-size:1.6rem}.score-ring span{color:var(--muted);letter-spacing:.13em;font-size:.48rem}.creative-chart{border-bottom:1px solid var(--border2);background:linear-gradient(#0000,#00e5ff06);align-items:end;gap:clamp(3px,1vw,9px);height:130px;padding:.6rem;display:flex}.creative-chart i{background:linear-gradient(180deg,var(--pink),var(--cyan));opacity:.76;border-radius:4px 4px 0 0;flex:1;min-width:4px;animation:.7s both chart-rise;position:relative}.creative-chart i span{color:var(--text2);font-size:.45rem;display:none;position:absolute;top:-15px}@keyframes chart-rise{0%{height:0}}.metric-list{flex-direction:column;gap:.4rem;display:flex}.metric-list span{border:1px solid var(--border);color:var(--text2);border-radius:6px;padding:.4rem .5rem;font-size:.59rem}.insight-head{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.8rem;display:grid}.insight-head>div{border:1px solid var(--border);background:#ffffff06;border-radius:8px;padding:.65rem}.insight-head b,.insight-head span{display:block}.insight-head b{color:var(--cyan);font-size:1rem}.insight-head span{color:var(--muted);letter-spacing:.09em;margin-top:.15rem;font-size:.5rem}.chart-labels{color:var(--muted);justify-content:space-between;margin-top:.25rem;font-size:.48rem;display:flex}.inspiration-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.8rem;display:grid}.inspiration-grid article{border:1px solid var(--border);background:linear-gradient(140deg,#7c3aed14,#00e5ff06);border-radius:10px;min-height:120px;padding:.7rem;transition:all .18s}.inspiration-grid article:hover{border-color:#e040fb59;transform:translateY(-2px)}.inspiration-grid i{color:var(--pink);letter-spacing:.1em;font-size:.48rem;font-style:normal;font-weight:900;display:block}.inspiration-grid b{margin:.55rem 0 .3rem;font-size:.7rem;display:block}.inspiration-grid p{min-height:30px;color:var(--muted);margin:0;font-size:.58rem;line-height:1.4}.inspiration-grid button{color:var(--cyan);cursor:pointer;background:0 0;border:0;margin-top:.55rem;padding:0;font-size:.52rem}.artwork-preview{text-align:center;text-transform:uppercase;background:radial-gradient(circle at 50% 40%,#00e5ff4d,#0000 18%),linear-gradient(135deg,#070a1966,#7c3aed99),repeating-linear-gradient(90deg,#0000 0 24px,#ffffff09 25px);border:1px solid #e040fb40;border-radius:12px;place-items:center;height:175px;margin-top:.7rem;display:grid}.artwork-preview span,.artwork-preview strong,.artwork-preview small{display:block}.artwork-preview span{color:var(--cyan);letter-spacing:.25em;font-size:.5rem}.artwork-preview strong{letter-spacing:-.04em;margin:.6rem 0;font-size:1.5rem}.artwork-preview small{color:#ddd;letter-spacing:.18em;font-size:.48rem}@media (max-width:900px){.creative-layout{grid-template-columns:1fr}.creative-module-nav{grid-template-columns:repeat(2,1fr);display:grid;position:static}.creative-hero{grid-template-columns:auto 1fr}.creative-orb{display:none}.story-timeline,.visual-presets{grid-template-columns:repeat(2,1fr)}.score-row{grid-template-columns:110px 1fr}.metric-list{grid-column:1/-1;grid-template-columns:repeat(2,1fr);display:grid}}@media (max-width:580px){.creative-suite{padding:.5rem}.creative-hero{padding:1rem;display:block}.creative-hero>button{margin-bottom:.8rem}.creative-module-nav{grid-template-columns:1fr 1fr}.creative-module-nav small{display:none}.creative-prompt-wrap,.creative-form-grid{grid-template-columns:1fr}.creative-prompt-wrap button{min-height:40px}.story-timeline,.inspiration-grid,.score-row{grid-template-columns:1fr}.score-ring{margin:auto}.insight-head{grid-template-columns:1fr}.creative-title>b{display:none}}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.error-msg{color:#ff6b6b;background:#ff32321f;border:1px solid #ff32324d;border-radius:6px;padding:.4rem .7rem;font-size:.72rem}.waveform{cursor:pointer;width:100%;height:100%;display:block}.loading-screen{background:var(--bg);height:100vh;color:var(--pink);letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;font-family:system-ui,sans-serif;font-size:.85rem;display:flex}.tutorial-overlay{z-index:500;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tutorial-backdrop{pointer-events:auto;cursor:pointer;background:#0000008c;position:absolute;inset:0}.tutorial-card{z-index:1;background:var(--panel);border:1px solid var(--border2);pointer-events:auto;border-radius:14px;width:min(420px,100vw - 2rem);padding:1.6rem 1.4rem 1.2rem;animation:.25s cubic-bezier(.34,1.56,.64,1) both tutorial-pop;position:relative;box-shadow:0 0 60px #000000b3,0 0 30px #e040fb33}@keyframes tutorial-pop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.tutorial-dots{justify-content:center;gap:.3rem;margin-bottom:1rem;display:flex}.tutorial-dot{background:var(--border2);cursor:pointer;border:none;border-radius:50%;width:7px;height:7px;padding:0;transition:background .15s,transform .15s}.tutorial-dot.active{background:var(--pink);transform:scale(1.3)}.tutorial-dot.done{background:var(--purple)}.tutorial-dot:hover{background:var(--text2)}.tutorial-icon{text-align:center;margin-bottom:.4rem;font-size:2.4rem;line-height:1}.tutorial-step-label{letter-spacing:.1em;text-transform:uppercase;color:var(--pink);text-align:center;margin-bottom:.3rem;font-size:.6rem;font-weight:800}.tutorial-title{color:var(--text);text-align:center;margin-bottom:.6rem;font-size:1rem;font-weight:800;line-height:1.3}.tutorial-body{color:var(--text2);text-align:center;margin:0 0 1.1rem;font-size:.78rem;line-height:1.65}.tutorial-actions{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tutorial-skip{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.3rem 0;font-size:.7rem;transition:color .12s}.tutorial-skip:hover{color:var(--text2)}.tutorial-nav-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text);cursor:pointer;border-radius:7px;padding:.45rem 1rem;font-size:.74rem;font-weight:700;transition:all .12s}.tutorial-nav-btn:hover{border-color:var(--text2)}.tutorial-nav-btn.primary{background:var(--pink);border-color:var(--pink);color:#fff;box-shadow:0 0 14px #e040fb66}.tutorial-nav-btn.primary:hover{background:#ec4ffd;box-shadow:0 0 20px #e040fb99}.tutorial-presenter{z-index:490;pointer-events:none;opacity:0;background:linear-gradient(145deg,#050912f5,#140923f2);border:1px solid #00e5ff52;border-radius:14px;width:min(280px,38vw);padding:.35rem;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1);position:fixed;bottom:clamp(.6rem,2vw,1.25rem);right:clamp(.6rem,2vw,1.25rem);overflow:hidden;transform:translateY(18px)scale(.96);box-shadow:0 16px 40px #00000080,0 0 18px #00e5ff1a}.tutorial-presenter.ready{opacity:1;transform:none}.tutorial-presenter video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.tutorial-presenter canvas{border-radius:10px;width:100%;height:auto;display:block}.tutorial-presenter-caption{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03070ec2;border:1px solid #00e5ff59;border-radius:7px;padding:.4rem .55rem;position:absolute;bottom:5%;left:5%;box-shadow:0 0 22px #00e5ff24}.tutorial-presenter-caption b,.tutorial-presenter-caption span{display:block}.tutorial-presenter-caption b{color:var(--cyan);letter-spacing:.14em;font-size:.5rem}.tutorial-presenter-caption span{color:var(--text2);margin-top:.12rem;font-size:.48rem}.tutorial-presenter>button{pointer-events:auto;color:#fff;cursor:pointer;background:#03070ecc;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute}.tutorial-presenter>button:hover{border-color:var(--cyan);color:var(--cyan)}.tutorial-presenter>.tutorial-presenter-close{font-size:1rem;top:10px;right:10px}.tutorial-presenter>.tutorial-presenter-audio{font-size:.72rem;top:10px;right:44px}.tutorial-presenter>.tutorial-presenter-sound{border-color:var(--cyan);color:#031015;background:var(--cyan);letter-spacing:.08em;white-space:nowrap;border-radius:999px;width:auto;min-width:155px;height:auto;padding:.7rem 1rem;font-size:.62rem;font-weight:900;top:50%;right:50%;transform:translate(50%,-50%);box-shadow:0 0 28px #00e5ff73}.tutorial-presenter>.tutorial-presenter-sound:hover{color:#031015;background:#8ff7ff}@media (max-width:700px){.tutorial-presenter{width:min(240px,72vw);bottom:.5rem;right:.5rem}.tutorial-presenter-caption{bottom:4%;left:4%}}