:root{--sidebar-w:220px;--player-h:72px;--font-m:"Google Sans", "Product Sans", sans-serif;--bg:#0d0d0d;--surface:#141414;--surface2:#1c1c1c;--surface3:#232323;--border:#282828;--border2:#333;--accent:#f5c518;--accent2:#e8734a;--text:#e8e0d5;--text-mid:#b3a89a;--text-dim:#6a6260;--font-d:"Bebas Neue", sans-serif;--font-i:"Playfair Display", serif;--font-s:"Google Sans", "Product Sans", sans-serif;--radius:2px;--radius-lg:2px;--pill:2px;--grain:.045;--shadow:0 12px 40px #00000080;--disc-a:#171717;--disc-b:#1f1f1f;--disc-hole:#0a0a0a}[data-theme=glow]{--bg:#0a0b14;--surface:#1e21368c;--surface2:#282c4680;--surface3:#363a5c8c;--border:#96a0ff29;--border2:#96a0ff47;--accent:#67e8ff;--accent2:#ff79d6;--text:#eef0ff;--text-mid:#b9bce0;--text-dim:#7b7fae;--font-d:"Space Grotesk", sans-serif;--font-i:"Space Grotesk", sans-serif;--font-s:"Google Sans", "Product Sans", sans-serif;--radius:16px;--radius-lg:24px;--pill:999px;--grain:0;--shadow:0 20px 60px #0000008c;--disc-a:#1a1f3a;--disc-b:#262c4e;--disc-hole:#0a0b14}[data-theme=day]{--bg:#efe9dc;--surface:#f7f3ea;--surface2:#efe8d9;--surface3:#e7dfcd;--border:#d8cfba;--border2:#c5baa0;--accent:#e8421f;--accent2:#1a1714;--text:#1a1714;--text-mid:#5c554a;--text-dim:#8b8170;--font-d:"Archivo", sans-serif;--font-i:"Playfair Display", serif;--font-s:"Google Sans", "Product Sans", sans-serif;--radius:0px;--radius-lg:0px;--pill:999px;--grain:.02;--shadow:0 18px 40px #281e0f1f;--disc-a:#e2d8c4;--disc-b:#d4c8af;--disc-hole:#efe9dc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}input,select,textarea,button{font-family:inherit}html{font-size:16px;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-s);min-height:100vh;transition:background .35s,color .35s;display:flex;overflow-x:hidden}.noise{z-index:9999;pointer-events:none;opacity:var(--grain);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:fixed;inset:0}.bg-turntable{pointer-events:none;z-index:0;opacity:.055;width:520px;height:520px;position:fixed;bottom:-60px;right:-60px}.bg-platter{background:radial-gradient(circle,#1a1a1a 0%,#111 60%,#0a0a0a 100%);border:6px solid #222;border-radius:50%;width:440px;height:440px;position:absolute;bottom:0;right:0;box-shadow:0 0 80px #000000e6}.bg-record{background:radial-gradient(circle at 50%,var(--disc-hole) 20%,transparent 21%), repeating-radial-gradient(circle at 50%,var(--disc-a),var(--disc-a) 1px,var(--disc-b) 1px,var(--disc-b) 3px);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:20px}.bg-label{background:radial-gradient(circle,#f5c518 0%,#c9a000 100%);border-radius:50%;width:32%;height:32%}.bg-arm{transform-origin:bottom;background:linear-gradient(#444,#222);border-radius:3px 3px 0 0;width:6px;height:200px;position:absolute;bottom:160px;right:30px;transform:rotate(-25deg)}.bg-arm:after{content:"";background:#333;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}@keyframes spin-slow{to{transform:rotate(360deg)}}.spinning-slow{animation:4s linear infinite spin-slow}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;min-height:100vh;padding:1.75rem 0;display:flex;position:fixed;top:0;bottom:0;left:0}.logo{font-family:var(--font-d);letter-spacing:.1em;color:var(--accent);border-bottom:1px solid var(--border);padding:0 1.25rem 1.5rem;font-size:2rem;line-height:1}.logo span{color:var(--text-dim);letter-spacing:.3em;font-size:.75rem;display:block}.nav-links{flex:1;padding:.5rem 0;list-style:none}.nav-item{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;border-left:3px solid #0000;align-items:center;gap:.55rem;padding:.5rem 1.25rem;font-size:.68rem;text-decoration:none;transition:color .15s,background .15s;display:flex}.nav-item.active{color:var(--accent);border-left-color:var(--accent);letter-spacing:.12em;background:#f5c5180f}.nav-icon{opacity:.65;font-size:.85rem;transition:opacity .15s}.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}.theme-switch{background:var(--surface2);border:1px solid var(--border);border-radius:var(--pill);gap:.25rem;margin:0 1.25rem .75rem;padding:.25rem;display:flex}.theme-opt{font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;border-radius:calc(var(--pill) - .25rem);background:0 0;border:0;flex:1;padding:.4rem .2rem;font-size:.6rem;transition:color .18s,background .18s,box-shadow .18s}.theme-opt:hover{color:var(--text)}.theme-opt.on{background:var(--accent);color:#000}[data-theme=day] .theme-opt.on{color:#fff}[data-theme=glow] .theme-opt.on{color:#06121b;box-shadow:0 0 14px #67e8ff66}.settings-sidebar-btn{border:1px solid var(--border);width:100%;color:var(--text-dim);font-family:var(--font-m);cursor:pointer;text-align:left;letter-spacing:.06em;background:0 0;border-radius:5px;padding:.42rem .75rem;font-size:.68rem;transition:all .15s}.settings-modal-card{background:var(--surface,#111);border:1px solid var(--border,#222);border-radius:10px;flex-direction:column;width:min(480px,92vw);max-height:80vh;display:flex;overflow:hidden}.settings-modal-hd{border-bottom:1px solid var(--border,#222);font-family:var(--font-m);letter-spacing:.08em;color:var(--text);justify-content:space-between;align-items:center;padding:.8rem 1.1rem;font-size:.78rem;font-weight:700;display:flex}.settings-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.9rem;line-height:1}.settings-modal-close:hover{color:var(--text)}.settings-modal-body{padding:.6rem .2rem .8rem;overflow-y:auto}.settings-section-title{font-size:.54rem;font-family:var(--font-m);color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .55rem;font-weight:600}.settings-row{border-bottom:1px solid #1a1a1a;align-items:center;gap:.6rem;padding:.32rem 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-lbl{color:var(--text-dim);font-size:.68rem;font-family:var(--font-m);flex-shrink:0;min-width:110px}.settings-val{color:var(--text);font-size:.68rem;font-family:var(--font-m)}.settings-input{color:var(--text);font-family:var(--font-m);background:#181818;border:1px solid #2a2a2a;border-radius:4px;flex:1;min-width:0;padding:.28rem .5rem;font-size:.7rem}.settings-save-btn{background:var(--accent);color:#000;font-family:var(--font-m);cursor:pointer;border:none;border-radius:4px;flex-shrink:0;padding:.28rem .65rem;font-size:.6rem;font-weight:700}.settings-theme-btns{gap:.3rem;display:flex}.settings-theme-btn{color:var(--text-dim);font-family:var(--font-m);cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:4px;padding:.22rem .55rem;font-size:.6rem;transition:all .12s}.settings-danger-btn{color:#c62828;font-family:var(--font-m);cursor:pointer;background:0 0;border:1px solid #3a1515;border-radius:4px;padding:.22rem .6rem;font-size:.6rem;transition:all .12s}.settings-action-btn{border:1px solid var(--border,#2a2a2a);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;background:0 0;border-radius:4px;padding:.22rem .65rem;font-size:.6rem;transition:all .12s}.settings-admin-btn:hover{background:#f5c5180f;border-color:#f5c518}.settings-cancel-btn{border:1px solid var(--border,#2a2a2a);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;background:0 0;border-radius:4px;padding:.28rem .65rem;font-size:.6rem}.admin-modal-card{background:var(--surface,#111);border:1px solid var(--border,#222);border-radius:10px;flex-direction:column;width:min(700px,96vw);max-height:90vh;margin:auto;display:flex;overflow:hidden}.admin-modal-hd{border-bottom:1px solid var(--border,#222);font-family:var(--font-m);letter-spacing:.08em;color:#f5c518;justify-content:space-between;align-items:center;padding:.8rem 1.1rem;font-size:.78rem;font-weight:700;display:flex}.admin-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.9rem}.admin-modal-close:hover{color:var(--text)}.admin-modal-body{padding:1rem 1.1rem;overflow-y:auto}.admin-stats-row{border:1px solid var(--border,#222);background:#ffffff08;border-radius:6px;gap:1.2rem;margin-bottom:1rem;padding:.6rem .8rem;display:flex}.admin-stat{flex-direction:column;align-items:center;gap:.15rem;min-width:48px;display:flex}.admin-stat-n{font-size:1.1rem;font-weight:700;font-family:var(--font-d,monospace);color:var(--text)}.admin-stat-l{color:var(--text-dim);font-size:.55rem;font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase}.admin-section-title{font-size:.54rem;font-family:var(--font-m);color:var(--text-dim);letter-spacing:.18em;text-transform:uppercase;margin:.8rem 0 .5rem;font-weight:600}.admin-sub-actions{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.admin-form-row{align-items:center;gap:.4rem;display:flex}.admin-input{color:var(--text);font-family:var(--font-m);background:#181818;border:1px solid #2a2a2a;border-radius:4px;flex:1;min-width:0;padding:.3rem .5rem;font-size:.7rem}.admin-input:focus{border-color:var(--accent);outline:none}.admin-input-sm{flex:0 0 56px}.admin-btn{font-family:var(--font-m);cursor:pointer;border:none;border-radius:4px;flex-shrink:0;padding:.3rem .7rem;font-size:.63rem;font-weight:700;transition:opacity .12s}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-pro{color:#000;background:#f5c518}.admin-btn-pro:hover:not(:disabled){opacity:.85}.admin-btn-revoke{color:#fff;background:#c62828}.admin-btn-revoke:hover:not(:disabled){opacity:.85}.admin-table-wrap{border:1px solid var(--border,#222);border-radius:6px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.68rem;font-family:var(--font-m)}.admin-table thead tr{border-bottom:1px solid var(--border,#222)}.admin-table th{color:var(--text-dim);letter-spacing:.06em;text-align:left;text-transform:uppercase;padding:.45rem .7rem;font-size:.55rem;font-weight:600}.admin-td{color:var(--text);border-bottom:1px solid #ffffff0a;padding:.38rem .7rem}.admin-table tbody tr:last-child .admin-td{border-bottom:none}.admin-table tbody tr:hover{background:#ffffff06}.admin-loading{text-align:center;color:var(--text-dim);font-size:.72rem;font-family:var(--font-m);padding:1.2rem}.spotify-btn{color:#1db954;width:100%;font-family:var(--font-m);letter-spacing:.1em;cursor:pointer;background:0 0;border:1px solid #1db954;align-items:center;gap:.5rem;padding:.55rem .75rem;font-size:.7rem;transition:all .2s;display:flex}.spotify-btn:hover{background:#1db9541a}.spotify-btn.connected{border-color:var(--border);color:var(--text-dim)}.spotify-icon{font-size:1rem}.apple-music-btn{color:#fc3c44;border-color:#fc3c44}.apple-music-btn:hover{background:#fc3c441a}.apple-music-btn.connected{border-color:var(--border);color:var(--text-dim)}.sidebar-now-playing{border-top:1px solid var(--border);align-items:center;gap:.6rem;padding:1rem 1.25rem;display:flex}.np-disc{background:radial-gradient(circle at 50%,var(--disc-hole) 30%,transparent 31%), repeating-radial-gradient(circle at 50%,var(--disc-a),var(--disc-a) 1px,var(--disc-b) 1px,var(--disc-b) 3px);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:36px;height:36px}.spinning{animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.np-info{overflow:hidden}.np-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.np-artist{color:var(--text-dim);font-size:.62rem}.main-content{margin-left:var(--sidebar-w);z-index:1;flex:1;min-width:0;min-height:100vh;padding:2.75rem 3rem;position:relative}.main-content.landing-full{margin-left:0;padding:0}.sidebar.landing-hidden{display:none}.page{animation:.25s fadeUp;display:none}.page.active{display:block}@keyframes ln-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes ln-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes ln-in{0%{opacity:0}to{opacity:1}}@keyframes ln-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ln-glow-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes ln-orbit-spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}#page-landing{font-family:var(--font-m);background:#070707;min-width:0;overflow:hidden auto}.ln-fold1{height:100vh;position:relative;overflow:hidden}#page-landing.active .ln-nav{animation:.7s cubic-bezier(.22,1,.36,1) both ln-down}#page-landing.active .ln-glow-a{animation:6s ease-in-out infinite ln-glow-pulse,.8s .1s both ln-in}#page-landing.active .ln-glow-b{animation:8s ease-in-out 2s infinite ln-glow-pulse,.8s .2s both ln-in}#page-landing.active .ln-pill{animation:.7s cubic-bezier(.22,1,.36,1) .3s both ln-up}#page-landing.active .ln-headline{animation:.9s cubic-bezier(.22,1,.36,1) .45s both ln-up}#page-landing.active .ln-sub{animation:.8s cubic-bezier(.22,1,.36,1) .6s both ln-up}#page-landing.active .ln-ctas{animation:.7s cubic-bezier(.22,1,.36,1) .75s both ln-up}#page-landing.active .ln-node{animation:.8s .9s both ln-in,5s ease-in-out 1.7s infinite ln-float}#page-landing.active .ln-node:nth-child(3){animation-delay:.95s,1.7s}#page-landing.active .ln-node:nth-child(4){animation-delay:1s,1.7s}#page-landing.active .ln-node:nth-child(5){animation-delay:1.05s,2s}#page-landing.active .ln-eq{animation:.7s cubic-bezier(.22,1,.36,1) 1s both ln-up}#page-landing.active .ln-logos{animation:.8s 1.1s both ln-in}.ln-o3{animation:60s linear infinite ln-orbit-spin}.ln-o2{animation:40s linear infinite reverse ln-orbit-spin}.ln-reveal{opacity:0;animation:.8s cubic-bezier(.22,1,.36,1) both paused ln-up}.ln-reveal.ln-play{animation-play-state:running}.ln-orbit-scale{opacity:var(--orbit-opacity,0)}.ln-glow{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.ln-glow-a{background:radial-gradient(#f5c5182e 0%,#0000 70%);width:700px;height:500px;top:-10%;right:-5%}.ln-glow-b{background:radial-gradient(#f5c51814 0%,#0000 70%);width:400px;height:400px;bottom:5%;left:-8%}.ln-nav{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:2rem;padding:.55rem 1.4rem;display:flex;position:absolute;top:1.5rem;left:50%;transform:translate(-50%)}.ln-nav-logo{font-family:var(--font-d);letter-spacing:.2em;color:#fff;margin-right:.5rem;font-size:1.15rem}.ln-nav-logo span{color:#f5c518}.ln-nav-links{gap:2rem;display:flex}.ln-nav-links a,.ln-nav-links span{letter-spacing:.04em;color:#ffffff8c;cursor:default;font-size:1rem;text-decoration:none;transition:color .15s}.ln-nav-links a:hover{color:#fff}.ln-nav-cta{letter-spacing:.06em;color:#000;cursor:pointer;font-size:.95rem;font-family:var(--font-m);background:#f5c518;border:none;border-radius:999px;padding:.65rem 1.7rem;font-weight:700;transition:opacity .15s}.ln-nav-cta:hover{opacity:.85}.ln-node{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;padding:1.4rem 1.8rem;position:absolute;box-shadow:inset 0 1px #ffffff14}.ln-node-r{text-align:right}.ln-node-dot{background:#f5c518;border-radius:50%;width:10px;height:10px;margin-bottom:.4rem;box-shadow:0 0 12px #f5c51899}.ln-node-r .ln-node-dot{margin-left:auto}.ln-node-label{color:#ffffffd9;letter-spacing:.04em;font-size:1.05rem}.ln-node-sub{color:#ffffff59;margin-top:.2rem;font-size:.82rem}.ln-node:before{content:"";background:linear-gradient(90deg,#ffffff1f,#0000);width:60px;height:1px;position:absolute;top:3px}.ln-node:not(.ln-node-r):before{margin-left:8px;left:100%}.ln-node-r:before{background:linear-gradient(270deg,#ffffff1f,#0000);margin-right:8px;right:100%}.ln-hero{text-align:center;z-index:6;width:min(700px,90vw);padding-top:3rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.ln-hero-brand{font-family:var(--font-d);letter-spacing:.25em;color:#ffffffe6;margin-bottom:.25rem;font-size:clamp(3.5rem,8vw,6rem);line-height:1}.ln-hero-brand span{color:#f5c518}#page-landing.active .ln-hero-brand{animation:.6s cubic-bezier(.22,1,.36,1) .2s both ln-up}.ln-pill{color:#fff9;letter-spacing:.04em;cursor:default;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.2rem;padding:.55rem 1.4rem;font-size:.95rem;display:inline-flex}.ln-headline{font-family:var(--font-d);letter-spacing:-.02em;color:#fff;margin:0 0 1rem;font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:1.05}.ln-headline span{color:#ffffff59}.ln-sub{color:#fff6;margin:0 0 2rem;font-size:.92rem;line-height:1.7}.ln-ctas{justify-content:center;gap:.75rem;display:flex}.ln-btn-primary{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:1.05rem;font-family:var(--font-m);letter-spacing:.05em;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:.9rem 2.4rem;transition:background .15s}.ln-btn-primary:hover{background:#ffffff2e}.ln-btn-secondary{color:#000;font-size:1.05rem;font-family:var(--font-m);letter-spacing:.04em;cursor:pointer;background:#f5c518;border:none;border-radius:999px;padding:.9rem 2.4rem;font-weight:700;transition:opacity .15s}.ln-btn-secondary:hover{opacity:.88}.ln-eq{z-index:5;align-items:flex-end;gap:4px;height:80px;display:flex;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}.ln-bar{background:#ffffff26;border-radius:2px;width:3px;animation:1.4s ease-in-out infinite ln-bar-pulse}.ln-bar:first-child{height:20px;animation-delay:0s}.ln-bar:nth-child(2){height:45px;animation-delay:.1s}.ln-bar:nth-child(3){height:65px;animation-delay:.2s}.ln-bar:nth-child(4){height:35px;animation-delay:.3s}.ln-bar:nth-child(5){height:75px;animation-delay:.15s}.ln-bar:nth-child(6){height:50px;animation-delay:.25s}.ln-bar:nth-child(7){height:60px;animation-delay:50ms}.ln-bar:nth-child(8){height:30px;animation-delay:.35s}.ln-bar:nth-child(9){height:18px;animation-delay:.4s}@keyframes ln-bar-pulse{0%,to{opacity:.15;transform:scaleY(1)}50%{opacity:.5;transform:scaleY(1.35)}}.ln-nav{z-index:20;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;padding:1.1rem 2.5rem;position:absolute;top:0;left:0;right:0;transform:none}.ln-logos{z-index:5;justify-content:center;gap:2.5rem;display:flex;position:absolute;bottom:1.4rem;left:0;right:0}.ln-logos span{letter-spacing:.1em;text-transform:uppercase;color:#ffffff4d;font-size:.82rem}.ln-section2{min-height:100vh;padding:6rem 2rem 4rem;position:relative;overflow:hidden}.ln-grid{pointer-events:none;justify-content:space-evenly;display:flex;position:absolute;inset:0}.ln-gl{background:#ffffff0a;width:1px;height:100%}.ln-s2-head{text-align:center;font-family:var(--font-d);color:#fff;z-index:2;margin:0 0 .8rem;font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;position:relative}.ln-s2-head span{color:#ffffff4d}.ln-s2-sub{text-align:center;color:#ffffff59;z-index:2;letter-spacing:.03em;margin:0 0 3.5rem;font-size:1rem;position:relative}.ln-diagram-wrap{z-index:2;justify-content:center;align-items:center;gap:2rem;max-width:1300px;margin:0 auto;display:flex;position:relative}.ln-feat-col{flex-direction:column;flex:1;gap:.6rem;min-width:180px;display:flex}.ln-feat-col-r{text-align:right;align-items:flex-end}.ln-feat-title{letter-spacing:.18em;text-transform:uppercase;color:#f5c518;margin-bottom:.5rem;font-size:1rem}.ln-feat-item{color:#ffffff80;cursor:pointer;border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.5rem 0;font-size:1.05rem;transition:color .25s,border-color .25s;display:flex}.ln-feat-col-r .ln-feat-item{flex-direction:row-reverse}.ln-feat-item:hover,.ln-feat-item:focus-visible{color:#ffffffd9}.ln-feat-dot{border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .25s,border-color .25s,box-shadow .25s}.ln-feat-item.active{color:#f5c518;text-underline-offset:4px;border-bottom-color:#f5c51859;font-weight:700;text-decoration:underline}.ln-feat-item.active .ln-feat-dot{background:#f5c518;border-color:#f5c518;box-shadow:0 0 8px #f5c51899}.ln-feat-item:hover:not(.active),.ln-feat-item:focus-visible:not(.active){text-underline-offset:4px;text-decoration:underline}.ln-feat-label{flex:1;min-width:0}.ln-orbit-wrap{width:calc(560px * var(--orbit-scale,.6));flex-shrink:0;max-width:90vw;position:relative}.ln-orbit-video{border:1px solid #f5c51840;border-radius:16px;width:100%;display:block;box-shadow:0 20px 60px #00000080}.ln-features{flex-direction:column;width:100%;max-width:1200px;margin:3rem auto 0;padding:0 2rem;display:flex}.ln-fs{border-bottom:1px solid #f5c51814;align-items:center;gap:4rem;padding:5rem 0;display:flex}.ln-fs:last-child{border-bottom:none}.ln-fs-flip{flex-direction:row-reverse}.ln-fs-visual{flex:0 0 48%}.ln-fs-visual svg{width:100%;height:auto;display:block}.ln-fs-img{border:1px solid #f5c51826;border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 8px 32px #00000080}.ln-fs-content{flex:1;min-width:0}.ln-fs-tag{letter-spacing:.2em;text-transform:uppercase;color:#f5c518d9;margin-bottom:.6rem;font-size:.95rem}.ln-fs-title{color:#fff;letter-spacing:-.02em;font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.1;font-family:var(--font-d);margin:0 0 .9rem}.ln-fs-desc{color:#ffffff80;margin:0 0 1.4rem;font-size:1.05rem;line-height:1.75}.ln-fs-pills{flex-wrap:wrap;gap:.5rem;display:flex}.ln-fs-pills span{letter-spacing:.07em;text-transform:uppercase;color:#ffffff8c;border:1px solid #ffffff26;border-radius:2rem;padding:.35rem .9rem;font-size:.8rem}@media (width<=680px){.ln-fs,.ln-fs-flip{flex-direction:column;gap:2rem}.ln-fs-visual{flex:none;width:100%}}.ln-logos2{z-index:2;justify-content:center;gap:3rem;margin-top:4rem;display:flex;position:relative}.ln-logos2 span{letter-spacing:.12em;text-transform:uppercase;color:#ffffff4d;font-size:.85rem}.ln-footer-links{z-index:2;justify-content:center;gap:2.5rem;margin-top:2rem;padding-bottom:.5rem;display:flex;position:relative}.ln-footer-link{letter-spacing:.08em;color:#ffffff38;font-family:DM Mono,monospace;font-size:.78rem;text-decoration:none;transition:color .2s}.ln-footer-link:hover{color:#ffffff80}#page-mix.active{flex-direction:column;height:100vh;padding:0;display:flex;overflow:hidden auto}#page-mix .page-header{margin:0;padding:.4rem 1rem .2rem}#page-mix .rec-tabs{border-bottom:1px solid var(--border);flex-shrink:0;padding:.4rem 1rem}#page-mix .rec-panel{flex:1;min-height:0;overflow:hidden}#page-mix #rec-dj{flex-direction:column;max-height:100%;padding:.35rem .6rem;display:flex;overflow:hidden}#page-mix .dj-console{flex:none;grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);align-items:stretch;gap:.5rem;min-height:0;display:grid;overflow:hidden}#page-mix .deck{gap:.18rem;padding:.4rem .55rem;overflow:hidden auto}#page-mix .deck-label{padding-bottom:.1rem;font-size:1.2rem}#page-mix .deck-disc-wrap{height:72px}#page-mix .deck-disc{width:66px;height:66px}#page-mix .deck-waveform{height:26px}#page-mix .deck-playlist{max-height:58px}#page-mix .dj-machine,#page-mix .djai-panel{display:none}#page-mix .deck-knobs{gap:.2rem}#page-mix .knob-group label{margin-bottom:.05rem}#page-mix .crossfader-col{max-height:100%;padding:.4rem .35rem;overflow-y:auto}#page-mix .deck-filter-row{padding:.08rem .3rem}#page-mix .deck-eq{gap:.3rem;padding:.2rem 0}#page-mix .deck-controls{gap:.3rem}#page-mix .deck-hotcues,#page-mix .deck-loops,#page-mix .deck-fx-row{gap:.25rem}#page-mix .deck-filter-row input{height:14px}#page-mix .dj-result-card{padding:.35rem .5rem;font-size:.7rem}#page-mix .dj-result-art{width:34px;height:34px}#page-mix .dj-result-alts{gap:.2rem}#page-mix .dj-alt-btn{padding:.15rem .4rem;font-size:.62rem}#page-mix .dj-import-prompt{padding:.4rem .5rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-header{flex-wrap:wrap;align-items:baseline;gap:.85rem;margin-bottom:1.85rem;display:flex}.page-title{font-family:var(--font-d);letter-spacing:.04em;font-size:3.6rem;line-height:1}.page-title em{font-family:var(--font-i);color:var(--accent);font-style:italic}.page-sub{color:var(--text-dim);letter-spacing:.2em;text-transform:uppercase;margin-right:auto;font-size:.68rem}.btn-primary{background:var(--accent);color:#000;border-radius:var(--pill);font-family:var(--font-m);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border:none;padding:.6rem 1.4rem;font-size:.72rem;transition:all .18s}.btn-primary:hover{background:#ffd84d;transform:translateY(-1px)}.btn-secondary{color:var(--text);border:1px solid var(--border);border-radius:var(--pill);font-family:var(--font-m);letter-spacing:.1em;cursor:pointer;background:0 0;padding:.55rem 1.1rem;font-size:.72rem;transition:all .18s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}[data-theme=glow] .logo{letter-spacing:-.01em;border-bottom:0;align-items:center;gap:10px;padding-bottom:1.25rem;font-weight:700;display:flex}[data-theme=glow] .logo:before{content:"";background:conic-gradient(from 0deg,var(--accent),var(--accent2),var(--accent));border-radius:50%;flex:none;width:26px;height:26px;box-shadow:0 0 18px #67e8ff99}[data-theme=glow] .logo span{color:var(--text);font-size:inherit;letter-spacing:-.01em;display:inline}[data-theme=glow] .nav-links{padding:1rem .6rem}[data-theme=glow] .nav-item{text-transform:none;letter-spacing:.02em;border-left:0;border-radius:12px;font-size:.8rem}[data-theme=glow] .nav-item.active{color:#06121b;background:linear-gradient(120deg,var(--accent),#9af0ff);box-shadow:0 6px 18px #67e8ff66}[data-theme=glow] .nav-item.active .nav-icon{opacity:1}[data-theme=glow] .page-title{letter-spacing:-.02em;font-size:2.6rem}[data-theme=glow] .page-title em{text-shadow:0 0 22px #67e8ff8c;font-style:normal}[data-theme=glow] .btn-primary{background:linear-gradient(120deg,var(--accent),#9af0ff);color:#06121b;text-transform:none;letter-spacing:.02em;box-shadow:0 8px 22px #67e8ff66}[data-theme=glow] .btn-primary:hover{background:linear-gradient(120deg,var(--accent),#9af0ff);filter:brightness(1.08);transform:translateY(-1px)}[data-theme=glow] .btn-secondary{background:var(--surface2);border-color:var(--border);text-transform:none;letter-spacing:.02em}[data-theme=day] .logo{text-transform:uppercase;border-bottom:0;font-weight:900}[data-theme=day] .logo span{color:var(--accent);font-family:var(--font-m);letter-spacing:.3em;margin-top:.35rem;font-size:.55rem}[data-theme=day] .nav-item{font-family:var(--font-m)}[data-theme=day] .nav-item.active{color:var(--text);border-left-color:var(--accent);background:0 0}[data-theme=day] .nav-item.active .nav-icon{color:var(--accent);opacity:1}[data-theme=day] .page-title{text-transform:uppercase;letter-spacing:-.02em;font-size:3.25rem;font-weight:900}[data-theme=day] .page-title em{text-transform:none;font-weight:600}[data-theme=day] .btn-primary{color:#fff}[data-theme=day] .btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.vinyl-sleeve{aspect-ratio:1;background:var(--surface2);border:1px solid var(--border);justify-content:center;align-items:center;width:100%;margin-bottom:.65rem;display:flex;position:relative;overflow:hidden}.vinyl-sleeve-inner{background:radial-gradient(circle at 50%,var(--disc-hole) 18%,transparent 19%), repeating-radial-gradient(circle at 50%,var(--disc-a),var(--disc-a) 1px,var(--disc-b) 1px,var(--disc-b) 3px);border-radius:50%;justify-content:center;align-items:center;width:78%;height:78%;display:flex}.vinyl-label-sm{text-align:center;width:34%;height:34%;font-size:.42rem;font-family:var(--font-d);color:#000;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.vinyl-card-name{color:var(--text);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.vinyl-card-meta{color:var(--text-dim);margin-top:.15rem;font-size:.62rem}.vinyl-card-actions{gap:.4rem;margin-top:.6rem;display:flex}.empty-state{text-align:center;color:var(--text-dim);padding:5rem 2rem;display:none}.empty-state.visible{display:block}.empty-disc{opacity:.15;margin-bottom:1.25rem;font-size:4rem;animation:3s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.15}50%{opacity:.3}}.empty-state p{letter-spacing:.08em;font-size:.82rem;line-height:2}.search-bar-wrap{gap:.75rem;margin-bottom:1.25rem;display:flex}.search-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);outline:none;flex:1;padding:.8rem 1rem;font-family:inherit;font-size:.88rem;transition:border-color .2s}.search-input:focus{border-color:var(--accent)}.search-filters{gap:.5rem;margin-bottom:2rem;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-dim);letter-spacing:.1em;cursor:pointer;background:0 0;padding:.4rem .9rem;font-family:inherit;font-size:.65rem;transition:all .18s}.filter-btn:hover,.filter-btn.active{border-color:var(--accent);color:var(--accent)}.search-results{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;display:grid}.search-card{background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:border-color .2s}.vs-modal-card{background:#111;border:1px solid #222;border-radius:10px;flex-direction:column;width:min(560px,94vw);max-height:82vh;display:flex;position:relative;overflow:hidden}.vs-modal-close{color:#555;cursor:pointer;z-index:1;background:0 0;border:none;padding:.2rem .35rem;font-size:.9rem;line-height:1;position:absolute;top:.6rem;right:.7rem}.vs-modal-close:hover{color:#fff}.vs-modal-body{padding:1.1rem 1.1rem .8rem;overflow-y:auto}.vs-modal-loading{text-align:center;font-family:var(--font-m);color:#444;padding:2rem;font-size:.7rem}.vs-modal-top{gap:1rem;margin-bottom:1rem;display:flex}.vs-modal-art{background:#1a1a1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:110px;display:flex;overflow:hidden}.vs-modal-art-ph{opacity:.2;font-size:2rem}.vs-modal-meta{flex-direction:column;flex:1;gap:.3rem;min-width:0;padding-top:.1rem;display:flex}.vs-modal-title{color:var(--text);font-size:1.05rem;font-weight:700;line-height:1.2}.vs-modal-artist{color:var(--accent);font-size:.78rem;font-family:var(--font-m)}.vs-modal-tags{flex-wrap:wrap;gap:.3rem .5rem;margin-top:.2rem;display:flex}.vs-modal-tags span{font-size:.58rem;font-family:var(--font-m);color:#555;background:#1a1a1a;border-radius:3px;padding:.15rem .4rem}.vs-modal-bio{color:var(--text-dim);margin:0 0 1rem;font-size:.72rem;line-height:1.55}.vs-modal-tracklist{border-top:1px solid #1e1e1e;flex-direction:column;gap:.05rem;padding-top:.55rem;display:flex}.vs-modal-track{border-radius:3px;align-items:center;gap:.55rem;padding:.28rem .1rem;display:flex}.vs-modal-track:hover{background:#161616}.vs-modal-tn{font-size:.6rem;font-family:var(--font-m);color:#333;text-align:right;flex-shrink:0;min-width:1.4rem}.vs-modal-tt{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.72rem;overflow:hidden}.vs-modal-td{font-size:.6rem;font-family:var(--font-m);color:#444;flex-shrink:0}.search-card:hover{border-color:var(--accent)}.search-card-art{aspect-ratio:1;background:var(--surface);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.search-card-art img{object-fit:cover;width:100%;height:100%}.search-card-art-placeholder{opacity:.15;font-size:3rem}.search-card-art-placeholder.search-art-failed{opacity:.5}.search-art-svg{color:var(--text-dim)}.search-card-info{padding:.85rem 1rem}.search-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:.82rem;overflow:hidden}.search-card-artist{color:var(--text-dim);margin-bottom:.15rem;font-size:.68rem}.search-card-meta{color:var(--text-dim);opacity:.7;font-size:.6rem}.search-card-actions{border-top:1px solid var(--border);gap:.4rem;padding:.65rem 1rem;display:flex}.search-loading{text-align:center;color:var(--text-dim);letter-spacing:.15em;padding:3rem;font-size:.8rem}.search-empty{text-align:center;color:var(--text-dim);padding:3rem;font-size:.8rem}.search-empty.hidden{display:none}.build-container{grid-template-columns:1fr 1fr;align-items:start;gap:3.5rem;display:grid}.form-group{margin-bottom:1.4rem}.form-group label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.45rem;font-size:.63rem;display:block}.form-group input,.form-group select{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-m);outline:none;padding:.7rem .9rem;font-size:.82rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus{border-color:var(--accent)}.form-group select option{background:var(--surface2)}.track-input-row{grid-template-columns:1fr 1fr auto;gap:.5rem;display:grid}.track-source-row{flex-wrap:wrap;align-items:flex-start;gap:.75rem;margin-top:.65rem;display:flex}.source-option{flex:1;min-width:150px}.source-label{letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase;margin-bottom:.3rem;font-size:.6rem;display:block}.source-option input[type=text]{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-m);outline:none;padding:.5rem .7rem;font-size:.76rem}.file-pick-btn{cursor:pointer;background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);border-radius:var(--pill);padding:.35rem .7rem;font-size:.68rem;transition:border-color .18s;display:inline-block}.file-pick-btn:hover{border-color:var(--accent);color:var(--accent)}.file-pick-name{color:var(--text-dim);vertical-align:middle;margin-left:.4rem;font-size:.62rem}.source-divider{color:var(--text-dim);flex-shrink:0;padding-top:1.3rem;font-size:.65rem}.source-hint{color:var(--text-dim);margin-top:.4rem;font-size:.62rem;font-style:italic}.track-list{margin-bottom:1.5rem;list-style:none}.track-list li{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.55rem .65rem;font-size:.78rem;display:flex}.track-list li:first-child{border-top:1px solid var(--border)}.track-num{color:var(--accent);min-width:1.4rem;font-size:.62rem}.track-source-badge{flex-shrink:0;padding:.18rem .4rem;font-size:.58rem}.track-source-badge.local{color:#27ae60;background:#27ae6026}.track-source-badge.yt{color:var(--accent2);background:#e8734a26}.track-source-badge.auto{color:var(--text-dim);background:#7a706826}.track-remove{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:.78rem;transition:color .18s}.track-remove:hover{color:var(--accent2)}.vinyl-record{background:radial-gradient(circle at 50%,var(--disc-hole) 18%,transparent 19%), repeating-radial-gradient(circle at 50%,var(--disc-a),var(--disc-a) 1px,var(--disc-b) 1px,var(--disc-b) 3px);border-radius:50%;justify-content:center;align-items:center;width:260px;height:260px;margin:0 auto;animation:8s linear infinite spin-slow;display:flex;box-shadow:0 0 50px #000000b3,0 0 0 1px #282828}.vinyl-label{background:var(--accent);width:38%;height:38%;font-family:var(--font-d);letter-spacing:.08em;text-align:center;color:#000;border-radius:50%;justify-content:center;align-items:center;padding:6px;font-size:.75rem;animation:8s linear infinite counter-spin;display:flex}@keyframes counter-spin{to{transform:rotate(-360deg)}}.shape-toggle{gap:3px;margin-left:auto;display:flex}.shape-toggle-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;letter-spacing:.05em;border-radius:4px;padding:.3rem .65rem;font-size:.7rem;transition:all .15s}.shape-toggle-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}body.cover-square .vinyl-disc-outer{border-radius:8px}body.cover-square .vinyl-disc-cover{border-radius:6px}body.cover-square .vinyl-disc-hole{display:none}body.cover-square .vinyl-disc-grooves{border-radius:6px}body.cover-square .vinyl-card:hover .vinyl-disc-outer{border-radius:8px}body.cover-square .vinyl-record{background:#1a1a1a;border-radius:12px;animation:none;position:relative;box-shadow:0 0 50px #000000b3,0 0 0 1px #282828}body.cover-square .vinyl-label{color:#fff;text-align:center;background:linear-gradient(#0000,#000000bf);border-radius:0 0 10px 10px;width:100%;height:auto;padding:16px 12px 10px;font-size:.8rem;animation:none;position:absolute;bottom:0;left:0;right:0}body.cover-square .cover-canvas-wrap canvas{border-radius:10px!important}.cv-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:52px;padding:0 .85rem;display:flex;position:sticky;top:0}.cv-topbar-tools{align-items:center;gap:.35rem;display:flex}.cv-tool-group{background:var(--surface2);border:1px solid var(--border);border-radius:8px;align-items:center;gap:2px;padding:3px;display:flex}.cv-topbar-sep{background:var(--border);width:1px;height:20px;margin:0 .25rem}.cv-tool-btn{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.cv-tool-btn svg{width:18px;height:18px}.cv-tool-btn:hover{color:var(--text);background:#ffffff14}.cv-tool-btn.active,.tool-btn.active.cv-tool-btn{color:var(--accent);background:#f5c51826;border:none}.cv-shape-btn{width:36px;height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:1.1rem;transition:background .12s,color .12s;display:flex}.cv-shape-btn.active{color:var(--accent);background:#f5c51826}.cv-topbar-center{color:var(--text);letter-spacing:-.01em;font-size:.82rem;font-weight:600}.cv-topbar-center em{color:var(--accent);font-style:normal}.cv-topbar-actions{align-items:center;gap:.4rem;display:flex}.cv-vinyl-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);cursor:pointer;border-radius:7px;outline:none;padding:.3rem .55rem;font-size:.7rem}.cv-action-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;white-space:nowrap;border-radius:7px;padding:.28rem .65rem;font-size:.7rem;transition:all .12s}.cv-action-btn:hover{border-color:var(--text-dim);color:var(--text)}.cv-action-save{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.cv-action-save:hover{opacity:.88;color:#000}.cv-workspace{height:calc(100vh - var(--player-h) - 52px);display:flex;overflow:hidden}.cv-panel{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;width:220px;padding:.5rem 0;overflow-y:auto}.cv-panel-right{border-right:none;border-left:1px solid var(--border);width:240px}.cvr-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.cvr-tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.6rem;font-size:.78rem;font-weight:500;transition:color .12s}.cvr-tab.active{color:var(--text);border-bottom-color:var(--accent)}.cvr-section{border-bottom:1px solid #ffffff0d;padding:.65rem .85rem}.cvr-section-hd{color:var(--text);letter-spacing:-.01em;margin-bottom:.55rem;font-size:.82rem;font-weight:600}.cvr-section-hd-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.cvr-section-icons{align-items:center;gap:.15rem;display:flex}.cvr-sub-label{color:var(--text-dim);margin-bottom:.3rem;font-size:.65rem}.cvr-align-grid{grid-template-columns:repeat(6,1fr);gap:3px;margin-bottom:.5rem;display:grid}.cvr-xy-row{align-items:center;gap:.4rem;margin-bottom:.3rem;display:flex}.cvr-field{background:var(--surface2);border:1px solid var(--border);border-radius:7px;flex:1;align-items:center;gap:.3rem;padding:.3rem .5rem;display:flex}.cvr-field-lbl{color:var(--text-dim);flex-shrink:0;font-size:.65rem}.cvr-input{color:var(--text);font-family:var(--font-s);-moz-appearance:textfield;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.75rem}.cvr-input::-webkit-outer-spin-button{-webkit-appearance:none}.cvr-input::-webkit-inner-spin-button{-webkit-appearance:none}.cvr-input-sm{background:var(--surface2);border:1px solid var(--border);width:44px;color:var(--text);font-size:.75rem;font-family:var(--font-s);text-align:center;border-radius:7px;outline:none;flex:none;padding:.3rem .4rem}.cvr-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:.75rem;font-family:var(--font-s);border-radius:7px;outline:none;padding:.32rem .5rem}.cvr-icon-btn{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.7rem;transition:background .1s,color .1s;display:flex}.cvr-icon-btn:hover{color:var(--text);background:#ffffff14}.cvr-icon-btn.cvr-active{color:var(--accent);background:#f5c51826}.cvr-add{color:var(--text-dim);font-size:.9rem}.cvr-remove{color:#ff453a}.cvr-fill-row{align-items:center;gap:.35rem;display:flex}.cvr-fill-swatch{cursor:pointer;border:none;border-radius:5px;flex-shrink:0;width:28px;height:28px;padding:0}.cvr-fill-hex{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:.72rem;font-family:var(--font-s);border-radius:6px;outline:none;flex:1;padding:.28rem .4rem}.cvr-prop-row{color:var(--text-dim);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.72rem;display:flex}.cvr-presets-row{flex-wrap:wrap;gap:.25rem;margin-top:.35rem;display:flex}.cvr-import-btn{text-transform:none;letter-spacing:0;border-radius:8px;width:100%;padding:.5rem;font-size:.72rem}.cvr-effects-body,.cvr-export-body{margin-top:.3rem}.cv-panel-section{border-bottom:1px solid #ffffff0d;padding:.6rem .85rem}.cv-panel-section:last-child{border-bottom:none}.cv-panel-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;font-size:.6rem;font-weight:600}.cv-color-row{align-items:center;gap:.5rem;margin-bottom:.55rem;display:flex}.cv-color-swatch-input{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;width:32px;height:32px;padding:0}.cv-hex-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);border-radius:7px;outline:none;flex:1;padding:.3rem .5rem;font-size:.72rem}.cv-hex-input:focus{border-color:var(--accent)}.cv-prop-row{color:var(--text-dim);justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.72rem;display:flex}.cv-prop-row input[type=range]{accent-color:var(--accent);flex:1}.cv-text-input{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-m);border-radius:7px;outline:none;margin-bottom:.4rem;padding:.4rem .6rem;font-size:.76rem}.cv-text-input:focus{border-color:var(--accent)}.cv-place-text-btn{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text-dim);cursor:pointer;border-radius:7px;padding:.38rem;font-size:.72rem}.cv-place-text-btn:hover{border-color:var(--accent);color:var(--accent)}.cv-import-btn{text-transform:none;letter-spacing:0;border-radius:8px;width:100%;margin-bottom:.5rem;padding:.5rem;font-size:.72rem}.cv-link-btn{text-align:center;width:100%;color:var(--text-dim);border:1px solid var(--border);border-radius:7px;margin-bottom:.3rem;padding:.3rem;font-size:.7rem;text-decoration:none;transition:all .12s;display:block}.cv-link-btn:hover{border-color:var(--accent);color:var(--accent)}.cv-presets-grid{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.cv-preset-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;border-radius:6px;padding:.32rem .4rem;font-size:.68rem;transition:all .12s}.cv-preset-btn:hover{border-color:var(--accent);color:var(--accent)}.cv-canvas-area{background:var(--bg);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.cv-canvas-area .cover-canvas-wrap{position:relative}.cv-loading{color:var(--text-dim);font-size:.7rem;font-family:var(--font-m);letter-spacing:.05em;background:#0000008c;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}.cv-loading-spin{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite cv-spin}@keyframes cv-spin{to{transform:rotate(360deg)}}.cover-studio{align-items:flex-start;gap:2.5rem;display:flex}.cover-tools{flex-shrink:0;width:200px}.tool-section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem;font-size:.6rem}.tool-btns{grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.75rem;display:grid}.tool-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;text-align:left;padding:.45rem .65rem;font-size:.7rem;transition:all .18s}.tool-btn:hover,.tool-btn.active{border-color:var(--accent);color:var(--accent);background:#f5c5180a}.tool-group{margin-bottom:.9rem}.tool-group label{letter-spacing:.15em;color:var(--text-dim);text-transform:uppercase;margin-bottom:.3rem;font-size:.6rem;display:block}.tool-group input[type=range]{width:100%;accent-color:var(--accent)}.tool-group input[type=color]{border:1px solid var(--border);cursor:pointer;background:0 0;width:100%;height:36px;padding:2px}.cover-text-input{background:var(--surface2);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-m);outline:none;margin-bottom:.4rem;padding:.5rem .65rem;font-size:.76rem}.color-swatches{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:border-color .15s}.swatch:hover{border-color:var(--text)}.swatch-custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important;box-shadow:inset 0 0 0 5px #1a1a1a!important}.rgb-picker{align-items:flex-start;gap:.5rem;padding:.4rem .1rem .3rem;display:flex}.rgb-wheel{cursor:crosshair;border:2px solid #2a2a2a;border-radius:50%;flex-shrink:0;width:100px;height:100px}.rgb-picker-right{flex-direction:column;flex:1;gap:.3rem;min-width:0;display:flex}.rgb-preview-row{align-items:center;gap:.5rem;margin-bottom:.1rem;display:flex}.rgb-preview-box{border:1px solid #333;border-radius:5px;flex-shrink:0;width:32px;height:32px}.rgb-preview-hex{font-family:var(--font-m);color:var(--text-dim);font-size:.62rem}.rgb-slider-row{align-items:center;gap:.35rem;display:flex}.rgb-lbl{font-family:var(--font-m);flex-shrink:0;width:10px;font-size:.54rem;font-weight:700}.rgb-sl{cursor:pointer;flex:1;min-width:0;height:3px}.rgb-sl-r{accent-color:#e74c3c}.rgb-sl-g{accent-color:#27ae60}.rgb-sl-b{accent-color:#2980b9}.rgb-num{width:36px;color:var(--text);font-family:var(--font-m);text-align:center;-moz-appearance:textfield;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;padding:.15rem .25rem;font-size:.58rem}.rgb-num::-webkit-outer-spin-button{-webkit-appearance:none}.rgb-num::-webkit-inner-spin-button{-webkit-appearance:none}.rgb-apply-btn{background:var(--accent);color:#000;font-family:var(--font-m);cursor:pointer;border:none;border-radius:4px;align-self:flex-start;margin-top:.1rem;padding:.28rem .55rem;font-size:.6rem;font-weight:700}.cover-actions{flex-direction:column;gap:.4rem;margin-top:1rem;display:flex}.cover-canvas-wrap{flex-shrink:0;position:relative}#coverCanvas{cursor:crosshair;box-shadow:0 0 0 2px var(--border),0 0 40px #0009;background:#fff;border-radius:50%;display:block}.dj-console{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.deck{background:var(--surface2);border:1px solid var(--border);flex-direction:column;gap:.65rem;padding:1.25rem 1.25rem 1rem;display:flex}.deck-label{font-family:var(--font-d);letter-spacing:.15em;color:var(--accent);text-align:center;font-size:2rem}.deck-disc-wrap{justify-content:center;align-items:center;height:160px;display:flex;position:relative}.deck-disc{background:radial-gradient(circle at 50%,var(--disc-hole) 18%,transparent 19%), repeating-radial-gradient(circle at 50%,var(--disc-a),var(--disc-a) 1px,var(--disc-b) 1px,var(--disc-b) 3px);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;transition:animation-play-state .2s;display:flex;position:relative}.deck-disc.playing{animation:2s linear infinite spin}.deck-disc-label{-webkit-backdrop-filter:none;pointer-events:none;background:#090909;border:1px solid #ffffff14;border-radius:50%;width:7%;height:7%;font-size:0;box-shadow:0 1px 6px #000000e6,inset 0 0 0 1px #ffffff0a}.deck-arm{transform-origin:top;background:linear-gradient(#555,#333);border-radius:0 0 3px 3px;width:5px;height:90px;transition:transform .5s;position:absolute;top:10px;right:10px;transform:rotate(30deg)}.deck-arm.playing{transform:rotate(22deg)}.deck-track-info{text-align:center}.deck-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.deck-artist{color:var(--text-dim);font-size:.66rem}.deck-select{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);cursor:pointer;outline:none;width:100%;padding:.55rem .65rem;font-size:.72rem}.deck-playlist{border:1px solid var(--border);background:var(--surface);scroll-behavior:smooth;max-height:160px;overflow-y:auto}.deck-pl-row{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:.45rem;padding:.38rem .6rem;transition:background .12s;display:flex}.deck-pl-row:last-child{border-bottom:none}.deck-pl-row:hover{background:var(--surface2)}.deck-pl-row.active{background:var(--surface2);border-left:3px solid var(--accent);padding-left:.35rem}.deck-pl-row.active .deck-pl-title{color:var(--accent)}.deck-pl-num{color:var(--text-dim);min-width:1.2rem;font-size:.55rem;font-family:var(--font-m);flex-shrink:0}.deck-pl-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.68rem;font-family:var(--font-m);flex:1;overflow:hidden}.deck-pl-artist{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:38%;font-size:.58rem;font-family:var(--font-m);flex-shrink:0;overflow:hidden}.deck-pl-empty{text-align:center;color:var(--text-dim);font-size:.7rem;font-family:var(--font-m);padding:.75rem}.dj-searching{text-align:center;color:var(--text-dim);font-size:.68rem;font-family:var(--font-m);letter-spacing:.1em;padding:.55rem}.deck-bpm-bar{cursor:pointer;background:#0d0d0d;border-radius:3px 3px 0 0;width:100%;height:18px;display:block}.deck-waveform{background:#000;border-radius:0 0 3px 3px;width:100%;height:44px;margin-bottom:.3rem;display:block}.deck-progress-wrap{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.deck-prog-time{color:var(--text-dim);font-size:.58rem;font-family:var(--font-m);tabular-nums:normal;flex-shrink:0;min-width:2.4rem}.deck-prog-remain{text-align:right}.deck-prog-bar{cursor:pointer;border-radius:2px;flex:1;height:3px;position:relative;overflow:visible}.deck-prog-bar .dj-progress-fill{border-radius:inherit;background:var(--accent);pointer-events:none;width:0%;height:100%;transition:width .25s linear;position:relative}.deck-prog-bar .dj-progress-fill:after{content:"";pointer-events:none;background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .12s;position:absolute;top:50%;right:-7px;transform:translateY(-50%);box-shadow:0 1px 5px #0000008c}.deck-prog-bar:hover .dj-progress-fill:after{transform:translateY(-50%)scale(1.18)}.deck-prog-bar.scrubbing .dj-progress-fill:after{transition:none;transform:translateY(-50%)scale(1.25)}.deck-hotcues{grid-template-columns:repeat(4,1fr);gap:.3rem;margin-bottom:.22rem;display:grid}.hotcue-btn{background:color-mix(in srgb,var(--hc,#888) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--hc,#888) 35%,transparent);color:color-mix(in srgb,var(--hc,#888) 70%,var(--text-dim));font-family:var(--font-m);letter-spacing:.06em;cursor:pointer;text-align:center;border-radius:3px;padding:.38rem 0;font-size:.62rem;font-weight:600;transition:all .15s}.hotcue-btn:hover{background:color-mix(in srgb,var(--hc,#888) 22%,var(--surface));border-color:var(--hc,#888)}.hotcue-btn.hc-set{background:var(--hc,var(--accent));color:#000;border-color:var(--hc,var(--accent))}.hotcue-btn.hc-1{--hc:#f45}.hotcue-btn.hc-2{--hc:#3cf}.hotcue-btn.hc-3{--hc:#fa3}.hotcue-btn.hc-4{--hc:#4e8}.deck-loopq{align-items:center;gap:.28rem;margin-bottom:.22rem;display:flex}.deck-loopq-lbl{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);opacity:.6;font-size:.46rem;font-family:var(--font-m);flex-shrink:0}.deck-loopq-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;text-align:center;letter-spacing:.02em;border-radius:3px;flex:1;padding:.28rem 0;font-size:.58rem;transition:all .14s}.deck-loopq-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.deck-loopq-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.deck-fx{align-items:center;gap:.28rem;margin-bottom:.22rem;display:flex}.deck-fx-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;text-align:center;letter-spacing:.06em;border-radius:3px;flex:1;padding:.28rem 0;font-size:.58rem;font-weight:600;transition:all .14s}.deck-fx-btn:hover{color:#a6f;background:color-mix(in srgb,#a6f 10%,var(--surface));border-color:#a6f}.deck-fx-btn.active{color:#fff;background:#63c;border-color:#a6f;box-shadow:0 0 8px #63c6}.deck-loop-btn{font-size:.9rem}.deck-loop-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.bpm-btns{justify-content:center;gap:.35rem;margin-top:.3rem;display:flex}.dj-loaded-label{color:var(--text-dim);font-size:.72rem;font-family:var(--font-m);white-space:nowrap;text-overflow:ellipsis;padding:.4rem .5rem;overflow:hidden}.deck-controls{justify-content:center;gap:.5rem;display:flex}.deck-btn{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;padding:.45rem .75rem;font-size:.75rem;transition:all .18s}.deck-btn:hover{border-color:var(--accent);color:var(--accent)}.deck-btn.play{background:var(--accent);color:#000;border-color:var(--accent)}.deck-btn.play:hover{background:#ffd84d}.deck-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.deck-knobs{flex-direction:column;gap:.45rem;display:flex}.knob-group label{letter-spacing:.2em;color:var(--text-dim);margin-bottom:.18rem;font-size:.55rem;display:block}.knob-group input[type=range]{width:100%;accent-color:var(--accent)}.deck-eq{flex-direction:column;gap:.9rem;padding:.5rem 0;display:flex}.eq-band{align-items:center;gap:.4rem;display:flex}.eq-band label{letter-spacing:.1em;color:var(--text-dim);text-align:right;flex-shrink:0;width:1.5rem;font-size:.5rem}.eq-band input[type=range]{height:3px;accent-color:var(--accent);flex:1}.eq-band input[type=range]:disabled,.deck-filter-row input[type=range]:disabled{opacity:.35;pointer-events:none;cursor:not-allowed}.xfade-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);text-align:center;font-size:.6rem}.xfade-labels{width:100%;color:var(--text-dim);justify-content:space-between;padding:0 .2rem;font-size:.65rem;display:flex}#crossfader{width:100%;accent-color:var(--accent)}.xfade-center-mark{background:var(--border);width:2px;height:8px;margin-top:-4px}.bpm-display{text-align:center}.bpm-val{font-family:var(--font-d);color:var(--accent);letter-spacing:.1em;font-size:1.6rem}.master-vol-wrap{width:100%}.master-vol-wrap input{width:100%;accent-color:var(--accent);margin-top:.3rem}.dj-vumeters{gap:.5rem;margin-top:.5rem;display:flex}.vu{background:var(--surface);border:1px solid var(--border);align-items:flex-end;width:20px;height:80px;display:flex;position:relative}.vu-bar{background:linear-gradient(#e8734a,#f5c518,#27ae60);width:100%;height:0%;transition:height .1s}.games-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.125rem;margin-bottom:2rem;display:grid}.game-card{background:var(--surface2);border:1px solid var(--border);padding:1.75rem 1.5rem;transition:border-color .2s}.game-card:not(.coming):hover{border-color:var(--accent)}.game-card.coming{opacity:.35;pointer-events:none}.game-icon{margin-bottom:.75rem;font-size:1.8rem}.game-card h3{font-family:var(--font-d);letter-spacing:.05em;margin-bottom:.4rem;font-size:1.3rem}.game-card p{color:var(--text-dim);margin-bottom:1.25rem;font-size:.72rem;line-height:1.7}.game-container{background:var(--surface2);border:1px solid var(--border);padding:1.5rem;display:inline-block}.game-container.hidden{display:none}.game-hud{color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.78rem;display:flex}.game-hud b{color:var(--accent)}.share-btn{padding:.35rem .75rem;font-size:.65rem}.game-hint{color:var(--text-dim);text-align:center;letter-spacing:.08em;margin-top:.65rem;font-size:.62rem}#snakeCanvas{border:1px solid var(--border);display:block}.player-bar{bottom:0;left:var(--sidebar-w);height:var(--player-h);background:var(--surface);border-top:2px solid var(--accent);z-index:200;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);align-items:center;gap:1.1rem;padding:0 1.5rem;display:none;position:fixed;right:0}.player-bar.visible{display:flex}body:has(.player-bar.visible) .main-content{padding-bottom:calc(var(--player-h) + 1.5rem)}.player-left{flex-shrink:0;align-items:center;gap:.7rem;min-width:0;max-width:200px;display:flex}.player-track-info{min-width:0;overflow:hidden}.player-track-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.player-track-artist{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.player-source-badge{background:var(--border);color:#fff;white-space:nowrap;letter-spacing:.04em;border-radius:10px;margin-top:2px;padding:.1rem .35rem;font-size:.52rem;display:inline-block}.player-center{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.player-controls{align-items:center;gap:.5rem;display:flex}.player-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.2rem .35rem;font-size:.9rem;transition:color .15s}.player-btn:hover{color:var(--text)}.player-btn.play{background:var(--accent);color:#000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:.8rem;display:flex}.player-btn.play:hover{filter:brightness(1.15)}.player-progress-wrap{flex:1;min-width:60px;max-width:220px}.player-progress-bar{background:var(--border);cursor:pointer;border-radius:2px;height:3px}.player-progress{background:var(--accent);pointer-events:none;border-radius:2px;width:0%;height:100%;transition:width .3s linear}.player-time{color:var(--text-dim);letter-spacing:.03em;flex-shrink:0;font-size:.55rem}.player-lyrics-row{justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex;overflow:hidden}.player-lyrics-line{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:480px;font-size:.65rem;font-style:italic;transition:opacity .2s;overflow:hidden}.player-lyrics-line.lyrics-fade-out{opacity:0}.lyrics-genius-link{color:var(--accent);border:1px solid var(--accent);opacity:.7;border-radius:3px;flex-shrink:0;padding:.08rem .3rem;font-size:.55rem;text-decoration:none;transition:opacity .15s}.lyrics-genius-link:hover{opacity:1}.lyrics-expand-btn{color:var(--text2);cursor:pointer;opacity:.6;flex-shrink:0;padding:0 .3rem;font-size:.6rem;transition:opacity .15s}.lyrics-expand-btn:hover{opacity:1}#playerLyricsRow{cursor:pointer}.lyrics-panel{background:var(--surface);border-top:1px solid var(--border2);z-index:900;flex-direction:column;height:38vh;display:none;position:fixed;bottom:52px;left:0;right:0}.lyrics-panel-hd{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:.5rem;padding:.4rem .8rem;display:flex}.lyrics-panel-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.65rem;font-weight:700;overflow:hidden}.lyrics-panel-badge{background:var(--accent);color:#fff;border-radius:3px;padding:.05rem .3rem;font-size:.5rem}.lyrics-panel-close{color:var(--text2);cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:.75rem}.lyrics-panel-body{flex-direction:column;flex:1;gap:.35rem;padding:.6rem 1rem;display:flex;overflow-y:auto}.lp-panel-line{color:var(--text2);font-size:.72rem;line-height:1.6;transition:color .2s,font-size .2s}.lp-panel-line-active{color:var(--text);font-size:.8rem;font-weight:600}.lp-panel-empty{color:var(--text2);padding:.5rem 0;font-size:.65rem}.lp-wrap{flex-direction:column;height:100%;padding:.8rem;display:flex}.lp-search-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.8rem;display:flex}.lp-input{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--font-m);flex:1;min-width:100px;padding:.35rem .55rem;font-size:.65rem}.lp-btn{background:var(--accent);color:#fff;border-radius:var(--radius);font-family:var(--font-m);cursor:pointer;border:none;padding:.35rem .7rem;font-size:.65rem}.lp-status-badge{background:var(--accent);color:#fff;border-radius:3px;padding:.05rem .3rem;font-size:.55rem}.lp-body{flex-direction:column;flex:1;gap:.3rem;display:flex;overflow-y:auto}.lp-line{color:var(--text2);padding:.1rem 0;font-size:.75rem;line-height:1.7;transition:color .2s,font-size .15s}.lp-line-active{color:var(--text);font-size:.82rem;font-weight:600}.lp-empty{color:var(--text2);padding:1rem 0;font-size:.65rem}.player-volume-wrap{flex-shrink:0;align-items:center;gap:.3rem;display:flex}.player-vol-icon{color:var(--text-dim);font-size:.75rem}#playerVolume{width:60px;accent-color:var(--accent)}.yt-search-overlay{z-index:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.yt-search-overlay.hidden{display:none}.yt-search-box{background:var(--surface);border:1px solid var(--border);width:420px;max-width:90vw;padding:2rem}.yt-search-title{font-family:var(--font-d);letter-spacing:.05em;margin-bottom:.4rem;font-size:1.4rem}.yt-search-sub{color:var(--text-dim);margin-bottom:1.1rem;font-size:.72rem;line-height:1.7}.yt-manual-row{gap:.4rem;display:flex}.yt-manual-row input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);outline:none;flex:1;padding:.6rem .7rem;font-size:.78rem}.coming-soon{text-align:center;color:var(--text-dim);padding:5rem 2rem}.cs-disc{opacity:.12;margin-bottom:1.25rem;font-size:4rem}.coming-soon p{letter-spacing:.08em;font-size:.82rem;line-height:2}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--border)}.sidebar-mini-btn{background:var(--surface2);border:1px solid var(--border);width:24px;height:24px;color:var(--text-dim);cursor:pointer;z-index:110;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;transition:all .2s;display:flex;position:absolute;top:.75rem;right:-12px}.sidebar-mini-btn:hover{color:var(--accent);border-color:var(--accent)}body.sidebar-mini{--sidebar-w:56px}body.sidebar-mini .logo span,body.sidebar-mini .nav-item span:not(.nav-icon),body.sidebar-mini .np-info,body.sidebar-mini .sidebar-spotify,body.sidebar-mini .sidebar-auth,body.sidebar-mini .sidebar-settings{display:none}body.sidebar-mini .logo{padding:.9rem;font-size:1.1rem}body.sidebar-mini .nav-item{justify-content:center;padding:.9rem}body.sidebar-mini .sidebar-mini-btn{transform:rotate(180deg)}.sidebar{overflow-y:auto}[data-theme=glow] .g2048-board{background:#05050f}[data-theme=glow] #snakeCanvas{border-color:#e0c84a44;box-shadow:0 0 16px #e0c84a22}[data-theme=glow] .game-card{background:#0d0d20;border-color:#e0c84a22}[data-theme=day] .g2048-board{background:#ccc0ad}[data-theme=day] #snakeCanvas{border-color:#b0a090}[data-theme=day] .game-card{background:#f0ebe2;border-color:#d8d0c4}@media (width<=960px){:root{--sidebar-w:56px}.logo span,.nav-item span:not(.nav-icon),.np-info,.sidebar-spotify{display:none}.logo{padding:.9rem;font-size:1.1rem}.nav-item{justify-content:center;padding:.9rem}.main-content{padding:1.75rem 1.25rem}.build-container{grid-template-columns:1fr}.cover-studio{flex-direction:column}.dj-console{grid-template-columns:1fr;gap:1rem}.g2048-board{width:100%;max-width:360px}}.vinyl-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:2rem;display:grid}.vinyl-card{cursor:pointer;text-align:center;filter:drop-shadow(0 4px 8px #00000080);transition:transform .22s}.vinyl-card:hover{transform:translateY(-5px)}.vinyl-disc-wrap{justify-content:center;margin-bottom:.9rem;display:flex}.vinyl-disc-outer{background:radial-gradient(circle at 50%, var(--disc-hole) 18%, transparent 19%), repeating-radial-gradient(circle at 50%, var(--disc-a), var(--disc-a) 1px, var(--disc-b) 1px, var(--disc-b) 3px);border:1px solid #282828;border-radius:50%;width:160px;height:160px;transition:box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 0 30px #0009,0 0 0 1px #1a1a1a}.vinyl-card:hover .vinyl-disc-outer{box-shadow:0 0 40px #f5c51826, 0 0 0 1px var(--accent)}.vinyl-disc-outer.spinning{animation:3s linear infinite spin}.vinyl-disc-cover{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.vinyl-disc-grooves{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.vinyl-disc-label{width:42%;height:42%;font-family:var(--font-d);text-align:center;color:#000;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:.45rem;display:flex;overflow:hidden}.vinyl-disc-hole{background:var(--bg);z-index:2;border:1px solid #1a1a1a;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vinyl-card-body{padding:0 .25rem}.vinyl-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:.8rem;overflow:hidden}.vinyl-card-meta{color:var(--text-dim);margin-bottom:.65rem;font-size:.62rem}.vinyl-card-actions{justify-content:center;gap:.35rem;display:flex}#page-build .page-sub:after{content:""}#coverVinylLabel{color:var(--accent);letter-spacing:.15em;text-transform:uppercase;border:1px solid #f5c5184d;margin-left:auto;padding:.3rem .75rem;font-size:.65rem}.g2048-label{z-index:2;font-family:var(--font-d);letter-spacing:.05em;color:var(--text);text-shadow:0 1px 6px #000000e6;pointer-events:none;font-size:1.6rem;position:relative}.g2048-overlay{z-index:20;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}.g2048-win-title{font-family:var(--font-d);color:var(--accent);letter-spacing:.1em;font-size:3rem}.g2048-win-sub{color:var(--text-dim);font-size:.85rem}.g2048-win-img{object-fit:cover;border:2px solid var(--accent);border-radius:50%;width:160px;height:160px}.g2048-tile{width:108px;height:108px;left:calc(var(--c) * (108px + 8px) + 8px);top:calc(var(--r) * (108px + 8px) + 8px);z-index:2;border-radius:4px;justify-content:center;align-items:center;transition:left .12s,top .12s;display:flex;position:absolute;overflow:hidden}.g2048-tile.g2048-new{animation:.15s tileAppear}.g2048-tile.g2048-merged{animation:.2s tileMerge}@keyframes tileAppear{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes tileMerge{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.g2048-label{font-family:var(--font-d);letter-spacing:.04em;text-shadow:0 1px 6px #000c;z-index:3;pointer-events:none;font-size:1.8rem;position:relative}#board2048{height:472px;position:relative}.vu-canvas{border:1px solid var(--border);background:#0a0a0a;border-radius:2px}.dj-vumeters{justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.dj-machine{border:1px solid var(--border);background:linear-gradient(135deg,#0f0f1a 0%,#1a0f1a 50%,#0f1a0f 100%);border-top:3px solid #2a2a3a;grid-column:1/-1;justify-content:center;align-items:center;gap:2rem;margin-top:1rem;padding:1rem 2rem;display:flex}.dj-light{border-radius:50%;width:14px;height:14px;animation:1.4s ease-in-out infinite djBlink}.dj-light:first-child{background:#f24;animation-delay:0s}.dj-light:nth-child(2){background:#f5c518;animation-delay:.2s}.dj-light:nth-child(3){background:#2f8;animation-delay:.4s}.dj-light:nth-child(4){background:#48f;animation-delay:.6s}.dj-light:nth-child(5){background:#f4c;animation-delay:.8s}.dj-light:nth-child(6){background:#f84;animation-delay:1s}@keyframes djBlink{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 8px}}.dj-knob-row{align-items:center;gap:1.25rem;display:flex}.dj-knob{background:radial-gradient(circle at 35% 35%,#555,#111);border:2px solid #333;border-radius:50%;width:28px;height:28px;position:relative}.dj-knob:after{content:"";background:var(--accent);border-radius:2px;width:3px;height:10px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.dj-screen{font-family:var(--font-m);color:#0f8;letter-spacing:.15em;text-align:center;background:#001a0a;border:1px solid #004a1a;min-width:80px;padding:.3rem .8rem;font-size:.65rem}@keyframes toastIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes toastOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate(20px)}}#page-exhibit{background:repeating-linear-gradient(#0000 0 260px,#6543211f 260px,#6543212e 268px,#3c281414 268px 278px,#0000 278px 540px);min-height:100%}.vinyl-grid:after{content:"";background:linear-gradient(90deg,#3d2b1a,#5c3d1e,#3d2b1a,#6b4423,#3d2b1a);border-top:2px solid #2a1a0a;grid-column:1/-1;height:10px;display:block;box-shadow:0 4px 12px #0006}#page-popular{position:relative;overflow:hidden}#page-popular:before{content:"";opacity:.18;pointer-events:none;background:radial-gradient(circle,#1a1a1a 0%,#111 55%,#0a0a0a 100%);border:8px solid #1e1e1e;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-40px;right:-40px}#page-popular:after{content:"";background:radial-gradient(circle at 50%,var(--disc-hole) 20%,transparent 21%), repeating-radial-gradient(circle at 50%,var(--disc-a),var(--disc-a) 1px,var(--disc-b) 1px,var(--disc-b) 3px);opacity:.22;pointer-events:none;border-radius:50%;width:340px;height:340px;animation:6s linear infinite spin-slow;position:absolute;bottom:30px;right:30px}.search-loading{color:var(--text-dim);align-items:center;gap:.75rem;padding:2rem;font-size:.78rem;display:flex}.search-spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.8s linear infinite spinnerRot}@keyframes spinnerRot{to{transform:rotate(360deg)}}.search-error{color:#e8a0a0;background:#1a0a0a;border:1px solid #e74c3c;border-radius:2px;padding:1.5rem;font-size:.78rem;line-height:1.7}.g2048-tile[data-val="2"]{background:#2a2440}.g2048-tile[data-val="4"]{background:#3a2a50}.g2048-tile[data-val="8"]{background:#6b2a0a}.g2048-tile[data-val="16"]{background:#8b3a10}.g2048-tile[data-val="32"]{background:#0a5a2a}.g2048-tile[data-val="64"]{background:#0a3a6a}.g2048-tile[data-val="128"]{background:#5a1a7a}.g2048-tile[data-val="256"]{background:#7a5a00}.g2048-tile[data-val="512"]{background:#006a5a}.g2048-tile[data-val="1024"]{background:#7a001a}.g2048-tile[data-val="2048"]{background:var(--accent)}#deckA{border-color:#3a2a5a}#deckB{border-color:#2a5a3a}#deckA .deck-btn.play{background:#c060f0;border-color:#c060f0}#deckB .deck-btn.play{background:#40d080;border-color:#40d080}#deckA .deck-btn.play:hover{background:#d080ff}#deckB .deck-btn.play:hover{background:#60f0a0}#deckA .knob-group input[type=range]{accent-color:#c060f0}#deckB .knob-group input[type=range]{accent-color:#40d080}#deckA .deck-eq input[type=range]{accent-color:#f84}#deckB .deck-eq input[type=range]{accent-color:#4cf}#discA .deck-disc-label,#discB .deck-disc-label{background:#090909;border-color:#ffffff14}#snakeCanvas{filter:brightness(1.15)saturate(1.2)}.cover-canvas-wrap{position:relative}#coverCanvas{box-shadow:0 0 0 2px var(--border),0 0 60px #000000b3, inset 0 0 30px #0000004d;background:0 0;border-radius:50%}.exhibit-shelf-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.shelf-row{background:linear-gradient(#2a2218 0%,#1a1510 60%,#120f0a 100%);border-top:1px solid #3a2f20;height:6px;position:absolute;left:-2rem;right:-2rem;box-shadow:0 4px 12px #00000080,0 2px #0a0805}.exhibit-shelf-bg:after{content:"";background:repeating-linear-gradient(87deg,#0000 0 18px,#ffdc6404 18px 19px);position:absolute;inset:0}#page-exhibit{position:relative}#page-exhibit .page-header,#page-exhibit .vinyl-grid,#page-exhibit .empty-state{z-index:1;position:relative}.recorder-lights{gap:10px;display:flex;position:absolute;bottom:24px;left:24px}.rec-light{background:hsl(var(--h), 80%, 55%);width:10px;height:10px;animation:1.8s ease-in-out infinite recBlink;animation-delay:calc(var(--h) / 360 * 1s);border-radius:50%}@keyframes recBlink{0%,to{opacity:.2}50%{opacity:1;box-shadow:0 0 6px hsl(var(--h),80%,55%)}}.deck{background:linear-gradient(160deg,#12101e 0%,#0e1a14 50%,#1a0e14 100%);border:1px solid #2a2a3a}.deck-label{text-shadow:0 0 20px}#deckA .deck-label{color:#4a90ff}#deckB .deck-label{color:#f48}.deck-btn.play{background:linear-gradient(135deg,var(--accent),#e8a000)}#deckA .deck-btn.active{color:#fff;background:#4a90ff;border-color:#4a90ff}#deckB .deck-btn.active{color:#fff;background:#f48;border-color:#f48}.crossfader-col{background:linear-gradient(#0f0f1a,#1a0f14);border:1px solid #2a2a3a;border-radius:4px;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;padding:1rem;display:flex}.bpm-val{text-shadow:0 0 16px var(--accent)}.dj-console{gap:1rem}.search-error-inline{color:var(--accent2);letter-spacing:.05em;padding:2rem;font-size:.8rem;line-height:1.8}.g2048-board{border:1px solid #333;border-radius:6px;width:480px;height:480px;padding:8px;display:block;position:relative;overflow:hidden;background:#1a1a2a!important}.g2048-bg-cell{background:#252535;border-radius:4px;position:absolute}.g2048-tile{z-index:2;will-change:left, top;border-radius:4px;justify-content:center;align-items:center;transition:left .1s,top .1s;display:flex;position:absolute;overflow:hidden}.g2048-tile .g2048-label{font-family:var(--font-d);letter-spacing:.03em;z-index:3;text-shadow:0 1px 6px #000c;font-size:2rem;position:relative}.g2048-spawn{animation:.15s ease-out forwards tileSpawn}@keyframes tileSpawn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.g2048-merge-pop{animation:.18s ease-out forwards tilePop}@keyframes tilePop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}#deckB{background:linear-gradient(160deg,#0e1a10 0%,#0a2010 60%,#0e1a10 100%)}#deckA{background:linear-gradient(160deg,#10101e 0%,#0a1020 60%,#10101e 100%)}#deckB input[type=range]{accent-color:#4af}#deckA input[type=range]{accent-color:#95f}#deckAHi,#deckAMid,#deckALo,#deckBHi,#deckBMid,#deckBLo{accent-color:#e8e0d5}#deckA .deck-label{color:#79f;text-shadow:0 0 20px #46f}#deckB .deck-label{color:#4f8;text-shadow:0 0 20px #2c6}#deckA .deck-disc-label,#deckB .deck-disc-label{background:#090909;border-color:#ffffff14}.rec-light{animation-play-state:paused}#snakeCanvas{image-rendering:auto}.player-disc-cover-wrap{flex-shrink:0;width:52px;height:52px;position:relative}.player-cover-img{object-fit:cover;z-index:2;border:1px solid var(--border);border-radius:50%;width:52px;height:52px;display:none;position:absolute;inset:0;box-shadow:0 0 10px #0006}.player-disc{border:1px solid var(--border);background:radial-gradient(circle,#0a0a0a 22%,#0000 23%),repeating-radial-gradient(circle,#171717,#171717 1px,#222 1px 2.5px);border-radius:50%;width:52px;height:52px;animation:3s linear infinite paused spin;position:absolute;inset:0}.lyrics-search-link{color:var(--text-dim);border:1px solid var(--border);border-radius:2px;flex-shrink:0;padding:.1rem .35rem;font-size:.55rem;text-decoration:none}.lyrics-search-link:hover{color:var(--accent);border-color:var(--accent)}#deckBSpeed,#deckBPitch{accent-color:#4af}#deckASpeed,#deckAPitch{accent-color:#96f}.exhibit-shelf-bg{pointer-events:none;z-index:0}.shelf-row:first-child{top:290px}.shelf-row:nth-child(2){top:560px}.shelf-row:nth-child(3){top:830px}.shelf-row:nth-child(4){top:1100px}.search-bar-wrap{align-items:stretch}#searchTypeSelect{background:var(--surface2);border:1px solid var(--border);min-width:90px;color:var(--text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-position:right .55rem center;background-repeat:no-repeat;outline:none;flex-shrink:0;padding:.8rem 1.6rem .8rem .65rem;font-family:inherit;font-size:.78rem}#searchTypeSelect:focus{border-color:var(--accent)}.games-vinyl-select{align-items:center;margin-left:auto;display:flex}.workshop-layout{z-index:1;grid-template-columns:1fr 1fr 1fr;gap:2rem;margin-top:1rem;display:grid;position:relative}.ws-for-you{flex-direction:column;gap:.75rem;display:flex}.ws-fy-profile{flex-wrap:wrap;align-items:center;gap:.6rem;padding:.35rem 0;display:flex}.ws-fy-tagline{font-family:var(--font-m);color:var(--accent);letter-spacing:.04em;font-size:.75rem;font-weight:600}.ws-fy-tags{flex-wrap:wrap;gap:.3rem;display:flex}.ws-fy-tag{background:color-mix(in srgb,var(--accent) 12%,var(--surface2));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);color:var(--accent);font-family:var(--font-m);border-radius:var(--pill);letter-spacing:.06em;padding:.1rem .38rem;font-size:.52rem}.ws-fy-count{font-family:var(--font-m);color:var(--text-dim);margin-left:auto;font-size:.52rem}.ws-fy-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem;display:grid}.ws-fy-card{background:var(--surface2);border:1px solid var(--border);border-radius:6px;flex-direction:column;transition:border-color .15s;display:flex;overflow:hidden}.ws-fy-card:hover{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.ws-fy-thumb{background:var(--surface2);height:80px;overflow:hidden}.ws-fy-thumb img{object-fit:cover;width:100%;height:100%}.ws-fy-info{flex:1;padding:.4rem .5rem .1rem}.ws-fy-title{font-size:.65rem;font-family:var(--font-m);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ws-fy-artist{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:.08rem;font-size:.55rem;overflow:hidden}.ws-fy-play{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:.35rem .5rem;font-size:.85rem;transition:opacity .1s}.ws-fy-play:hover{opacity:.7}.ws-fy-empty,.ws-fy-loading{color:var(--text-dim);font-size:.68rem;font-family:var(--font-m);padding:.5rem 0}.ws-section{background:var(--surface);border:1px solid var(--border);overflow:hidden}.ws-section-hd{border-bottom:1px solid var(--border);background:var(--surface2);align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex}.ws-section-title{font-family:var(--font-d);letter-spacing:.08em;color:var(--accent);flex:1;font-size:1.1rem}.ws-section-body{padding:1rem 1.5rem}.ws-section-tabs{gap:.25rem;display:flex}.ws-tab{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-family:var(--font-m);border-radius:var(--pill);background:0 0;padding:.2rem .55rem;font-size:.6rem;transition:all .15s}.ws-tab.active,.ws-tab:hover{background:var(--accent);color:#000;border-color:var(--accent)}.ws-collapse-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .25rem;font-size:1rem;line-height:1}.ws-collapse-btn:hover{color:var(--accent)}.ws-float-layer{pointer-events:none;z-index:500;flex-direction:column;align-items:center;gap:.4rem;display:flex;position:fixed;bottom:160px;left:50%;transform:translate(-50%)}.ws-float-msg{font-family:var(--font-m);color:var(--accent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--accent);opacity:0;white-space:nowrap;text-overflow:ellipsis;background:#000000b3;border-radius:20px;max-width:320px;padding:.35rem .9rem;font-size:.82rem;transition:opacity .5s;overflow:hidden}.ws-empty{color:var(--text-dim);letter-spacing:.08em;font-size:.72rem;line-height:2}[data-theme=day] .game-overlay-bg{color:var(--text);background:#f5efe3eb}[data-theme=glow] .game-overlay-bg{background:#06121beb}[data-theme=day] .g2048-overlay{background:#f5efe3e6}[data-theme=day] .g2048-win-title,.g2048-win-title{color:var(--accent)}.ws-chart-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.6rem 0;font-size:.75rem;display:flex}.ws-rank{color:var(--text-dim);min-width:1.2rem;font-size:.62rem}.ws-thumb{object-fit:cover;border-radius:50%;flex-shrink:0;width:38px;height:38px}.ws-thumb-placeholder{background:var(--surface2);width:38px;height:38px;color:var(--text-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;display:flex}.ws-chart-info{flex:1;overflow:hidden}.ws-chart-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ws-chart-artist{color:var(--text-dim);font-size:.62rem}.ws-plays{color:var(--accent);flex-shrink:0;font-size:.62rem}.ws-score-row{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.6rem 0;font-size:.75rem;display:flex}.ws-game-icon{flex-shrink:0;font-size:1.2rem}.ws-score-info{flex:1}.ws-score-detail{color:var(--text)}.ws-score-date{color:var(--text-dim);font-size:.62rem}.ws-share-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;background:0 0;flex-shrink:0;padding:.2rem .5rem;font-size:.6rem;transition:all .18s}.ws-share-btn:hover{border-color:var(--accent);color:var(--accent)}.ws-covers-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.75rem;display:grid}.ws-cover-item{text-align:center}.ws-cover-img{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:90px;height:90px}.ws-cover-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;margin-top:.3rem;font-size:.6rem;overflow:hidden}.ws-creations-feed{flex-direction:column;gap:.6rem;display:flex}.ws-creation-card{background:var(--surface2);border:1px solid var(--border);border-radius:6px;align-items:flex-start;gap:.75rem;padding:.55rem .5rem;display:flex}.ws-creation-thumb{object-fit:cover;border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:56px;height:56px}.ws-creation-thumb-ph{background:var(--surface3,var(--surface2));border:1px solid var(--border);width:56px;height:56px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;display:flex}.ws-creation-info{flex:1;min-width:0}.ws-creation-title-row{align-items:center;gap:.4rem;display:flex}.ws-creation-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.72rem;font-weight:600;overflow:hidden}.ws-delete-btn{color:var(--text-dim);cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:.1rem .3rem;font-size:.65rem}.ws-delete-btn:hover{opacity:1;color:#e55}.ws-creation-meta{color:var(--text-dim);text-transform:capitalize;margin:.15rem 0 .35rem;font-size:.6rem}.ws-creation-reactions{flex-wrap:wrap;gap:.35rem;display:flex}.ws-react-btn{background:var(--surface3,var(--surface2));border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:20px;align-items:center;gap:.2rem;padding:.15rem .5rem;font-size:.7rem;transition:background .15s;display:flex}.ws-react-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.ws-react-btn span{text-align:center;min-width:.8rem}@media (width<=960px){.workshop-layout{grid-template-columns:1fr}}.tmatch-board{gap:8px;max-width:640px;margin:0 auto;display:grid}.tmatch-card{background:var(--surface2);border:1px solid var(--border);cursor:pointer;text-align:center;min-height:72px;color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;padding:.75rem .5rem;font-size:.75rem;transition:all .2s;display:flex;position:relative;overflow:hidden}.tmatch-card:hover:not(.matched){border-color:var(--accent);color:var(--text)}.tmatch-card.flipped{background:var(--surface);border-color:var(--accent);color:var(--text)}.tmatch-card.matched{color:#27ae60;cursor:default;background:#27ae601f;border-color:#27ae60}.tmatch-type-badge{color:var(--accent);opacity:.7;font-size:.6rem;position:absolute;top:4px;right:6px}.tmatch-front,.tmatch-back{width:100%}.game-container:not(.hidden){display:inline-block}.workshop-recorder-bg{top:0;left:var(--sidebar-w);pointer-events:none;z-index:0;justify-content:center;align-items:center;padding:0;display:flex;position:fixed;bottom:0;right:0;overflow:hidden}#page-popular .page-header,#page-popular .workshop-layout,#page-popular .ws-chat-section{z-index:2;position:relative}.recorder-body{opacity:.45;background:radial-gradient(circle at 35% 35%,#1e1e2e,#0a0a14);border:2px solid #2a2a3a;border-radius:50%;width:420px;height:420px;position:relative;box-shadow:0 0 120px #00000080,0 0 0 1px #1a1a2a}.recorder-platter{background:radial-gradient(circle,#101010 0%,#181818 100%);border:4px solid #1a1a1a;border-radius:50%;width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 40px #0009}.recorder-vinyl{background:radial-gradient(circle,#060606 20%,#0000 21%),repeating-radial-gradient(circle,#0a0a0a,#0a0a0a 1px,#141414 1px 3px);border-radius:50%;justify-content:center;align-items:center;animation:4s linear infinite paused spin-slow;display:flex;position:absolute;inset:12px}.recorder-label{background:radial-gradient(circle,#f5c518,#c9a000);border-radius:50%;width:32%;height:32%;overflow:hidden}.recorder-arm{transform-origin:top;background:linear-gradient(#888,#333);border-radius:0 0 4px 4px;width:5px;height:140px;position:absolute;top:15%;right:10%;transform:rotate(26deg)}.recorder-arm:after{content:"";background:#555;border-radius:50%;width:14px;height:14px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.sidebar-auth{border-top:1px solid var(--border);align-items:center;gap:.6rem;padding:.75rem 1.25rem;display:flex}.auth-sidebar-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);letter-spacing:.1em;cursor:pointer;background:0 0;flex:1;padding:.45rem .9rem;font-size:.7rem;transition:all .18s}.auth-sidebar-btn:hover{border-color:var(--accent);color:var(--accent)}.auth-avatar{background:var(--accent);color:#000;width:34px;height:34px;font-family:var(--font-d);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:opacity .18s;display:flex;overflow:hidden}.auth-avatar:hover{opacity:.8}.auth-name{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.65rem;overflow:hidden}.auth-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--surface);border:1px solid var(--border);width:380px;max-width:92vw;max-height:90vh;padding:2.5rem 2rem;position:relative;overflow-y:auto}.auth-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1rem;transition:color .18s;position:absolute;top:1rem;right:1rem}.auth-close:hover{color:var(--text)}.auth-logo{font-family:var(--font-d);color:var(--accent);letter-spacing:.1em;text-align:center;margin-bottom:1.5rem;font-size:2rem}.auth-logo span{color:var(--text-dim);letter-spacing:.3em;font-size:.8rem;display:block}.auth-tabs{border:1px solid var(--border);gap:0;margin-bottom:1.5rem;display:flex}.auth-tab{color:var(--text-dim);font-family:var(--font-m);letter-spacing:.1em;cursor:pointer;background:0 0;border:none;flex:1;padding:.6rem;font-size:.75rem;transition:all .18s}.auth-tab.active{background:var(--accent);color:#000}.auth-form{flex-direction:column;gap:.75rem;display:flex}.auth-form.hidden{display:none}.auth-verify-hint{color:var(--text-dim);margin:0;font-size:.78rem;line-height:1.5}.auth-verify-hint strong{color:var(--text)}.auth-code-input{text-align:center;letter-spacing:.4em;font-size:1.1rem}.auth-resend-btn{color:var(--text-dim);font-family:var(--font-m);cursor:pointer;background:0 0;border:none;align-self:center;padding:.2rem;font-size:.72rem;text-decoration:underline}.auth-resend-btn:hover{color:var(--accent)}.auth-forgot-link{color:var(--text-dim);font-family:var(--font-m);cursor:pointer;background:0 0;border:none;align-self:flex-end;margin-top:-.35rem;padding:0;font-size:.72rem;text-decoration:underline}.auth-forgot-link:hover{color:var(--accent)}.auth-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);outline:none;width:100%;padding:.7rem .9rem;font-size:.82rem;transition:border-color .18s}.auth-input:focus{border-color:var(--accent)}.auth-submit{margin-top:.25rem}.auth-divider{color:var(--text-dim);letter-spacing:.1em;align-items:center;gap:.75rem;margin:.25rem 0;font-size:.65rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-oauth-row{gap:.5rem;display:flex}.auth-oauth-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.35rem;padding:.55rem .4rem;font-size:.68rem;transition:all .18s;display:flex}.auth-oauth-btn:hover{border-color:var(--accent)}.auth-profile-menu{background:var(--surface);border:1px solid var(--border);border-radius:6px;min-width:220px;overflow:hidden;box-shadow:0 8px 32px #00000080}.apm-avatar-wrap{justify-content:center;padding:1.1rem 1.25rem .6rem;display:flex}.apm-avatar-lg{background:var(--accent);color:#000;width:56px;height:56px;font-family:var(--font-d);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:relative;overflow:hidden}.apm-avatar-lg img{object-fit:cover;border-radius:50%;width:100%;height:100%}.apm-avatar-overlay{font-family:var(--font-m);letter-spacing:.08em;color:#fff;opacity:0;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;transition:opacity .15s;display:flex;position:absolute;inset:0}.apm-avatar-lg:hover .apm-avatar-overlay{opacity:1}.apm-field{align-items:center;padding:0 1.25rem .5rem;display:flex;position:relative}.apm-name-input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);font-family:var(--font-m);background:0 0;outline:none;padding:.3rem 1.2rem .3rem 0;font-size:.82rem;transition:border-color .2s}.apm-name-input:focus{border-bottom-color:var(--accent)}.apm-saved{color:var(--accent);opacity:0;font-size:.7rem;transition:opacity .2s;position:absolute;right:1.25rem}.apm-saved.visible{opacity:1}.apm-email{color:var(--text-dim);padding:0 1.25rem .8rem;font-size:.65rem}.apm-divider{background:var(--border);height:1px}.apm-item{width:100%;color:var(--text-dim);font-family:var(--font-m);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-size:.75rem;transition:all .18s;display:flex}.apm-item:hover{background:var(--surface2);color:var(--text)}.chat-del-btn{color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;padding:2px 4px;font-size:.65rem;transition:opacity .2s;position:absolute;top:2px;right:-24px}.ws-chat-msg-item.own .chat-del-btn{left:-24px;right:auto}.ws-chat-msg-item:hover .chat-del-btn{opacity:1}.chat-del-btn:hover{color:#e74c3c}.cover-studio{grid-template-columns:200px 1fr 200px;align-items:start;gap:1.5rem;display:grid}.cover-tools-left,.cover-tools-right{max-height:82vh;overflow-y:auto}.cover-tools-right .cover-actions{flex-direction:column;gap:.4rem;display:flex}.img-import-overlay{z-index:11000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.img-import-modal{background:var(--surface);border:1px solid var(--border);flex-direction:column;width:560px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden}.img-import-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.img-import-title{font-family:var(--font-d);letter-spacing:.08em;color:var(--accent);font-size:1.4rem}.img-import-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1rem;transition:color .15s}.img-import-close:hover{color:var(--text)}.img-import-step{padding:1.5rem;overflow-y:auto}.img-import-step.hidden{display:none}.img-drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:4px;margin-bottom:1rem;padding:3rem 2rem;transition:all .2s}.img-drop-zone:hover,.img-drop-zone.drag-over{border-color:var(--accent);background:#f5c5180a}.img-drop-icon{opacity:.5;margin-bottom:.75rem;font-size:2rem}.img-drop-text{color:var(--text);margin-bottom:.3rem;font-size:.85rem}.img-drop-sub{color:var(--text-dim);letter-spacing:.08em;font-size:.68rem}.img-import-sources{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.img-src-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;padding:.5rem .9rem;font-size:.72rem;transition:all .18s}.img-src-btn:hover{border-color:var(--accent);color:var(--accent)}.img-url-row{gap:.5rem;margin-top:.5rem;display:flex}.img-url-row.hidden{display:none}.img-url-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);outline:none;flex:1;padding:.55rem .75rem;font-size:.78rem}.img-url-input:focus{border-color:var(--accent)}.meme-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.75rem;display:grid}.meme-item{cursor:pointer;text-align:center;border:1px solid var(--border);transition:border-color .15s;overflow:hidden}.meme-item:hover{border-color:var(--accent)}.meme-item img{object-fit:cover;width:100%;height:70px;display:block}.meme-item span{color:var(--text-dim);padding:.2rem;font-size:.58rem;display:block}.img-preview-wrap{text-align:center;margin-bottom:1rem;position:relative}#imgPreviewCanvas{border:1px solid var(--border);cursor:grab;border-radius:50%;margin:0 auto;display:block}#imgPreviewCanvas:active{cursor:grabbing}.img-preview-hint{color:var(--text-dim);letter-spacing:.08em;margin-top:.4rem;font-size:.62rem}.img-video-controls{background:var(--surface2);border:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.img-video-controls.hidden{display:none}.img-controls{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}.img-ctrl-group{flex-direction:column;gap:.35rem;display:flex}.img-ctrl-group label{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;font-size:.6rem}.img-ctrl-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;padding:.4rem .7rem;font-size:.7rem;transition:all .18s}.img-ctrl-btn:hover{border-color:var(--accent);color:var(--accent)}.img-import-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.dj-spotify-actions{background:#1db9540f;border:1px solid #1db95440;border-radius:4px;margin:.5rem 0;padding:.85rem}.dj-spotify-hint{color:#1db954;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;font-size:.65rem}.dj-spotify-open-btn{color:#000;font-family:var(--font-m);cursor:pointer;background:#1db954;border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.6rem .75rem;font-size:.75rem;font-weight:700;text-decoration:none;transition:background .18s;display:flex}.dj-spotify-open-btn:hover{background:#1ed760}.dj-spotify-web-btn{color:#1db954;font-family:var(--font-m);white-space:nowrap;background:0 0;border:1px solid #1db95466;align-items:center;padding:.6rem .75rem;font-size:.72rem;text-decoration:none;transition:all .18s;display:flex}.dj-spotify-web-btn:hover{background:#1db9541a}.dj-spotify-save-row{border-top:1px solid #1db95426;flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.65rem;padding-top:.65rem;display:flex}.dj-spotify-save-input{background:var(--surface2);border:1px solid var(--border);min-width:120px;color:var(--text-dim);font-family:var(--font-m);outline:none;flex:1;padding:.4rem .6rem;font-size:.68rem}.dj-spotify-save-input::placeholder{color:var(--text-dim);opacity:.5}.dj-spotify-save-input:focus{color:var(--text);border-color:#1db954}.dj-jamendo-result{background:#1db9540a;border:1px solid #1db9544d;border-radius:4px;margin:.4rem 0;padding:.75rem}.dj-jam-track-info{align-items:center;gap:.65rem;margin-bottom:.5rem;display:flex}.dj-jam-art{object-fit:cover;border-radius:3px;flex-shrink:0;width:44px;height:44px}.dj-jam-art-placeholder{background:var(--surface2);width:44px;height:44px;color:var(--text-dim);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.dj-jam-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.dj-jam-artist{color:var(--text-dim);font-size:.65rem}.dj-jam-source{color:#1db954;letter-spacing:.08em;margin-top:2px;font-size:.58rem}.dj-jam-alts{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;padding-top:.5rem;display:flex}.dj-jam-alt-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;padding:.3rem .55rem;font-size:.65rem;transition:all .15s;overflow:hidden}.dj-jam-alt-btn:hover{border-color:var(--accent);color:var(--text)}.chat-float{z-index:7000;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:300px;font-family:var(--font-m);background:#0e0e0ef7;border-radius:8px;position:fixed;bottom:90px;right:1.5rem;overflow:hidden;box-shadow:0 8px 32px #00000080}.chat-float-bar{background:var(--surface2);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.chat-float-title{color:var(--text-dim);letter-spacing:.1em;font-size:.7rem}.chat-float-traffic{align-items:center;gap:5px;display:flex}.tl-btn{cursor:pointer;border:none;border-radius:50%;width:11px;height:11px;transition:filter .15s,transform .15s}.tl-btn:hover{filter:brightness(1.3);transform:scale(1.15)}.tl-red{background:#ff5f57}.tl-yellow{background:#ffbd2e}.tl-green{background:#28c840}.chat-float-body{flex-direction:column;display:flex}.chat-float-msgs{flex-direction:column;gap:.4rem;height:180px;padding:.65rem .75rem;display:flex;overflow-y:auto}.chat-float-msgs::-webkit-scrollbar{width:2px}.chat-float-msgs::-webkit-scrollbar-thumb{background:var(--border)}.chat-empty-hint{color:var(--text-dim);text-align:center;margin-top:2rem;font-size:.68rem}.cfm-row{flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:.72rem;display:flex}.cfm-row.cfm-own{justify-content:flex-end}.cfm-name{color:var(--accent);flex-shrink:0;font-size:.62rem}.cfm-bubble{background:var(--surface2);color:var(--text);word-break:break-word;border-radius:10px 10px 10px 2px;max-width:200px;padding:.3rem .6rem;line-height:1.4}.cfm-row.cfm-own .cfm-bubble{background:#f5c5181f;border-radius:10px 10px 2px}.cfm-time{color:var(--text-dim);flex-shrink:0;font-size:.55rem}.cfm-del{color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;padding:0 2px;font-size:.58rem;transition:opacity .15s}.cfm-row:hover .cfm-del{opacity:1}.cfm-del:hover{color:#e74c3c}.chat-float-input-row{border-top:1px solid var(--border);gap:.4rem;padding:.5rem .65rem;display:flex}.chat-float-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);border-radius:12px;outline:none;flex:1;padding:.4rem .6rem;font-size:.72rem}.chat-float-input:focus{border-color:var(--accent)}.chat-float-send{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:background .15s;display:flex}.chat-float-send:hover{background:#ffd84d}.ws-chat-float{z-index:10;border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:300px;font-family:var(--font-m);background:#0e0e0ef5;border-radius:8px;position:absolute;bottom:2rem;right:2rem;overflow:hidden;box-shadow:0 8px 32px #00000080}.ws-chat-float-bar{background:var(--surface2);border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.ws-chat-float-title{color:var(--text-dim);letter-spacing:.1em;font-size:.7rem}.ws-chat-float-body{flex-direction:column;display:flex}.ws-chat-float-msgs{flex-direction:column;gap:.4rem;height:180px;padding:.65rem .75rem;display:flex;overflow-y:auto}.ws-chat-float-msgs::-webkit-scrollbar{width:2px}.ws-chat-float-msgs::-webkit-scrollbar-thumb{background:var(--border)}.ws-chat-float-input{border-top:1px solid var(--border);gap:.4rem;padding:.5rem .65rem;display:flex}.ws-chat-float-textbox{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);border-radius:12px;outline:none;flex:1;padding:.4rem .65rem;font-size:.72rem}.ws-chat-float-textbox:focus{border-color:var(--accent)}.ws-chat-float-sendbtn{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;display:flex}.ws-chat-float-sendbtn:hover{background:#ffd84d}#page-popular{min-height:600px;position:relative}.dj-result-card{font-family:var(--font-m);background:#f5c51808;border:1px solid #f5c51840;border-radius:4px;margin:.4rem 0;padding:.7rem}.dj-result-main{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.dj-result-art{object-fit:cover;border-radius:3px;flex-shrink:0;width:42px;height:42px}.dj-result-art-ph{background:var(--surface2);width:42px;height:42px;color:var(--text-dim);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.dj-result-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.dj-result-artist{color:var(--text-dim);font-size:.65rem}.dj-result-badge{color:var(--accent);letter-spacing:.06em;margin-top:2px;font-size:.58rem}.dj-result-alts{border-top:1px solid var(--border);flex-direction:column;gap:.25rem;padding-top:.5rem;display:flex}.dj-alt-btn{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;padding:.3rem .55rem;font-size:.65rem;transition:all .15s;overflow:hidden}.dj-alt-btn:hover{border-color:var(--accent);color:var(--text)}.danmaku-layer{pointer-events:none;z-index:6500;height:140px;position:fixed;top:0;left:0;right:0;overflow:hidden}.danmaku-bullet{white-space:nowrap;font-family:var(--font-m);letter-spacing:.05em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#0009;border-radius:20px;padding:.2rem .6rem;font-size:.78rem;font-weight:700;position:absolute}.ws-chat-section{z-index:1;border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);resize:vertical;border-radius:8px;flex-direction:column;max-width:800px;min-height:220px;margin-top:2rem;transition:all .25s;display:flex;position:relative;overflow:hidden}.ws-chat-header{border-bottom:1px solid var(--border);background:var(--surface2);flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.55rem 1rem;display:flex}.ws-chat-body-wrap{flex-direction:column;flex:1;display:flex;overflow:hidden}.ws-chat-messages{flex-direction:column;flex:1;gap:.6rem;min-height:120px;padding:1rem;display:flex;overflow-y:auto}.ws-chat-msg-item{flex-direction:column;gap:.15rem;max-width:85%;display:flex;position:relative}.ws-chat-msg-item.own{align-self:flex-end;align-items:flex-end}.ws-chat-bubble{color:var(--text);background:var(--surface2);border:1px solid var(--border);word-break:break-word;border-radius:12px 12px 12px 2px;padding:.5rem .85rem;font-size:.78rem;line-height:1.5}.ws-chat-msg-item.own .ws-chat-bubble{color:var(--text);background:#f5c5181a;border-color:#f5c51840;border-radius:12px 12px 2px}.ws-chat-meta{color:var(--text-dim);letter-spacing:.05em;align-items:center;gap:.4rem;font-size:.58rem;display:flex}.ws-chat-name-tag{color:var(--accent)}.chat-edit-btn{color:var(--text-dim);cursor:pointer;opacity:0;background:0 0;border:none;padding:2px 4px;font-size:.65rem;transition:opacity .2s;position:absolute;top:2px;right:2px}.ws-chat-msg-item.own .chat-edit-btn{left:2px;right:auto}.ws-chat-msg-item:hover .chat-edit-btn{opacity:1}.chat-edit-btn:hover{color:var(--accent2)}.ws-chat-messages::-webkit-scrollbar{width:3px}.ws-chat-messages::-webkit-scrollbar-thumb{background:var(--border)}.ws-chat-input-row{border-top:1px solid var(--border);gap:.5rem;padding:.75rem 1rem;display:flex}.ws-chat-msg{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);outline:none;flex:1;padding:.55rem .75rem;font-size:.75rem}.ws-chat-msg:focus{border-color:var(--accent)}.ws-chat-minimized{bottom:90px;left:calc(var(--sidebar-w) + 1.5rem);z-index:500;border-radius:8px 8px 0 0;width:260px;margin:0;position:fixed;box-shadow:0 4px 20px #00000080}.ws-chat-minimized .ws-chat-body-wrap.hidden{display:none}.dj-yt-wrap{padding:.4rem 0}.dj-yt-label{color:var(--text-dim);letter-spacing:.08em;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.62rem;display:flex}.dj-yt-hint{color:var(--text-dim);letter-spacing:.04em;margin-top:.35rem;font-size:.6rem}.dj-yt-search-link{color:var(--accent);text-decoration:none}.dj-yt-search-link:hover{text-decoration:underline}.dj-yt-file-mode{text-align:center;padding:.6rem .4rem}.dj-file-notice{margin-bottom:.6rem;font-size:.7rem}.dj-file-btns{justify-content:center;gap:.5rem;display:flex}.dj-open-btn{font-family:var(--font-m);cursor:pointer;border-radius:3px;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .18s;display:flex}.dj-yt-btn{color:#fff;background:red}.dj-yt-btn:hover{background:#c00}.dj-yt-search-btn{border:1px solid var(--border);color:var(--text-dim);background:0 0}.dj-yt-search-btn:hover{border-color:var(--accent);color:var(--accent)}.dj-server-tip{color:var(--text-dim);letter-spacing:.04em;margin-top:.6rem;font-size:.6rem}.dj-server-tip code{color:var(--accent);background:var(--surface2);border-radius:2px;padding:.1rem .3rem}.deck-drag-over{border-color:var(--accent);background:#f5c5180d}.dj-drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:6px;margin:.4rem 0;padding:1.25rem 1rem;transition:all .2s}.dj-drop-zone:hover{border-color:var(--accent);background:#f5c51808}.dj-drop-icon{margin-bottom:.35rem;font-size:1.6rem}.dj-drop-text{color:var(--text);margin-bottom:.2rem;font-size:.78rem}.dj-drop-sub{color:var(--text-dim);margin-bottom:.6rem;font-size:.62rem}.dj-drop-browse{cursor:pointer;background:var(--accent);color:#000;font-family:var(--font-m);border-radius:2px;padding:.35rem .9rem;font-size:.7rem;font-weight:700;transition:background .15s;display:inline-block}.dj-drop-browse:hover{background:#ffd84d}.dj-drop-divider{color:var(--text-dim);letter-spacing:.08em;margin-top:.65rem;font-size:.6rem}.dj-loaded-track{padding:.5rem .25rem}.dj-loaded-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.5rem;font-size:.75rem;overflow:hidden}.dj-loaded-progress{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.dj-progress-bar{background:var(--border);cursor:grab;-webkit-user-select:none;user-select:none;border-radius:3px;flex:1;height:6px;position:relative}.dj-progress-bar.scrubbing{cursor:grabbing}.dj-progress-bar.scrubbing .dj-progress-fill{transition:none}.dj-progress-fill{background:var(--accent);pointer-events:none;border-radius:3px;width:0%;height:100%;transition:width .25s linear}.dj-time{color:var(--text-dim);flex-shrink:0;min-width:60px;font-size:.6rem}.dj-change-btn{cursor:pointer;font-family:var(--font-m);color:var(--text-dim);border:1px solid var(--border);padding:.25rem .6rem;font-size:.65rem;transition:all .15s;display:inline-block}.dj-change-btn:hover{border-color:var(--accent);color:var(--accent)}.dj-sp-ready{color:#1db954;margin-top:.35rem;font-size:.65rem}.dj-sp-free{color:var(--accent2);margin-top:.35rem;font-size:.65rem}.dj-sp-hint{color:var(--text-dim);margin-top:.35rem;font-size:.62rem}.dj-sp-card{background:#1db95408;border-color:#1db95459}.dj-import-prompt{border:2px dashed var(--border);text-align:center;border-radius:4px;margin:.4rem 0;padding:1rem}.dj-import-hint{color:var(--text);margin-bottom:.25rem;font-size:.75rem}.dj-import-sub{color:var(--text-dim);margin-bottom:.65rem;font-size:.6rem}.dj-import-btn{margin-top:0}.deck-bpm-row{align-items:center;gap:.5rem;padding:.2rem 0;display:flex}.deck-bpm-label{letter-spacing:.2em;color:var(--text-dim);font-size:.55rem;font-family:var(--font-m);text-transform:uppercase}.deck-bpm-val{font-size:.9rem;font-family:var(--font-m);color:var(--accent);min-width:2.5rem}.deck-keylock-btn{padding:.2rem .45rem;font-size:.75rem}.deck-keylock-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.deck-pfl-btn{padding:.18rem .38rem;font-size:.8rem}.deck-pfl-btn.active{color:#4a90e2;background:#4a90e240;border-color:#4a90e2;box-shadow:0 0 8px #4a90e266}.cue-level-wrap{flex-direction:column;gap:.2rem;margin:.5rem 0 .2rem;display:flex}.cue-level-wrap input{accent-color:#4a90e2;width:100%}.dj-exhibit-search{-webkit-backdrop-filter:blur(20px)saturate(160%);background:#ffffff0f;padding:.55rem .8rem;position:relative;box-shadow:0 4px 20px #00000040}.dj-exhibit-search input{width:100%;font-family:var(--font-m);color:#ffffffd9;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;outline:none;padding:.42rem .85rem;font-size:.65rem;transition:border-color .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffff1a,0 2px 8px #0003}.dj-exhibit-search input::placeholder{color:#ffffff4d}.dj-exhibit-search input:focus{border-color:#ffffff59;box-shadow:inset 0 1px #ffffff26,0 0 0 3px #ffffff0f,0 2px 8px #0003}.dj-exhibit-results{z-index:200;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#14141eb3;border:1px solid #ffffff1f;border-radius:10px;max-height:220px;position:absolute;top:calc(100% + .3rem);left:.8rem;right:.8rem;overflow-y:auto;box-shadow:0 12px 40px #0009,inset 0 1px #ffffff1a}.dj-exr-item{cursor:pointer;border-bottom:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.38rem .7rem;display:flex}.dj-exr-item:last-child{border-bottom:none}.dj-exr-item:hover{background:#ffffff14}.dj-exr-cover{object-fit:cover;background:var(--border);border-radius:2px;flex-shrink:0;width:28px;height:28px}.dj-exr-info{flex:1;min-width:0}.dj-exr-track{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.dj-exr-album{color:var(--text-dim);font-size:.52rem}.dj-exr-btns{flex-shrink:0;gap:.3rem;display:flex}.dj-exr-btn{border:1px solid var(--border2);background:var(--surface);color:var(--text-dim);cursor:pointer;font-size:.52rem;font-family:var(--font-m);border-radius:2px;padding:.2rem .4rem}.dj-exr-btn:hover{border-color:var(--accent);color:var(--accent)}.dj-sampler{background:#0d0d0d;border-top:1px solid #1a1a1a;padding:.5rem .8rem .6rem}.dj-sampler-hd{align-items:center;gap:.8rem;margin-bottom:.4rem;display:flex}.dj-sampler-lbl{font-family:var(--font-m);letter-spacing:.18em;color:#4a4a4a;text-transform:uppercase;font-size:.52rem}.dj-sampler-hint{font-size:.5rem;font-family:var(--font-m);color:#282828}.dj-sampler-pads{grid-template-columns:repeat(8,1fr);gap:.35rem;display:grid}.dj-pad{background:color-mix(in srgb,var(--pc,#7b4ae2) 15%,#111);border:1px solid color-mix(in srgb,var(--pc,#7b4ae2) 35%,transparent);color:color-mix(in srgb,var(--pc,#7b4ae2) 80%,#888);font-family:var(--font-m);cursor:pointer;text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;min-height:44px;padding:.5rem .25rem;font-size:.52rem;transition:all .1s;display:flex;overflow:hidden}.dj-pad:hover{background:color-mix(in srgb,var(--pc,#7b4ae2) 25%,#111);border-color:color-mix(in srgb,var(--pc,#7b4ae2) 60%,transparent)}.dj-pad.loaded{border-color:color-mix(in srgb,var(--pc,#7b4ae2) 70%,transparent);color:var(--pc,#7b4ae2)}.dj-pad.firing{background:var(--pc,#7b4ae2);color:#000;transform:scale(.95)}.dj-pad.drag-over{outline:2px dashed var(--pc,#7b4ae2);outline-offset:2px}.automix-row{align-items:center;gap:.3rem;margin:.4rem 0;display:flex}.automix-row select{color:#666;font-family:var(--font-m);cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;flex:1;padding:.18rem .3rem;font-size:.55rem}#automixBtn{white-space:nowrap;flex:1;font-size:.58rem}#automixBtn.active{color:#4ae2a8;background:#244236;border-color:#4ae2a8}.deck-compat-badge{font-size:.5rem;font-family:var(--font-m);letter-spacing:.03em;white-space:nowrap;border-radius:3px;padding:.08rem .28rem;transition:all .2s}.deck-compat-badge[data-compat=perfect]{color:#4ae2a8;background:#4ae2a82e;border:1px solid #4ae2a866}.deck-compat-badge[data-compat=energy]{color:#4a90e2;background:#4a90e226;border:1px solid #4a90e259}.deck-compat-badge[data-compat=compatible]{color:#e2a84a;background:#e2a84a26;border:1px solid #e2a84a59}.deck-compat-badge[data-compat=clash]{color:#e24a4a;background:#e24a4a1f;border:1px solid #e24a4a4d}.deck-pl-row[data-compat=perfect]{border-left:2px solid #4ae2a899}.deck-pl-row[data-compat=energy]{border-left:2px solid #4a90e280}.deck-pl-row[data-compat=compatible]{border-left:2px solid #e2a84a80}.deck-pl-row[data-compat=clash]{opacity:.45}.deck-pl-key{font-size:.48rem;font-family:var(--font-m);color:#4ae2a8;opacity:.7;margin-left:auto}.deck-key-disp{font-size:.62rem;font-family:var(--font-m);color:#4ae2a8;letter-spacing:.04em;white-space:nowrap;cursor:default;background:#4ae2a81a;border:1px solid #4ae2a840;border-radius:3px;padding:.1rem .35rem}.deck-loop-in-btn,.deck-loop-out-btn{letter-spacing:.05em;padding:.35rem .4rem;font-size:.6rem}.deck-loop-in-btn.active,.deck-loop-out-btn.active{color:#000;background:gold;border-color:gold}.deck-disc-wrap.scratching{cursor:grab}.deck-disc-wrap.scratching .deck-disc{animation-play-state:paused}.studio-section{border-top:1px solid var(--border);margin-top:1.5rem;padding-top:1.25rem}.studio-header{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.9rem;display:flex}.studio-title{font-family:var(--font-d);letter-spacing:.04em;font-size:1.6rem;line-height:1}.studio-title em{color:var(--accent);font-style:italic}.studio-sub{color:var(--text-dim);letter-spacing:.14em;text-transform:uppercase;flex:1;font-size:.6rem}.studio-ext-links{align-items:center;gap:.45rem;margin-left:auto;display:flex}.seq-container{background:var(--surface);border:1px solid var(--border);padding:1rem}.seq-toolbar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.seq-label{letter-spacing:.2em;color:var(--text-dim);font-size:.6rem;font-family:var(--font-m);text-transform:uppercase}.seq-bpm-disp{font-size:.8rem;font-family:var(--font-m);color:var(--accent);min-width:2.5rem}.seq-grid{flex-direction:column;gap:.4rem;display:flex}.seq-row{align-items:stretch;gap:.5rem;display:flex}.seq-hdr{margin-bottom:-.15rem}.seq-group{flex:1;grid-template-columns:repeat(4,1fr);gap:.22rem;display:grid}.seq-beat-num{font-size:.5rem;font-family:var(--font-m);color:var(--text-dim);text-align:center;letter-spacing:.08em;padding-bottom:.18rem}.seq-inst-label{font-size:.58rem;font-family:var(--font-m);letter-spacing:.08em;text-transform:uppercase;flex-shrink:0;align-items:center;width:3.6rem;display:flex}.seq-btn{aspect-ratio:1;border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:3px;width:100%;transition:background 80ms,border-color 80ms,box-shadow 80ms}.seq-btn:hover{border-color:var(--text-dim);background:var(--surface3,#1e1e1e)}.seq-btn.seq-on{background:var(--inst-color,var(--accent));border-color:var(--inst-color,var(--accent));box-shadow:0 0 6px color-mix(in srgb,var(--inst-color,var(--accent)) 50%,transparent)}.seq-btn.seq-cur{outline-offset:-2px;outline:2px solid #fff}.seq-btn.seq-on.seq-cur{outline-color:#fff}.soundtrack-section{border-top:1px solid var(--border);margin-top:3rem;padding-top:2rem}.soundtrack-header{margin-bottom:1.5rem}.soundtrack-title{font-family:var(--font-d);letter-spacing:.06em;color:var(--text);margin:0;font-size:2rem}.soundtrack-title em{color:var(--accent);font-style:italic}.soundtrack-sub{color:var(--text-dim);letter-spacing:.12em;margin-top:.25rem;font-size:.72rem}.soundtrack-apps{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}@media (width<=900px){.soundtrack-apps{grid-template-columns:1fr}}.strack-card{background:var(--surface2);border:1px solid var(--border);flex-direction:column;gap:.75rem;padding:1.25rem;transition:border-color .2s;display:flex}.strack-card:hover{border-color:var(--accent)}.strack-icon{font-size:1.8rem}.strack-name{font-family:var(--font-d);letter-spacing:.06em;color:var(--text);font-size:1.2rem}.strack-desc{color:var(--text-dim);margin-top:.2rem;font-size:.72rem;line-height:1.6}.strack-tags{flex-wrap:wrap;gap:.35rem;margin-top:.35rem;display:flex}.strack-tags span{letter-spacing:.1em;color:var(--text-dim);border:1px solid var(--border);padding:.15rem .4rem;font-size:.58rem}.strack-open{margin-top:auto;font-size:.72rem}.strack-embed-wrap{border:1px solid var(--border);overflow:hidden}.strack-embed-wrap.hidden{display:none}.strack-embed-bar{background:var(--surface2);border-bottom:1px solid var(--border);font-family:var(--font-d);letter-spacing:.06em;color:var(--accent);justify-content:space-between;align-items:center;padding:.65rem 1rem;font-size:.9rem;display:flex}.auth-oauth-coming{opacity:.6;cursor:default}.auth-oauth-coming:hover{border-color:var(--border)}.coming-badge{background:var(--border);color:var(--text-dim);letter-spacing:.08em;vertical-align:middle;border-radius:2px;margin-left:.2rem;padding:.1rem .3rem;font-size:.52rem}.djai-panel{background:var(--surface2);border:1px solid var(--border);border-radius:8px;margin:1.5rem 0;overflow:hidden}.djai-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex}.djai-tabs{gap:.4rem;display:flex}.djai-tab{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-d);letter-spacing:.06em;cursor:pointer;background:0 0;border-radius:4px;padding:.3rem .8rem;font-size:.72rem;transition:all .15s}.djai-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}.djai-refresh{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.2rem .5rem;font-size:1rem;transition:color .15s}.djai-refresh:hover{color:var(--accent)}.djai-content{min-height:80px;padding:.75rem 1rem}.djai-reason{color:var(--text-dim);letter-spacing:.06em;margin-bottom:.5rem;font-size:.62rem}.djai-empty{color:var(--text-dim);text-align:center;padding:1rem;font-size:.72rem}.djai-card{border:1px solid var(--border);border-radius:5px;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.4rem;padding:.5rem .6rem;transition:border-color .15s;display:flex}.djai-card:hover{border-color:var(--accent)}.djai-card-info{flex:1;min-width:0}.djai-card-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.djai-card-meta{color:var(--text-dim);font-size:.62rem}.djai-genre-tag{background:var(--accent);color:#000;letter-spacing:.06em;border-radius:2px;padding:.1rem .3rem;font-size:.55rem}.djai-card-btns{flex-shrink:0;gap:.3rem;display:flex}.djai-load-btn{background:var(--surface);border:1px solid var(--border);color:var(--accent);cursor:pointer;font-size:.65rem;font-family:var(--font-d);border-radius:3px;padding:.2rem .5rem;transition:all .15s}.djai-load-btn:hover{background:var(--accent);color:#000;border-color:var(--accent)}.djai-stats-row{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}.djai-stat{background:var(--surface);text-align:center;border-radius:5px;padding:.4rem .5rem}.djai-stat-val{font-family:var(--font-d);color:var(--accent);font-size:.8rem;font-weight:700}.djai-stat-lbl{color:var(--text-dim);letter-spacing:.07em;margin-top:.1rem;font-size:.55rem}.djai-energy-row{align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.djai-energy-lbl{color:var(--text-dim);letter-spacing:.06em;flex-shrink:0;width:3rem;font-size:.6rem}.djai-energy-track{background:var(--surface);border-radius:3px;flex:1;height:6px;overflow:hidden}.djai-energy-fill{border-radius:3px;height:100%;transition:width .5s}.djai-energy-pct{color:var(--text-dim);text-align:right;flex-shrink:0;width:2.5rem;font-size:.65rem}.djai-deck-states{gap:.5rem;margin-bottom:.6rem;display:flex}.djai-deck-state{border:1px solid var(--border);border-radius:5px;flex:1;padding:.4rem .6rem;font-size:.6rem}.djai-deck-state.playing{border-color:var(--accent)}.djai-deck-id{font-family:var(--font-d);color:var(--accent);font-size:.6rem;display:block}.djai-deck-status{color:var(--text-dim);margin:.1rem 0;display:block}.djai-deck-track{color:var(--text);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.djai-tips{flex-direction:column;gap:.3rem;display:flex}.djai-tip{color:var(--accent2,#f5a623);border-left:2px solid var(--accent2,#f5a623);background:#f5a62312;border-radius:4px;padding:.3rem .5rem;font-size:.68rem}.disc-tabs-bar{gap:.5rem;margin:.75rem 0 1rem;display:flex}.disc-tab{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-d);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:20px;padding:.35rem 1rem;font-size:.75rem;transition:all .15s}.disc-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}.disc-panel{flex-direction:column;gap:1rem;display:flex}.disc-filters{flex-wrap:wrap;gap:.5rem;display:flex}.disc-filters select,.disc-filters input,.disc-compose-tags select,.disc-compose-tags input{appearance:none;background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);cursor:pointer;outline:none;min-width:0;padding:.3rem .65rem;font-size:.72rem;transition:border-color .15s}.disc-filters select:focus,.disc-filters input:focus,.disc-compose-tags select:focus,.disc-compose-tags input:focus{border-color:var(--accent)}.disc-posts{flex-direction:column;gap:.6rem;max-height:500px;display:flex;overflow-y:auto}.disc-post{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:.75rem .9rem}.disc-post-meta{flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:.45rem;display:flex}.disc-post-avatar{background:var(--accent);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.65rem;font-weight:700;display:flex}.disc-post-avatar-photo{object-fit:cover;background:0 0}.disc-post-user{color:var(--text);font-size:.72rem;font-weight:600}.disc-post-time{color:var(--text-dim);margin-left:auto;font-size:.6rem}.disc-badge{letter-spacing:.05em;border-radius:10px;padding:.1rem .4rem;font-size:.55rem}.disc-region{color:#4ecb91;background:#4ecb911f}.disc-genre{background:rgba(var(--accent-rgb,180,140,255),.12);color:var(--accent)}.disc-artist{color:#f5a623;background:#f5a6231f}.disc-post-text{color:var(--text);font-size:.78rem;line-height:1.5}.disc-post-album{color:var(--text-dim);margin-top:.3rem;font-size:.65rem}.disc-post-footer{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.disc-like-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.1rem .3rem;font-size:.65rem;transition:color .15s}.disc-like-btn:hover,.disc-like-btn.liked{color:#ff5f5f}.disc-del-btn{color:var(--text-dim);cursor:pointer;opacity:.5;background:0 0;border:none;padding:.1rem .3rem;font-size:.6rem}.disc-del-btn:hover{opacity:1;color:#ff5f5f}.disc-reply-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.1rem .3rem;font-size:.62rem;transition:color .15s}.disc-reply-btn:hover{color:var(--accent)}.disc-edit-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.1rem .3rem;font-size:.62rem;transition:color .15s}.disc-edit-btn:hover{color:var(--accent2)}.disc-reply-form{background:var(--surface);border:1px solid var(--border);border-radius:4px;margin-top:.5rem;padding:.5rem}.disc-reply-form-btns{gap:.4rem;margin-top:.3rem;display:flex}.disc-reply-textarea{box-sizing:border-box;width:100%}.disc-replies{flex-direction:column;gap:.3rem;margin-top:.5rem;display:flex}.disc-reply{background:var(--surface);border-left:2px solid var(--border);border-radius:0 3px 3px 0;align-items:baseline;gap:.4rem;padding:.3rem .5rem;font-size:.68rem;display:flex}.disc-reply-user{color:var(--accent);flex-shrink:0;font-weight:600}.disc-reply-text{color:var(--text);flex:1}.disc-del-reply-btn{color:var(--text-dim);cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.55rem}.disc-del-reply-btn:hover{opacity:1;color:#ff5f5f}.disc-empty{color:var(--text-dim);text-align:center;padding:1.5rem;font-size:.72rem}.disc-myblog-heading{letter-spacing:.08em;color:var(--accent);text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:.6rem;padding-bottom:.3rem;font-size:.68rem}.disc-compose{background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:.75rem}.disc-compose-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.disc-compose-row{align-items:flex-end;gap:.5rem;display:flex}.disc-textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);resize:none;border-radius:4px;outline:none;flex:1;padding:.5rem .7rem;font-family:inherit;font-size:.78rem;line-height:1.4}.disc-textarea:focus{border-color:var(--accent)}.snap-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem .1rem .4rem;display:flex}.snap-header-center{align-items:center;gap:.55rem;display:flex}.snap-ghost{font-size:1.5rem;line-height:1}.snap-header-title{font-family:var(--font-d);letter-spacing:.06em;color:var(--accent);font-size:1.9rem}.snap-icon-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:50%;padding:.35rem .55rem;font-size:.85rem;transition:all .15s}.snap-icon-btn:hover{border-color:var(--accent);color:var(--accent)}.snap-chat-tabs{border-bottom:1px solid var(--border);padding-bottom:.4rem}#page-discussion .disc-tab{border-radius:var(--pill)}#page-discussion .disc-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}.snap-chat-panel .disc-posts{max-height:400px}.snap-compose-bar{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-top:.5rem;padding:.6rem .75rem}.snap-send-btn{border-radius:var(--pill);background:var(--accent);color:#000;border-color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1rem;display:flex}.snap-send-btn:hover{filter:brightness(1.1)}.snap-ws-chat{border-radius:var(--radius-lg);border-color:var(--border)}.snap-ws-header{background:var(--surface2);border-bottom:1px solid var(--border)}.snap-ws-title-row{align-items:center;gap:.5rem;display:flex}.snap-ws-ghost{font-size:1.2rem;line-height:1}.snap-ws-title{font-family:var(--font-d);letter-spacing:.06em;color:var(--accent);font-size:1.35rem}.snap-ws-stories{scrollbar-width:none;border-bottom:1px solid var(--border);gap:.6rem;padding:.55rem .9rem .4rem;display:flex;overflow-x:auto}.snap-ws-stories::-webkit-scrollbar{display:none}.snap-ws-story{cursor:pointer;opacity:.85;flex-shrink:0;transition:opacity .15s}.snap-ws-story:hover{opacity:1}.snap-ws-ring{background:conic-gradient(var(--accent) 0%,var(--accent2) 50%,var(--accent) 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:2px;display:flex}.snap-ws-av{background:var(--surface2);border:2px solid var(--bg);width:34px;height:34px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.snap-ws-input-row{gap:.4rem}.snap-ws-input{border-radius:var(--pill)}.snap-ws-send{border-radius:var(--pill);background:var(--accent);color:#000;border-color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:.9rem;display:flex}.snap-ws-send:hover{filter:brightness(1.1)}.snap-ws-chat .ws-chat-bubble{background:var(--surface2);border-color:var(--border);border-radius:12px 12px 12px 3px}.snap-ws-chat .ws-chat-msg-item.own .ws-chat-bubble{background:var(--surface3);border-color:var(--border2);border-radius:12px 12px 3px}[data-theme=glow] .snap-ws-chat .ws-chat-msg-item.own .ws-chat-bubble{background:#67e8ff17;border-color:#67e8ff33}[data-theme=day] .snap-ws-chat .ws-chat-msg-item.own .ws-chat-bubble{background:#e8421f12;border-color:#e8421f2e}.mine-board-wrap{justify-content:center;padding-bottom:.5rem;display:flex;overflow-x:auto}#mineBoard{background:#12121e;border-radius:4px;gap:2px;width:fit-content;padding:6px;display:grid}.mine-cell{background:var(--surface2);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #2a2a3a;border-radius:2px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;font-weight:700;transition:background .1s;display:flex}.mine-cell:hover:not(.mine-revealed){border-color:var(--accent);background:#2a2a3a}.mine-cell.mine-revealed{cursor:default;background:#0e0e18;border-color:#191926}.mine-cell.mine-boom{background:#3a0a0a;border-color:#c0392b}.mine-cell.mine-flagged{background:#fffc000f}.mine-cell[data-n="1"]{color:#4a9edd}.mine-cell[data-n="2"]{color:#4ecb71}.mine-cell[data-n="3"]{color:#e8734a}.mine-cell[data-n="4"]{color:#9b59b6}.mine-cell[data-n="5"]{color:#e74c3c}.mine-cell[data-n="6"]{color:#00bcd4}.mine-cell[data-n="7"]{color:var(--text)}.mine-cell[data-n="8"]{color:#666}[data-theme=day] .deck,[data-theme=day] #deckA,[data-theme=day] #deckB{background:var(--surface);border:1.5px solid var(--text)}[data-theme=day] .crossfader-col{background:var(--surface2);border:1.5px solid var(--text)}[data-theme=day] .dj-machine{background:var(--surface2);border:1.5px solid var(--text);border-top:3px solid var(--text)}[data-theme=day] .dj-knob{background:radial-gradient(circle at 35% 35%, var(--surface3), var(--border2));border:2px solid var(--text)}[data-theme=day] .deck-label,[data-theme=day] .bpm-val{text-shadow:none}[data-theme=day] #deckA .deck-label,[data-theme=day] #deckB .deck-label{color:var(--text)}[data-theme=day] .shelf-row{background:linear-gradient(#d8c9a8 0%,#cbb892 60%,#bda87e 100%);border-top:1px solid #e7dcc4;box-shadow:0 4px 12px #281e0f1f,0 2px #281e0f1f}[data-theme=glow] .shelf-row{border-top:1px solid var(--border);background:linear-gradient(#67e8ff1a,#0000);height:2px;box-shadow:0 0 12px #67e8ff1a}[data-theme=glow] #page-exhibit{background:0 0}[data-theme=day] #page-exhibit{background:repeating-linear-gradient(#0000 0 260px,#9678461a 260px,#96784629 268px,#0000 268px 540px)}[data-theme=glow] .vinyl-grid:after{border-top:1px solid var(--border);background:linear-gradient(90deg,#0000,#67e8ff33,#0000);height:2px;box-shadow:0 0 14px #67e8ff26}[data-theme=day] .vinyl-grid:after{border-top:2px solid var(--border2);background:linear-gradient(90deg,#cbb892,#bda87e,#cbb892,#c4ad84,#cbb892);box-shadow:0 4px 12px #281e0f1f}[data-theme=day] .bg-platter,[data-theme=day] .recorder-vinyl{background:radial-gradient(circle,var(--surface3) 0%,var(--border) 60%,var(--border2) 100%);border-color:var(--border2)}[data-theme=day] .snap-send-btn,[data-theme=day] .snap-ws-send,[data-theme=day] #page-discussion .disc-tab.active{color:#fff}.asst{z-index:240;font-family:var(--font-s);position:fixed;bottom:1.5rem;right:1.5rem}body:has(.player-bar.visible) .asst{bottom:calc(var(--player-h) + 1.5rem)}body:has(#page-landing.active) .asst{display:none}.asst-fab{border-radius:var(--pill);cursor:pointer;background:var(--accent);color:#000;width:56px;height:56px;box-shadow:var(--shadow);border:none;justify-content:center;align-items:center;transition:transform .18s,box-shadow .18s,filter .18s;display:flex}.asst-fab:hover{filter:brightness(1.06);transform:translateY(-2px)}.asst-fab-ic{font-size:1.5rem;line-height:1}.asst-open .asst-fab{transform:rotate(90deg)}.asst-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:340px;max-width:calc(100vw - 3rem);max-height:min(70vh,520px);box-shadow:var(--shadow);transform-origin:100% 100%;opacity:0;pointer-events:none;flex-direction:column;transition:opacity .2s,transform .2s cubic-bezier(.2,.7,.3,1);display:flex;position:absolute;bottom:calc(100% + .75rem);right:0;overflow:hidden;transform:translateY(12px)scale(.98)}.asst-panel[hidden]{display:none}.asst-open .asst-panel{opacity:1;pointer-events:auto;transform:none}.asst-head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:.6rem;padding:.85rem 1rem;display:flex}.asst-orb{background:conic-gradient(from 0deg,var(--accent),var(--accent2),var(--accent));border-radius:50%;flex:none;width:26px;height:26px}.asst-head-tx{flex:1;min-width:0}.asst-title{font-family:var(--font-d);letter-spacing:.04em;color:var(--text);font-size:1.05rem;line-height:1.1}.asst-status{font-family:var(--font-m);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);font-size:.6rem}.asst-close{cursor:pointer;width:28px;height:28px;color:var(--text-dim);border-radius:var(--radius);background:0 0;border:none;flex:none;justify-content:center;align-items:center;font-size:1.3rem;line-height:1;transition:color .15s,background .15s;display:flex}.asst-close:hover{color:var(--text);background:var(--surface2)}.asst-body{flex:1;padding:.9rem 1rem;overflow-y:auto}.asst-greet{color:var(--text);margin-bottom:.85rem;font-size:.8rem;line-height:1.55}.asst-context{color:var(--text-dim);background:var(--surface2);border-left:2px solid var(--accent);border-radius:var(--radius);margin-top:.5rem;padding:.55rem .7rem;font-size:.74rem;line-height:1.5;display:block}.asst-context b{color:var(--text)}.asst-list{flex-direction:column;gap:.3rem;display:flex}.asst-item{text-align:left;cursor:pointer;border-radius:var(--radius);width:100%;color:var(--text);background:0 0;border:1px solid #0000;align-items:center;gap:.7rem;padding:.55rem .6rem;transition:background .15s,border-color .15s;display:flex}.asst-item:hover{background:var(--surface2);border-color:var(--border)}.asst-item.on{background:var(--surface2);border-color:var(--accent)}.asst-item-ic{text-align:center;width:20px;color:var(--accent);flex:none;font-size:.95rem}.asst-item-tx{flex-direction:column;flex:1;min-width:0;display:flex}.asst-item-name{font-size:.8rem;font-weight:600;line-height:1.2}.asst-item-tip{font-family:var(--font-m);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.64rem;line-height:1.4;overflow:hidden}.asst-item-go{color:var(--text-dim);opacity:0;flex:none;transition:opacity .15s,transform .15s}.asst-item:hover .asst-item-go{opacity:1;transform:translate(2px)}.asst-pills{border-bottom:1px solid var(--border);flex-wrap:wrap;flex:none;gap:.3rem;padding:.6rem 1rem .2rem;display:flex}.asst-pill{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);letter-spacing:.04em;border-radius:var(--pill);cursor:pointer;white-space:nowrap;background:0 0;padding:.22rem .55rem;font-size:.6rem;transition:background .14s,border-color .14s,color .14s}.asst-pill:hover{border-color:var(--accent);color:var(--accent)}.asst-pill.on{border-color:var(--accent);background:var(--accent);color:#000}.asst-msgs{flex-direction:column;flex:1;gap:.5rem;padding:.65rem 1rem;display:flex;overflow-y:auto}.asst-msgs::-webkit-scrollbar{width:2px}.asst-msgs::-webkit-scrollbar-thumb{background:var(--border)}.asst-msg{flex-direction:column;max-width:88%;display:flex}.asst-msg.bot{align-self:flex-start}.asst-msg.usr{align-self:flex-end;align-items:flex-end}.asst-bubble{background:var(--surface2);border:1px solid var(--border);color:var(--text);word-break:break-word;border-radius:12px 12px 12px 2px;padding:.45rem .7rem;font-size:.75rem;line-height:1.5}.asst-msg.usr .asst-bubble{background:var(--surface3);border-color:var(--border2);border-radius:12px 12px 2px}.asst-msg-go{font-family:var(--font-m);color:var(--accent);cursor:pointer;letter-spacing:.03em;background:0 0;border:none;align-self:flex-start;margin-top:.25rem;padding:0;font-size:.6rem}.asst-msg-go:hover{text-decoration:underline}.asst-input-row{border-top:1px solid var(--border);flex:none;gap:.4rem;padding:.6rem 1rem;display:flex}.asst-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-s);border-radius:var(--pill);outline:none;flex:1;padding:.4rem .65rem;font-size:.73rem;transition:border-color .15s}.asst-input:focus{border-color:var(--accent)}.asst-input::placeholder{color:var(--text-dim)}.asst-send{border-radius:var(--pill);cursor:pointer;background:var(--accent);color:#000;border:none;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:filter .15s;display:flex}.asst-send:hover{filter:brightness(1.1)}[data-theme=day] .asst-fab,[data-theme=day] .asst-send,[data-theme=day] .asst-pill.on{color:#fff}[data-theme=glow] .asst-fab{background:linear-gradient(120deg,var(--accent),#9af0ff);color:#06121b;box-shadow:0 8px 22px #67e8ff73}[data-theme=glow] .asst-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=glow] .asst-msg.usr .asst-bubble{background:#67e8ff17;border-color:#67e8ff33}[data-theme=day] .asst-msg.usr .asst-bubble{background:#e8421f12;border-color:#e8421f2e}.asst-key-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.2rem .3rem;font-size:.9rem;line-height:1}.asst-key-btn:hover{color:var(--accent)}.deck-filter-row{font-family:var(--font-m);letter-spacing:.1em;color:var(--text-dim);align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.6rem;display:flex}.deck-filter-row input{accent-color:var(--accent);flex:1}.asst-min-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.2rem .3rem;font-size:1.1rem;line-height:1}.asst-min-btn:hover{color:var(--accent)}.asst-minimised .asst-panel{max-height:none;overflow:visible}.asst-minimised .asst-key-row,.asst-minimised .asst-pills,.asst-minimised .asst-msgs,.asst-minimised .asst-input-row{display:none}.asst-key-row{background:var(--surface);border-bottom:1px solid var(--border);gap:.4rem;padding:.5rem .75rem;display:flex}.asst-key-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-size:.7rem;font-family:var(--font-m);outline:none;flex:1;padding:.35rem .6rem}.asst-key-input:focus{border-color:var(--accent)}.asst-key-save{background:var(--accent);color:#000;font-size:.68rem;font-family:var(--font-m);cursor:pointer;border:none;padding:.35rem .7rem;font-weight:700}.asst-typing .asst-bubble{letter-spacing:.2em;animation:1s step-start infinite blink}@keyframes blink{50%{opacity:.3}}.daw-section{background:#0d0d0d;border:1px solid #1e1e1e;border-radius:6px;margin-top:.75rem;overflow:hidden}.daw-transport{background:#131313;border-bottom:1px solid #1e1e1e;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.45rem .8rem;display:flex}.daw-transport-left,.daw-transport-right{align-items:center;gap:.2rem;display:flex}.daw-transport-right{gap:.18rem;margin-left:auto}.daw-transport-time{border-left:1px solid #222;border-right:1px solid #222;flex-direction:column;gap:.05rem;margin:0 .15rem;padding:0 .45rem;display:flex}.daw-transport-bpm{border-right:1px solid #222;align-items:center;gap:.3rem;padding:0 .45rem;display:flex}.daw-transport-master{align-items:center;gap:.3rem;padding:0 .35rem;display:flex}.daw-tp-btn{color:#5a5a5a;cursor:pointer;font-size:.62rem;font-family:var(--font-m);letter-spacing:.05em;white-space:nowrap;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:.22rem .48rem;transition:all .12s}.daw-tp-btn:hover{color:#ccc;background:#222;border-color:#3a3a3a}.daw-tp-btn.active{background:color-mix(in srgb,var(--accent) 20%,#1a1a1a);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.midi-indicator{color:#444;letter-spacing:.08em;font-size:.55rem}.midi-indicator.midi-connected{color:#27ae60;background:#27ae6014;border-color:#27ae6066}.daw-tp-play{background:var(--accent);color:#000;cursor:pointer;width:34px;height:34px;box-shadow:0 0 10px color-mix(in srgb,var(--accent) 35%,transparent);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;transition:all .12s;display:flex}.daw-tp-play:hover{filter:brightness(1.12);transform:scale(1.06)}.daw-rec-btn{color:#e24a4a;cursor:pointer;background:#e24a4a1f;border:1px solid #e24a4a59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.75rem;line-height:1;transition:all .12s;display:flex}.daw-rec-btn:hover{background:#e24a4a38;border-color:#e24a4a}.daw-rec-btn.active{color:#fff;background:#e24a4a;border-color:#e24a4a;animation:.9s ease-in-out infinite daw-rec-pulse}.daw-synth-rec-btn{color:#e24a4a;border-color:#e24a4a59;margin-left:auto}.daw-synth-rec-btn:hover{background:#e24a4a26;border-color:#e24a4a}.daw-synth-rec-btn.active{color:#fff;background:#e24a4a;border-color:#e24a4a;animation:.9s ease-in-out infinite daw-rec-pulse}@keyframes daw-rec-pulse{0%,to{box-shadow:0 0 6px #e24a4a66}50%{box-shadow:0 0 14px #e24a4abf}}.daw-track[data-rec] .daw-track-stripe{background:#e24a4a;animation:.9s ease-in-out infinite daw-rec-pulse}.daw-transport-pos{align-items:center;gap:.28rem;display:flex}.daw-pos-label{font-family:var(--font-m);letter-spacing:.2em;color:#3a3a3a;text-transform:uppercase;font-size:.44rem}.daw-pos-val{font-family:var(--font-m);color:var(--accent);letter-spacing:.03em;min-width:3.6rem;font-size:.95rem;font-weight:600}.daw-pos-mmss{font-family:var(--font-m);color:#555;letter-spacing:.02em;min-width:3.8rem;font-size:.68rem}.daw-bpm-input{color:var(--text);font-family:var(--font-m);text-align:center;background:#181818;border:1px solid #2a2a2a;border-radius:3px;width:3.2rem;padding:.18rem .3rem;font-size:.78rem}.daw-bpm-input:focus{border-color:var(--accent);outline:none}.daw-master-vol{width:68px;accent-color:var(--accent);cursor:pointer;height:3px}.daw-timeline{scroll-behavior:smooth;background:#0d0d0d;min-height:220px;max-height:600px;position:relative;overflow:auto}.daw-ruler{z-index:5;cursor:pointer;-webkit-user-select:none;user-select:none;background:#141414;border-bottom:1px solid #1e1e1e;height:28px;position:sticky;top:0}.daw-ruler-hd-spacer{z-index:1;background:#141414;border-right:1px solid #222;width:220px;position:absolute;top:0;bottom:0;left:0}.daw-ruler-mark{background:#232323;width:1px;position:absolute;top:0;bottom:0}.daw-ruler-mark.daw-ruler-major{background:#282828}.daw-ruler-mark span{font-size:.5rem;font-family:var(--font-m);color:#505050;white-space:nowrap;pointer-events:none;letter-spacing:.04em;font-weight:600;position:absolute;top:50%;left:5px;transform:translateY(-50%)}.daw-ruler-mark.daw-ruler-major span{color:#7a7a7a}.daw-track{border-bottom:1px solid #181818;min-height:108px;display:flex}.daw-track:hover .daw-track-body{background:#1c1c1c}.daw-track-hd{z-index:3;background:#141414;border-right:1px solid #222;flex-shrink:0;align-items:stretch;width:220px;display:flex;position:sticky;left:0}.daw-track-icon{color:#ffffff40;cursor:pointer;background:#131313;flex-shrink:0;justify-content:center;align-items:center;width:28px;font-size:.88rem;transition:color .12s;display:flex;position:relative}.daw-track-icon:hover{color:#ffffff8c}.daw-inst-picker{z-index:200;background:#1a1a1a;border:1px solid #333;border-radius:6px;flex-direction:column;gap:.1rem;min-width:110px;padding:.2rem;display:flex;position:absolute;top:100%;left:0;box-shadow:0 4px 16px #0009}.daw-inst-opt{color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:4px;padding:.3rem .55rem;font-size:.68rem}.daw-inst-opt:hover{background:#2a2a2a}.daw-inst-opt.active{color:var(--accent)}.daw-ctrl-btn{color:#444;cursor:pointer;background:0 0;border:1px solid #222;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:.65rem;line-height:1;transition:all .12s;display:flex}.daw-ctrl-btn:hover{color:var(--text);border-color:#444}.daw-ctrl-btn.active{color:var(--accent);border-color:var(--accent);background:#f5c51826}.daw-add-track-row{z-index:3;width:220px;display:flex;position:sticky;left:0}.daw-add-track-row-btn{color:#444;width:100%;font-family:var(--font-m);text-align:left;cursor:pointer;letter-spacing:.04em;background:0 0;border:none;border-top:1px solid #1e1e1e;padding:.55rem .75rem;font-size:.68rem;transition:color .12s}.daw-add-track-row-btn:hover{color:var(--accent)}.daw-quick-panel{pointer-events:all;z-index:5;background:#141414eb;border:1px solid #2a2a2a;border-radius:14px;grid-template-columns:1fr 1fr;gap:.6rem;padding:1rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.daw-quick-btn{color:#888;cursor:pointer;font-family:var(--font-m);background:#1a1a1a;border:1px solid #282828;border-radius:10px;flex-direction:column;align-items:center;gap:.4rem;min-width:110px;padding:.85rem 1.1rem;font-size:.68rem;transition:all .15s;display:flex}.daw-quick-btn:hover{color:var(--text);background:#222;border-color:#3a3a3a}.daw-quick-icon{color:#555;font-size:1.3rem}.daw-track-stripe{background:var(--tc,#7b4ae2);cursor:pointer;opacity:.85;flex-shrink:0;width:4px;transition:filter .12s}.daw-track-stripe:hover{opacity:1;filter:brightness(1.3)}.daw-track-body{background:#171717;flex-direction:column;flex:1;justify-content:center;gap:.28rem;padding:.42rem .55rem;transition:background .1s;display:flex}.daw-track-nm{font-size:.7rem;font-family:var(--font-m);color:var(--text);cursor:text;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;border-bottom:1px solid #0000;outline:none;flex:1;min-width:0;padding:.08rem 0;font-weight:500;overflow:hidden}.daw-track-nm:focus{border-bottom-color:#333}.daw-arm-btn{color:#3a3a3a;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:.56rem;line-height:1;transition:all .12s;display:flex}.daw-arm-btn:hover{color:#e24a4a;border-color:#e24a4a}.daw-arm-btn.active{color:#fff;background:#e24a4a;border-color:#e24a4a;box-shadow:0 0 6px #e24a4a66}.daw-rm-btn{color:#2e2e2e;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:.1rem .2rem;font-size:.6rem;line-height:1;transition:color .12s}.daw-rm-btn:hover{color:#e24a4a}.daw-solo-btn,.daw-mute-btn{color:#555;cursor:pointer;font-size:.52rem;font-family:var(--font-m);letter-spacing:.04em;background:#1c1c1c;border:1px solid #282828;border-radius:3px;flex-shrink:0;padding:.12rem .28rem;line-height:1;transition:all .12s}.daw-solo-btn:hover{color:#f5c518;border-color:#f5c518}.daw-solo-btn.active{color:#000;background:#f5c518;border-color:#f5c518}.daw-mute-btn:hover{color:var(--accent2)}.daw-mute-btn.active{background:var(--accent2);color:#fff;border-color:var(--accent2)}.daw-vol-fader{accent-color:var(--tc,#7b4ae2);cursor:pointer;flex:1;min-width:0;height:3px}.daw-track-row3{align-items:center;gap:.25rem;display:flex}.daw-pan-fader{accent-color:var(--tc,#7b4ae2);cursor:pointer;flex:1;min-width:0;height:3px}.daw-fader-lbl{font-size:.44rem;font-family:var(--font-m);color:#333;letter-spacing:.14em;text-transform:uppercase;flex-shrink:0;width:18px}.daw-fader-val{font-size:.48rem;font-family:var(--font-m);color:#3e3e3e;text-align:right;flex-shrink:0;min-width:2rem}.daw-imp-btn{color:var(--accent);cursor:pointer;font-size:.6rem;font-family:var(--font-m);background:0 0;border:1px solid #282828;border-radius:3px;flex-shrink:0;margin-left:auto;padding:.1rem .35rem;line-height:1;transition:all .12s}.daw-imp-btn:hover{border-color:var(--accent);background:#1a1a1a}.daw-fx-btn{color:#888;cursor:pointer;font-size:.52rem;font-family:var(--font-m);background:0 0;border:1px solid #282828;border-radius:3px;flex-shrink:0;padding:.1rem .3rem;line-height:1;transition:all .12s}.daw-fx-btn:hover,.daw-fx-btn.active{border-color:var(--accent);color:var(--accent)}.daw-fx-rack{background:#0a0a0a;border-top:1px solid #1a1a1a;flex-direction:column;gap:3px;padding:.4rem .6rem}.daw-fx-group{align-items:center;gap:.35rem;display:flex}.daw-fx-lbl{color:#555;letter-spacing:.08em;text-align:right;flex-shrink:0;width:48px;font-size:.48rem}.daw-fx-sl{height:2px;accent-color:var(--accent);cursor:pointer;flex:1}.daw-fx-val{color:#666;text-align:right;flex-shrink:0;width:28px;font-size:.48rem}.daw-fx-sep{background:#1a1a1a;height:1px;margin:.15rem 0}.daw-lane{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background-color:#0f0f0f;background-image:repeating-linear-gradient(90deg,#ffffff05 0,#ffffff05 var(--bar-w,240px),transparent var(--bar-w,240px),transparent calc(var(--bar-w,240px)*2)), repeating-linear-gradient(90deg,transparent,transparent calc(var(--bar-w,240px) - 1px),#222 calc(var(--bar-w,240px) - 1px),#222 var(--bar-w,240px)), repeating-linear-gradient(90deg,transparent,transparent calc(var(--beat-w,60px) - 1px),#191919 calc(var(--beat-w,60px) - 1px),#191919 var(--beat-w,60px));flex:1;min-width:1000px;height:108px;position:relative}.daw-lane.daw-drag-over{background-color:#7b4ae214}.daw-clip{-webkit-touch-callout:none;background:color-mix(in srgb,var(--cc,#7b4ae2) 18%,#0c0c0c);border:none;border-left:2px solid color-mix(in srgb,var(--cc,#7b4ae2) 70%,transparent);cursor:grab;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:0 5px 5px 0;min-width:20px;height:98px;transition:box-shadow .1s;position:absolute;top:5px;overflow:hidden}.daw-clip:hover{box-shadow:0 0 0 1px var(--cc,#7b4ae2)}.daw-clip:active{cursor:grabbing}.daw-clip.selected{box-shadow:0 0 0 1.5px #fff,0 0 0 3px var(--cc,#7b4ae2);z-index:5}.daw-clip-nm{font-size:.58rem;font-family:var(--font-m);color:#ffffffe6;background:color-mix(in srgb,var(--cc,#7b4ae2) 60%,#0d0d0d);white-space:nowrap;text-overflow:ellipsis;z-index:1;letter-spacing:.02em;padding:.22rem .5rem;font-weight:600;line-height:1.5;position:relative;overflow:hidden}.daw-clip-cv{width:100%;height:78px;display:block}.daw-clip-resize{cursor:ew-resize;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--cc,#7b4ae2) 40%,transparent));opacity:0;width:7px;transition:opacity .12s;position:absolute;top:0;bottom:0;right:0}.daw-clip:hover .daw-clip-resize{opacity:1}.daw-clip-trim-l{cursor:ew-resize;background:linear-gradient(270deg,transparent,color-mix(in srgb,var(--cc,#7b4ae2) 40%,transparent));opacity:0;z-index:3;width:7px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0}.daw-clip:hover .daw-clip-trim-l{opacity:1}.daw-clip-fade-in{pointer-events:all;cursor:ew-resize;z-index:2;background:linear-gradient(90deg,#0000008c,#0000);min-width:0;position:absolute;top:0;bottom:0;left:0}.daw-clip-fade-out{pointer-events:all;cursor:ew-resize;z-index:2;background:linear-gradient(270deg,#0000008c,#0000);min-width:0;position:absolute;top:0;bottom:0;right:7px}.daw-playhead{pointer-events:none;z-index:10;will-change:left;background:#ff3b3b;width:1.5px;position:absolute;top:0;bottom:0;left:220px;box-shadow:0 0 6px #ff3b3b99}.daw-playhead:before{content:"▼";color:#ff3b3b;font-size:.52rem;position:absolute;top:0;left:-4px}.daw-ctx-menu{z-index:9500;background:#222225;border:1px solid #ffffff1a;border-radius:12px;min-width:210px;padding:.35rem;position:fixed;overflow:hidden;box-shadow:0 12px 40px #000000bf}.daw-ctx-item{font-size:.78rem;font-family:var(--font-s);color:#ffffffd9;cursor:pointer;border-radius:7px;align-items:center;gap:.55rem;padding:.45rem .75rem;transition:background .1s;display:flex}.daw-ctx-item:hover{color:#fff;background:#ffffff14}.daw-ctx-dim{color:#ffffff59;pointer-events:none}.daw-ctx-icon{text-align:center;color:#fff6;flex-shrink:0;width:14px;font-size:.65rem}.daw-ctx-kbd{color:#ffffff4d;font-size:.65rem;font-family:var(--font-m);letter-spacing:.02em;margin-left:auto}.daw-ctx-sep{background:#ffffff14;height:1px;margin:.3rem 0}.daw-lane-empty{font-size:.56rem;font-family:var(--font-m);color:#252525;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;border:1px dashed #1e1e1e;border-radius:3px;justify-content:center;align-items:center;margin:6px 4px;display:flex;position:absolute;inset:0}.daw-lane:not(:empty) .daw-lane-empty{display:none}.song-imp-lbl{background:var(--accent);color:#000;font-family:var(--font-m);cursor:pointer;letter-spacing:.04em;border-radius:3px;flex-shrink:0;align-items:center;gap:.3rem;padding:.22rem .65rem;font-size:.6rem;font-weight:600;transition:filter .12s;display:inline-flex}.song-imp-lbl:hover{filter:brightness(1.12)}.song-imp-ghost{cursor:pointer;font-family:var(--font-m);color:var(--text-dim);border:1px solid var(--border);opacity:.6;border-radius:3px;flex-shrink:0;align-items:center;padding:.2rem .5rem;font-size:.58rem;transition:all .12s;display:inline-flex}.song-imp-ghost:hover{opacity:1;color:var(--text);border-color:var(--text-dim)}.song-search-btn{background:var(--accent);color:#000;font-family:var(--font-m);cursor:pointer;letter-spacing:.04em;border:none;border-radius:3px;flex-shrink:0;padding:.32rem .9rem;font-size:.7rem;font-weight:700;transition:filter .12s}.song-search-btn:hover{filter:brightness(1.1)}.song-search-btn:disabled{opacity:.5;cursor:wait}.song-match-label{font-size:.58rem;font-family:var(--font-m);color:#4ae2a8;text-overflow:ellipsis;white-space:nowrap;max-width:220px;display:inline-block;overflow:hidden}.song-src-badge{color:#000;vertical-align:middle;background:#1db954;border-radius:2px;margin-left:.2rem;padding:.07rem .28rem;font-size:.46rem;font-weight:700;display:inline-block}.song-creator-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.song-creator-footer{border-top:1px solid var(--border);justify-content:flex-end;padding:.55rem 1rem;display:flex}.song-exp-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--font-m);cursor:pointer;border-radius:var(--pill);letter-spacing:.05em;padding:.35rem .8rem;font-size:.65rem;transition:all .12s}.song-exp-btn:hover{background:var(--accent);color:#000;border-color:var(--accent)}.song-sp-link{color:var(--accent);font-size:.6rem;text-decoration:none}.song-sp-link:hover{text-decoration:underline}#createSongPanel{margin-top:.75rem}.song-creator{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.song-creator-head{letter-spacing:.12em;font-size:.6rem;font-family:var(--font-m);color:var(--text-dim);text-transform:uppercase;border-bottom:1px solid var(--border);padding:.5rem 1rem}.song-creator-list{max-height:220px;overflow-y:auto}.song-creator-vinyl-lbl{color:var(--accent);margin-bottom:.18rem;font-size:.62rem;font-weight:700;display:block}.song-cr-dot{cursor:pointer;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:background .2s,box-shadow .2s}.song-cr-dot[data-state=idle]{background:#2e2e2e;border:1.5px solid #444}.song-cr-dot[data-state=idle]:hover{background:#555;border-color:#888}.song-cr-dot[data-state=loading]{background:var(--accent);border:none;animation:.8s ease-in-out infinite dot-pulse}.song-cr-dot[data-state=done]{background:#4ae2a8;border:none;box-shadow:0 0 5px #4ae2a880}.song-cr-dot[data-state=fail]{background:#e24a4a;border:none}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.song-creator-row{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.45rem 1rem;transition:background .12s;display:flex}.song-creator-row:hover{background:var(--surface2)}.song-creator-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.song-creator-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.song-creator-artist{color:var(--text-dim);font-size:.6rem}.song-creator-empty{color:var(--text-dim);text-align:center;padding:1rem;font-size:.72rem}.rec-tabs{border-bottom:1px solid var(--border);align-items:center;gap:.4rem;margin-bottom:1.25rem;padding-bottom:.6rem;display:flex}.rec-tab{border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:var(--pill);background:0 0;padding:.35rem .9rem;font-size:.68rem;transition:all .15s}.rec-tab:hover{color:var(--text);border-color:var(--text-dim)}.rec-tab.active{background:var(--accent);color:#000;border-color:var(--accent)}.rec-fs-btn{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:3px;margin-left:auto;padding:.3rem .6rem;font-size:1rem;transition:all .15s}.rec-fs-btn:hover{color:var(--text);border-color:var(--accent)}#page-mix:fullscreen{background:var(--bg);padding:1.5rem;overflow-y:auto}#page-mix:fullscreen .page-header{display:none}.daw-search-bar{background:#131313;border-top:1px solid #1e1e1e;align-items:center;gap:.5rem;margin-top:.6rem;padding:.45rem .6rem;display:flex}.daw-search-input{color:var(--text);font-family:var(--font-m);background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;outline:none;flex:1;min-width:0;padding:.28rem .6rem;font-size:.72rem}.daw-search-input:focus{border-color:var(--accent)}.daw-search-input::placeholder{color:#3a3a3a}.daw-search-btn{background:var(--accent);color:#000;font-family:var(--font-m);cursor:pointer;letter-spacing:.04em;border:none;border-radius:4px;flex-shrink:0;padding:.3rem .8rem;font-size:.66rem;font-weight:700;transition:filter .12s}.daw-search-btn:hover{filter:brightness(1.1)}.daw-search-btn:disabled{opacity:.5;cursor:wait}.daw-stems-lbl{cursor:pointer;color:var(--text-dim);font-size:.62rem;font-family:var(--font-m);border:1px solid #2a2a2a;border-radius:4px;flex-shrink:0;align-items:center;gap:.3rem;padding:.28rem .55rem;transition:all .12s;display:inline-flex}.daw-stems-lbl:hover{color:var(--text);border-color:#444}.daw-clip-editor{background:#111;border-top:1px solid #1e1e1e;flex-wrap:wrap;align-items:center;gap:1rem;padding:.4rem .7rem;display:flex}.daw-clip-ed-title{font-size:.62rem;font-family:var(--font-m);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;min-width:8rem;font-weight:600;overflow:hidden}.daw-clip-ed-ctrl{flex:1;align-items:center;gap:.38rem;min-width:160px;display:flex}.daw-clip-ed-lbl{font-size:.44rem;font-family:var(--font-m);color:#444;letter-spacing:.18em;text-transform:uppercase;flex-shrink:0;width:2.4rem}.daw-clip-ed-ctrl input[type=range]{accent-color:var(--accent);cursor:pointer;flex:1;height:3px}.daw-clip-ed-val{font-size:.58rem;font-family:var(--font-m);color:var(--text-dim);text-align:right;flex-shrink:0;min-width:3rem}.daw-clip-ed-reset{color:#444;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.7rem;transition:all .12s;display:flex}.daw-clip-ed-reset:hover{color:var(--text);border-color:#666}.daw-clip-midi{background:color-mix(in srgb,var(--cc,#7b4ae2) 12%,#0a0c0a);border-left-color:var(--cc,#7b4ae2)}.daw-bottom-panel{background:#0d0d0d;border-top:2px solid #1e1e1e}.daw-bp-header{background:#131313;border-bottom:1px solid #1e1e1e;align-items:center;gap:0;padding:0 .5rem;display:flex}.daw-bp-tabs{flex:1;align-items:stretch;gap:0;display:flex;overflow-x:auto}.daw-bp-tab{color:#444;font-family:var(--font-m);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:.5rem .9rem;font-size:.58rem;font-weight:600;transition:color .12s,border-color .12s}.daw-bp-tab:hover{color:#888}.daw-bp-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.daw-bp-close{color:#333;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-left:.25rem;font-size:.75rem;transition:color .1s;display:flex}.daw-bp-close:hover{color:var(--text)}.daw-bp-body{min-height:120px}.daw-bp-pane{flex-direction:column;display:flex}.daw-clip-editor{flex-direction:column;gap:.5rem;padding:.6rem .8rem;display:flex}.daw-clip-ed-empty{font-size:.6rem;font-family:var(--font-m);color:#2a2a2a;letter-spacing:.14em;text-transform:uppercase;text-align:center;padding:.8rem 0}.daw-clip-ed-controls{flex-direction:column;gap:.45rem;display:flex}.daw-clip-ed-row{flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;display:flex}.daw-clip-ed-actions{align-items:center;gap:.4rem;padding-top:.1rem;display:flex}.daw-bp-action-btn{color:#666;font-family:var(--font-m);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a2a;border-radius:4px;padding:.2rem .55rem;font-size:.58rem;transition:all .12s}.daw-bp-action-btn:hover{color:var(--text);border-color:#555}.daw-bp-action-btn.daw-bp-danger{color:#c62828;border-color:#3a1515}.daw-bp-action-btn.daw-bp-danger:hover{background:#c628281a;border-color:#c62828}.daw-fx-pane-inner{padding:.6rem .8rem}.daw-bp-pane .daw-synth-panel{border-bottom:none;padding:.5rem .8rem .6rem}.daw-bp-pane .daw-master-panel{border-bottom:none;padding:.45rem .8rem}.daw-transport-lcd{background:#0d0d0d;border:1px solid #222;border-radius:5px;align-items:center;gap:0;margin:0 .4rem;padding:.1rem .35rem;display:flex}.daw-lcd-block{flex-direction:column;align-items:center;gap:.02rem;padding:.05rem .45rem;display:flex}.daw-lcd-sep{background:#222;flex-shrink:0;width:1px;height:28px}.daw-lcd-lbl{letter-spacing:.18em;color:#333;text-transform:uppercase;font-size:.36rem;font-family:var(--font-m)}.daw-tp-divider{background:#222;flex-shrink:0;width:1px;height:20px;margin:0 .18rem}.daw-snap-sel{color:#5a5a5a;font-family:var(--font-m);cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;padding:.18rem .3rem;font-size:.58rem}.daw-track-row1{align-items:center;gap:.28rem;display:flex}.daw-track-row2{align-items:center;gap:.22rem;display:flex}.daw-clip-roll{background:#0a0a0a;border-top:1px solid #1e1e1e;flex-direction:column;display:flex}.daw-cr-header{background:#111;border-bottom:1px solid #1e1e1e;flex-shrink:0;align-items:center;gap:.6rem;padding:.3rem .7rem;display:flex}.daw-cr-title{font-size:.62rem;font-family:var(--font-m);color:var(--accent);font-weight:600}.daw-cr-hint{font-size:.48rem;font-family:var(--font-m);color:#333;flex:1}.daw-cr-snap-lbl{font-size:.5rem;font-family:var(--font-m);color:#666;white-space:nowrap;align-items:center;gap:.3rem;display:flex}.daw-cr-len-btn{color:#888;cursor:pointer;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:.6rem;line-height:1;display:flex}.daw-cr-len-btn:hover{border-color:var(--accent);color:var(--accent)}.daw-cr-len-val{color:#aaa;width:3.4em;font-family:var(--font-m);background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;padding:.1rem .2rem;font-size:.58rem}.daw-cr-close{color:#555;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:.65rem;display:flex}.daw-cr-close:hover{color:var(--text);border-color:#666}.daw-cr-export{color:#888;font-size:.52rem;font-family:var(--font-m);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #2a2a2a;border-radius:3px;padding:.2rem .5rem}.daw-cr-export:hover{border-color:var(--accent);color:var(--accent)}.daw-cr-body{align-items:flex-start;height:512px;display:flex;overflow:auto}.daw-search-results{background:#0f0f0f;border-top:1px solid #1e1e1e;max-height:210px;overflow-y:auto}.daw-sr-row{border-bottom:1px solid #181818;align-items:center;gap:.5rem;padding:.38rem .7rem;transition:background .1s;display:flex}.daw-sr-row:hover{background:#161616}.daw-sr-info{flex-direction:column;flex:1;gap:.06rem;min-width:0;display:flex}.daw-sr-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-family:var(--font-m);overflow:hidden}.daw-sr-artist{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.56rem;font-family:var(--font-m);overflow:hidden}.daw-sr-badge{letter-spacing:.06em;border-radius:2px;flex-shrink:0;padding:.06rem .3rem;font-size:.46rem;font-weight:700}.daw-sr-badge--spotify{color:#000;background:#1db954}.daw-sr-badge--jamendo{background:var(--accent);color:#000}.daw-sr-add-btn{color:var(--accent);font-family:var(--font-m);cursor:pointer;white-space:nowrap;background:#1e1e1e;border:1px solid #2e2e2e;border-radius:3px;flex-shrink:0;padding:.2rem .5rem;font-size:.6rem;transition:all .12s}.daw-sr-add-btn:hover{background:var(--accent);color:#000;border-color:var(--accent)}.daw-sr-add-btn:disabled{opacity:.5;cursor:wait}.daw-sr-empty{color:var(--text-dim);font-size:.64rem;font-family:var(--font-m);padding:.6rem .7rem}.daw-roll-strip{border-bottom:1px solid #1a1a1a;display:flex}.daw-roll-hd{z-index:3;background:#0a0a0a;border-right:1px solid #1e1e1e;flex-shrink:0;align-items:stretch;width:150px;padding:.25rem .5rem;display:flex;position:sticky;left:0;overflow:hidden}.daw-roll-kbd{flex-shrink:0;display:block}.daw-roll-scroll{flex:1;min-width:0;overflow-x:auto}.daw-roll-cv{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;cursor:crosshair;display:block}.daw-roll-btn{color:#5a5a5a;cursor:pointer;font-size:.56rem;font-family:var(--font-m);letter-spacing:.05em;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:.2rem .4rem;transition:all .12s}.daw-roll-btn:hover{color:#ccc;background:#222;border-color:#3a3a3a}.daw-roll-btn.active{background:color-mix(in srgb,var(--accent) 20%,#1a1a1a);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.daw-project-panel{background:#111;border-bottom:1px solid #1e1e1e}.daw-proj-save{align-items:center;gap:.45rem;padding:.42rem .7rem;display:flex}.daw-proj-list{max-height:160px;padding:.1rem .7rem .45rem;overflow-y:auto}.daw-proj-row{border-bottom:1px solid #181818;align-items:center;gap:.38rem;padding:.3rem 0;display:flex}.daw-proj-row:last-child{border-bottom:none}.daw-proj-name{font-family:var(--font-m);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:.65rem;overflow:hidden}.daw-proj-date{font-family:var(--font-m);color:#3a3a3a;flex-shrink:0;font-size:.5rem}.daw-proj-load-btn{padding:.18rem .4rem;font-size:.55rem}.daw-proj-del-btn{color:#333;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.1rem .22rem;font-size:.65rem;transition:color .1s}.daw-proj-del-btn:hover{color:#e24a4a}.daw-synth-panel{background:#0c0c0c;border-bottom:1px solid #1a1a1a;padding:.45rem .7rem .6rem}.daw-synth-controls{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.daw-synth-ctrl-group{align-items:center;gap:.22rem;display:flex}.daw-synth-lbl{font-family:var(--font-m);color:#3a3a3a;letter-spacing:.12em;text-transform:uppercase;flex-shrink:0;font-size:.44rem}.daw-synth-sl{width:55px;accent-color:var(--accent);cursor:pointer;height:3px}.daw-synth-val{font-family:var(--font-m);color:#5a5a5a;min-width:2.4rem;font-size:.5rem}.daw-synth-waves{gap:.18rem;display:flex}.daw-wave-btn{color:#555;font-family:var(--font-m);cursor:pointer;letter-spacing:.04em;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;padding:.16rem .36rem;font-size:.5rem;transition:all .1s}.daw-wave-btn.active{background:color-mix(in srgb,var(--accent) 20%,#1a1a1a);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.daw-synth-oct{align-items:center;gap:.25rem;margin-left:.4rem;display:flex}.daw-synth-keyboard{-webkit-user-select:none;user-select:none;height:225px;margin:.15rem 0 .3rem;position:relative}.synth-key-w{cursor:pointer;z-index:1;box-sizing:border-box;background:linear-gradient(#fff 0%,#f0f0f0 78%,#dcdcdc 100%);border:1px solid #aaa;border-top:none;border-radius:0 0 3px 3px;height:100%;transition:background 50ms,box-shadow 50ms;position:absolute;bottom:0;box-shadow:inset 0 -5px 6px -4px #0003,inset 1px 0 #ffffffb3}.synth-key-w:hover{background:linear-gradient(180deg,#fff 0%,color-mix(in srgb,var(--accent) 12%,#f0f0f0) 78%,color-mix(in srgb,var(--accent) 22%,#dcdcdc) 100%)}.synth-key-w.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 55%,#ccc) 0%,color-mix(in srgb,var(--accent) 72%,#bbb) 100%);box-shadow:inset 0 4px 5px #0000004d}.synth-key-w .key-label{font-size:.4rem;font-family:var(--font-m);color:#888;pointer-events:none;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.synth-key .key-shortcut{font-size:.42rem;font-family:var(--font-m);pointer-events:none;text-transform:uppercase;position:absolute;top:6px;left:50%;transform:translate(-50%)}.synth-key-w .key-shortcut{color:#0000004d}.synth-key-b .key-shortcut{color:#ffffff59}.synth-key-b{cursor:pointer;z-index:2;box-sizing:border-box;background:linear-gradient(#3d3d3d 0%,#161616 55%,#000 100%);border:1px solid #000;border-radius:0 0 3px 3px;height:58%;transition:background 50ms,box-shadow 50ms;position:absolute;bottom:38%;box-shadow:0 2px 4px #0009,inset 0 1px #ffffff24,inset 0 -4px 5px #0000008c}.synth-key-b:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 42%,#3d3d3d) 0%,color-mix(in srgb,var(--accent) 58%,#111) 100%)}.synth-key-b.active{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 65%,#111) 0%,color-mix(in srgb,var(--accent) 80%,#000) 100%);box-shadow:inset 0 4px 5px #000000a6}.daw-master-panel{background:#0b0b0b;border-bottom:1px solid #1a1a1a;flex-direction:column;gap:.28rem;padding:.4rem .7rem;display:flex}.daw-master-row{flex-wrap:wrap;align-items:center;gap:.38rem;display:flex}.daw-master-toggle{font-family:var(--font-m);letter-spacing:.1em;cursor:pointer;color:#555;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;flex-shrink:0;padding:.18rem .42rem;font-size:.52rem;transition:all .1s}.daw-master-toggle.active{background:color-mix(in srgb,var(--accent) 18%,#1a1a1a);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.daw-master-sep{color:#252525;flex-shrink:0}.daw-master-ctrl{align-items:center;gap:.2rem;display:flex}.daw-master-lbl{font-family:var(--font-m);color:#383838;letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;font-size:.44rem}.daw-master-sl{width:52px;accent-color:var(--accent);cursor:pointer;height:3px}.daw-master-val{font-family:var(--font-m);color:#5a5a5a;min-width:2.8rem;font-size:.5rem}.daw-master-gr{align-items:center;gap:.22rem;margin-left:.3rem;display:flex}.daw-gr-track{background:#181818;border:1px solid #222;border-radius:3px;width:58px;height:5px;overflow:hidden}.daw-gr-bar{background:linear-gradient(90deg,#4ae2a8,#e2a84a,#e24a4a);border-radius:3px;width:0%;height:100%;transition:width 70ms}.daw-master-hint{font-family:var(--font-m);color:#2a2a2a;margin-left:.3rem;font-size:.5rem}.daw-auto-strip{border-bottom:1px solid #1a1a1a;display:flex}.daw-auto-strip-hd{z-index:3;background:#0e0e0e;border-right:1px solid #1e1e1e;flex-shrink:0;align-items:center;gap:.28rem;width:220px;padding:.28rem .45rem;display:flex;position:sticky;left:0}.daw-auto-lbl{font-size:.44rem;font-family:var(--font-m);color:#333;letter-spacing:.2em;text-transform:uppercase;flex:1}.daw-auto-param-btn{color:#444;font-family:var(--font-m);cursor:pointer;letter-spacing:.05em;background:0 0;border:1px solid #252525;border-radius:3px;padding:.15rem .3rem;font-size:.5rem;transition:all .1s}.daw-auto-param-btn.active{background:color-mix(in srgb,var(--accent) 15%,#0e0e0e);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.daw-auto-clear-btn{color:#2e2e2e;font-size:.5rem;font-family:var(--font-m);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;margin-left:auto;padding:.1rem .22rem;transition:color .1s}.daw-auto-clear-btn:hover{color:#e24a4a;border-color:#e24a4a}.daw-auto-cv{cursor:crosshair;flex:1;min-width:1000px;height:56px;display:block}.daw-auto-btn{color:#5a5a5a;cursor:pointer;font-size:.56rem;font-family:var(--font-m);letter-spacing:.05em;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;padding:.2rem .4rem;transition:all .12s}.daw-auto-btn:hover{color:#ccc;background:#222;border-color:#3a3a3a}.daw-auto-btn.active{background:color-mix(in srgb,var(--accent) 20%,#1a1a1a);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.daw-loop-browser{background:#111;border-bottom:1px solid #1e1e1e}.daw-lb-search{align-items:center;gap:.5rem;padding:.42rem .7rem;display:flex}.daw-lb-input{min-width:0;color:var(--text);font-family:var(--font-m);background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;outline:none;flex:1;padding:.28rem .5rem;font-size:.7rem;transition:border-color .12s}.daw-lb-input:focus{border-color:var(--accent)}.daw-lb-hint{color:#3a3a3a;font-size:.54rem;font-family:var(--font-m);letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.daw-lb-results{gap:.5rem;min-height:0;padding:.35rem .7rem .5rem;display:flex;overflow-x:auto}.daw-lb-results:empty:before{content:"No results yet — run a search above";color:#2e2e2e;font-size:.6rem;font-family:var(--font-m);white-space:nowrap;padding:.2rem 0}.daw-lb-item{cursor:grab;-webkit-user-select:none;user-select:none;background:#181818;border:1px solid #252525;border-radius:5px;flex-shrink:0;align-items:center;gap:.4rem;min-width:160px;max-width:220px;padding:.32rem .5rem;transition:border-color .12s,background .12s;display:flex}.daw-lb-item:hover{background:#1e1e1e;border-color:#333}.daw-lb-item.daw-lb-playing{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,#181818)}.daw-lb-play{color:#555;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:.6rem;line-height:1;transition:all .12s;display:flex}.daw-lb-play:hover{color:var(--accent);border-color:var(--accent)}.daw-lb-play.playing{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.daw-lb-meta{flex-direction:column;flex:1;gap:.05rem;min-width:0;display:flex}.daw-lb-name{font-size:.62rem;font-family:var(--font-m);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.daw-lb-artist{font-size:.52rem;font-family:var(--font-m);color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.daw-lb-dur{font-size:.52rem;font-family:var(--font-m);color:#4a4a4a;white-space:nowrap;flex-shrink:0}.daw-lb-grip{color:#2e2e2e;cursor:grab;flex-shrink:0;font-size:.7rem;line-height:1}.daw-lb-item:hover .daw-lb-grip{color:#555}.daw-lb-loading{color:var(--text-dim);font-size:.62rem;font-family:var(--font-m);padding:.35rem .7rem}.studio-project-tabs{flex-wrap:wrap;align-items:center;gap:.3rem;display:flex}.studio-project-tab{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);border-radius:var(--pill) var(--pill) 0 0;cursor:pointer;text-align:center;min-width:80px;padding:.3rem .75rem;font-size:.68rem;transition:all .15s}.studio-project-tab.active,.studio-project-tab:hover{background:var(--accent);color:#000;border-color:var(--accent)}@media (width<=640px){body:has(.player-bar.visible) .main-content{padding-bottom:calc(var(--player-h) + 1.25rem)}button,input[type=range],select,.btn-primary,.btn-secondary,.deck-btn,.hotcue-btn{min-height:36px}.deck-btn{min-height:32px;padding:.35rem .55rem;font-size:.65rem}.hotcue-btn{width:34px;min-height:34px}.player-bar{gap:.5rem;padding:.5rem .75rem}.player-bar-center{flex-direction:column;gap:.2rem}.vinyl-grid{grid-template-columns:repeat(2,1fr);gap:.9rem}.vinyl-disc-outer{width:110px;height:110px}#page-mix .dj-console{grid-template-columns:1fr;gap:.6rem}#page-mix .deck{height:auto;max-height:none}#page-mix .deck-playlist{max-height:100px}#page-mix .crossfader-col{border-left:none;border-top:1px solid var(--border);padding:.5rem}#page-mix .deck-disc-wrap{height:80px}#page-mix .deck-disc{width:72px;height:72px}.dj-sampler-pads{grid-template-columns:repeat(4,1fr)}.daw-transport{gap:.3rem;padding:.4rem .5rem}.daw-tp-btn,.daw-tp-play{min-height:30px}.daw-timeline{max-height:300px}.daw-section{overflow-x:hidden}.daw-synth-keyboard{overflow-x:auto}.workshop-layout{grid-template-columns:1fr}.rec-tabs{overflow-x:auto}.soundtrack-apps,.build-container{grid-template-columns:1fr}.cover-studio{flex-direction:column}.vinyl-grid:after,.daw-roll-btn{display:none}.daw-roll-strip{display:none!important}}.ws-author-btn{color:var(--accent);font-size:.56rem;font-family:var(--font-m);cursor:pointer;text-underline-offset:2px;opacity:.8;background:0 0;border:none;padding:0;text-decoration:underline}.ws-author-btn:hover{opacity:1}.ws-react-btn.active{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.ws-profile-modal{z-index:300;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ws-profile-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:min(420px,92vw);max-height:80vh;display:flex;overflow:hidden}.ws-profile-hd{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.85rem 1.2rem;display:flex}.ws-profile-avatar-wrap{flex-shrink:0}.ws-profile-avatar{background:var(--accent);color:#000;width:38px;height:38px;font-size:.9rem;font-weight:700;font-family:var(--font-m);border-radius:50%;justify-content:center;align-items:center;display:flex}.ws-profile-hd-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.ws-profile-name{color:var(--text);font-size:.9rem;font-weight:600;font-family:var(--font-m)}.ws-profile-bio{color:var(--text-dim);font-size:.62rem}.ws-profile-stats{border-bottom:1px solid var(--border);background:var(--surface2);gap:1.2rem;padding:.55rem 1.2rem;display:flex}.ws-stat{color:var(--text-dim);font-size:.65rem}.ws-stat b{color:var(--accent);font-size:.82rem}.ws-profile-section-title{letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);font-size:.55rem;font-family:var(--font-m);padding:.45rem 1.2rem .2rem}.ws-profile-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.2rem .4rem;font-size:1rem}.ws-profile-close:hover{color:var(--text)}.ws-profile-list{flex:1;padding:.6rem 1.2rem;overflow-y:auto}.ws-profile-row{border-bottom:1px solid var(--border);align-items:center;gap:.5rem;padding:.38rem 0;display:flex}.ws-profile-row:last-child{border-bottom:none}.ws-profile-type{flex-shrink:0;font-size:.8rem}.ws-profile-date{color:var(--text-dim);font-size:.52rem;font-family:var(--font-m);flex-shrink:0;margin-left:auto}#page-song-studio{height:100%;padding:0;overflow:hidden}.ss-wrap{flex-direction:column;gap:.6rem;height:100%;padding:.75rem 1rem;display:flex;overflow:hidden}.ss-header{flex-wrap:wrap;flex-shrink:0;align-items:baseline;gap:1rem;display:flex}.ss-title{font-family:var(--font-d);letter-spacing:.04em;font-size:3.6rem;line-height:1}.ss-title em{font-family:var(--font-i);color:var(--accent);font-style:italic}[data-theme=glow] .ss-title{letter-spacing:-.02em;font-size:2.6rem}[data-theme=day] .ss-title{text-transform:uppercase;letter-spacing:-.02em;font-size:3.25rem;font-weight:900}.ss-sub{color:var(--text-dim);letter-spacing:.15em;text-transform:uppercase;flex:1;font-size:.62rem}.ss-header-actions{gap:.4rem;margin-left:auto;display:flex}.ss-btn{font-family:var(--font-m);border:1px solid var(--border2);border-radius:var(--radius);background:var(--surface2);color:var(--text);cursor:pointer;white-space:nowrap;padding:.35rem .8rem;font-size:.65rem;transition:background .15s}.ss-btn:hover{background:var(--surface3)}.ss-btn:disabled{opacity:.45;cursor:not-allowed}.ss-btn-accent{background:var(--accent);color:#000;border-color:var(--accent);font-weight:600}.ss-btn-accent:hover{opacity:.88;background:var(--accent)}.ss-btn-ghost{background:0 0}.ss-btn-sm{padding:.25rem .55rem;font-size:.6rem}.ss-btn-full{text-align:center;width:100%}.ss-btn-play{background:var(--accent);color:#000;border-color:var(--accent);padding:.4rem 1rem;font-weight:700}.ss-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:0;display:flex}.ss-tab{font-family:var(--font-m);color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.45rem;font-size:.63rem}.ss-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.ss-soundtrack-panel{flex:1;min-height:0;overflow-y:auto}.amt-wrap{flex-direction:column;gap:1.25rem;max-width:860px;margin:0 auto;padding:2rem 1.5rem;display:flex}.amt-title{font-family:var(--font-d);letter-spacing:.04em;font-size:2.2rem;line-height:1}.amt-title em{color:var(--accent);font-style:normal}.amt-sub{color:var(--text-dim);margin-top:.3rem;font-size:.8rem}.amt-drop{border:2px dashed var(--border);cursor:pointer;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;padding:2.5rem 1rem;transition:border-color .15s,background .15s;display:flex}.amt-drop:hover,.amt-drag-over{border-color:var(--accent);background:#f5c5180a}.amt-drop-icon{font-size:2rem}.amt-drop-text{color:var(--text);font-size:.88rem;font-weight:500}.amt-drop-sub{color:var(--text-dim);font-size:.72rem}.amt-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.amt-bpm-row{color:var(--text-dim);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.amt-bpm-input{background:var(--surface2);border:1px solid var(--border);width:60px;color:var(--text);text-align:center;border-radius:7px;outline:none;padding:.3rem .5rem;font-size:.78rem}.amt-btn{font-family:var(--font-s);cursor:pointer;border:none;border-radius:10px;padding:.5rem 1.1rem;font-size:.78rem;font-weight:600;transition:opacity .15s}.amt-btn:disabled{opacity:.35;cursor:not-allowed}.amt-btn-primary{background:var(--accent);color:#000}.amt-btn-primary:not(:disabled):hover{opacity:.88}.amt-btn-ghost{background:var(--surface2);color:var(--text-dim);border:1px solid var(--border)}.amt-btn-ghost:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.amt-status{color:var(--text-dim);font-size:.75rem}.amt-roll-wrap{border:1px solid var(--border);border-radius:10px;min-height:80px;position:relative;overflow:hidden}.amt-roll{width:100%;display:block}.amt-empty{color:var(--text-dim);background:#0006;justify-content:center;align-items:center;font-size:.78rem;display:flex;position:absolute;inset:0}.amt-links{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.72rem;display:flex}.amt-links-lbl{color:var(--text-dim)}.amt-link{color:var(--accent);border:1px solid #f5c51840;border-radius:6px;padding:.2rem .55rem;text-decoration:none;transition:all .12s}.amt-link:hover{background:#f5c5181a}.ss-columns{flex:1;min-height:0;display:flex;overflow:hidden}.ss-col{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;flex:1;gap:.5rem;padding:.65rem .75rem;display:none;overflow:hidden}.ss-col-active{display:flex}.ss-col-hd{font-family:var(--font-m);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);flex-shrink:0;padding-bottom:.3rem;font-size:.58rem}.ss-col-hd-sm{font-size:.55rem}.ss-lib-subtabs{flex-shrink:0;gap:3px;margin-bottom:.5rem;display:flex}.ss-lib-subtab{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);letter-spacing:.06em;cursor:pointer;text-transform:uppercase;border-radius:4px;flex:1;padding:.35rem .5rem;font-size:.65rem;transition:all .15s}.ss-lib-subtab.active{background:var(--accent);color:#000;border-color:var(--accent)}.ss-loops-cats{flex-wrap:wrap;flex-shrink:0;gap:4px;margin-bottom:.5rem;display:flex}.ss-loop-cat{background:var(--surface2);border:1px solid var(--border);color:var(--text-dim);font-family:var(--font-m);cursor:pointer;border-radius:3px;padding:.25rem .55rem;font-size:.62rem;transition:all .15s}.ss-loop-cat.active{border-color:var(--accent);color:var(--accent);background:#f5c51826}.ss-search-row{flex-shrink:0;gap:.4rem;display:flex}.ss-input{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);font-family:var(--font-m);color:var(--text);flex:1;padding:.35rem .6rem;font-size:.65rem}.ss-lib-results{flex-direction:column;flex:1;gap:.35rem;min-height:0;display:flex;overflow-y:auto}.ss-lib-card{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;align-items:center;gap:.5rem;padding:.4rem .5rem;transition:background .12s;display:flex}.ss-lib-card:hover{background:var(--surface3)}.ss-lib-thumb{object-fit:cover;border-radius:2px;flex-shrink:0;width:32px;height:32px}.ss-lib-thumb-ph{background:var(--surface3);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex}.ss-lib-info{flex:1;min-width:0}.ss-lib-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:600;overflow:hidden}.ss-lib-artist{color:var(--text-mid);white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.ss-lib-meta{color:var(--text-dim);font-size:.55rem}.ss-lib-actions{flex-shrink:0;gap:.3rem;display:flex}.ss-lib-play,.ss-lib-use{border:1px solid var(--border2);border-radius:var(--radius);color:var(--text-mid);cursor:pointer;background:0 0;padding:.2rem .4rem;font-size:.6rem}.ss-lib-play:hover,.ss-lib-use:hover{border-color:var(--accent);color:var(--accent)}.ss-lib-play.playing{color:var(--accent2);border-color:var(--accent2)}.ss-upload-zone{border:1px dashed var(--border2);border-radius:var(--radius);color:var(--text-dim);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:.6rem;font-size:.6rem;transition:border-color .15s;display:flex}.ss-upload-zone:hover,.ss-upload-zone.ss-drag-over{border-color:var(--accent);color:var(--accent)}.ss-exhibit-list{flex-direction:column;gap:.3rem;max-height:120px;display:flex;overflow-y:auto}.ss-exhibit-item{background:var(--surface2);border-radius:var(--radius);cursor:grab;align-items:center;gap:.4rem;padding:.25rem .4rem;display:flex}.ss-exhibit-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.63rem;overflow:hidden}.ss-exhibit-artist{color:var(--text-dim);font-size:.58rem}.ss-exhibit-use{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 .2rem;font-size:.75rem}.ss-exhibit-use:hover{color:var(--accent)}.ss-main-slot{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);flex-shrink:0;padding:.5rem .65rem}.ss-main-label{font-family:var(--font-m);letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:.4rem;font-size:.52rem}.ss-main-drop{border:1px dashed var(--border2);border-radius:var(--radius);align-items:center;min-height:52px;padding:.5rem;transition:border-color .15s;display:flex}.ss-main-drop.ss-drag-over{border-color:var(--accent)}.ss-main-hint{color:var(--text-dim);font-size:.62rem}.ss-main-card{align-items:center;gap:.6rem;width:100%;display:flex}.ss-main-thumb{object-fit:cover;border-radius:2px;width:40px;height:40px}.ss-main-thumb-ph{background:var(--surface3);border-radius:2px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.ss-main-title{color:var(--text);font-size:.75rem;font-weight:700}.ss-main-artist{color:var(--text-mid);font-size:.63rem}.ss-main-meta{color:var(--text-dim);font-size:.58rem}.ss-main-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:.2rem;font-size:.8rem}.ss-main-clear:hover{color:var(--accent2)}.ss-transport{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.ss-timeline{flex-direction:column;flex:1;gap:.4rem;min-height:0;padding-right:.1rem;display:flex;overflow-y:auto}.ss-timeline-empty{color:var(--text-dim);text-align:center;padding:1.5rem 0;font-size:.62rem}.ss-block{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);cursor:grab;align-items:center;gap:.5rem;padding:.45rem .55rem;transition:background .12s;display:flex}.ss-block:hover{background:var(--surface3)}.ss-block.ss-block-dragging{opacity:.4}.ss-block.ss-block-over{border-color:var(--accent)}.ss-block-drag-handle{color:var(--text-dim);cursor:grab;flex-shrink:0;font-size:.9rem}.ss-block-info{flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.ss-block-num{background:var(--accent);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.58rem;font-weight:700;display:flex}.ss-block-titles{min-width:0}.ss-block-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.67rem;font-weight:600;overflow:hidden}.ss-block-artist{color:var(--text-mid);font-size:.58rem}.ss-block-controls{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.ss-block-adj-row{align-items:center;gap:.2rem;display:flex}.ss-block-adj{background:var(--surface3);border:1px solid var(--border2);border-radius:var(--radius);width:44px;color:var(--text);font-size:.6rem;font-family:var(--font-m);text-align:center;padding:.15rem .3rem}.ss-block-vol{width:52px;accent-color:var(--accent)}.ss-block-tip{color:var(--text-dim);cursor:help;flex-shrink:0;font-size:.75rem}.ss-block-actions{flex-shrink:0;gap:.3rem;display:flex}.ss-block-play,.ss-block-remove{border:1px solid var(--border2);border-radius:var(--radius);color:var(--text-mid);cursor:pointer;background:0 0;padding:.2rem .4rem;font-size:.6rem}.ss-block-play:hover{border-color:var(--accent);color:var(--accent)}.ss-block-remove:hover{border-color:var(--accent2);color:var(--accent2)}.ss-block-play.playing{color:var(--accent2)}.ss-ai-badge{background:var(--accent);color:#000;border-radius:var(--pill);letter-spacing:.05em;vertical-align:middle;padding:.1rem .35rem;font-size:.5rem;font-weight:700}.ss-prefs{flex-direction:column;flex-shrink:0;gap:.4rem;display:flex}.ss-select{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);font-family:var(--font-m);color:var(--text);padding:.3rem .5rem;font-size:.63rem}.ss-energy-row{align-items:center;gap:.5rem;display:flex}.ss-label{color:var(--text-dim);white-space:nowrap;font-size:.6rem}.ss-slider{accent-color:var(--accent);flex:1}.ss-suggestions{flex-direction:column;flex:1;gap:.55rem;min-height:0;display:flex;overflow-y:auto}.ss-sugg-card{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);flex-direction:column;gap:.35rem;padding:.55rem .65rem;display:flex}.ss-sugg-label{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.5rem;font-family:var(--font-m)}.ss-sugg-header{align-items:flex-start;gap:.5rem;display:flex}.ss-sugg-thumb{object-fit:cover;border-radius:2px;flex-shrink:0;width:36px;height:36px}.ss-sugg-thumb-ph{background:var(--surface3);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;display:flex}.ss-sugg-title{color:var(--text);font-size:.7rem;font-weight:700}.ss-sugg-artist{color:var(--text-mid);font-size:.62rem}.ss-sugg-source{color:var(--text-dim);font-size:.55rem}.ss-sugg-found{color:#4ae2a8}.ss-sugg-notfound{color:var(--accent2)}.ss-sugg-reason{color:var(--text-mid);margin:0;font-size:.62rem;line-height:1.45}.ss-sugg-placement{color:var(--text-dim);margin:0;font-size:.6rem}.ss-sugg-adj{gap:.6rem;display:flex}.ss-adj-row{align-items:center;gap:.3rem;display:flex}.ss-adj-lbl{color:var(--text-dim);white-space:nowrap;font-size:.57rem}.ss-adj-num{background:var(--surface3);border:1px solid var(--border2);border-radius:var(--radius);width:48px;color:var(--text);font-size:.63rem;font-family:var(--font-m);text-align:center;padding:.15rem .3rem}.ss-adj-unit{color:var(--text-dim);font-size:.55rem}.ss-freq-tip{background:var(--surface3);border-radius:var(--radius);align-items:flex-start;gap:.35rem;padding:.3rem .4rem;display:flex}.ss-freq-icon{color:var(--text-dim);flex-shrink:0;font-size:.75rem}.ss-freq-text{color:var(--text-dim);font-size:.58rem;line-height:1.4}.ss-sugg-actions{gap:.4rem;display:flex}.ss-sugg-preview,.ss-sugg-accept,.ss-sugg-reject{font-family:var(--font-m);border-radius:var(--radius);cursor:pointer;border:1px solid var(--border2);background:var(--surface3);color:var(--text);padding:.28rem .65rem;font-size:.62rem;transition:background .12s}.ss-sugg-accept{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.ss-sugg-accept:hover{opacity:.85}.ss-sugg-reject:hover{border-color:var(--accent2);color:var(--accent2)}.ss-sugg-preview.playing{color:var(--accent2)}.ss-advice-section{flex-direction:column;flex-shrink:0;gap:.4rem;display:flex}.ss-advice-box{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .7rem}.ss-advice-text{color:var(--text-mid);font-size:.65rem;line-height:1.55}.ss-gen-section{flex-direction:column;gap:.4rem;display:flex}.ss-gen-prompt{background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);color:var(--text);font-family:var(--font-m);resize:vertical;padding:.4rem .5rem;font-size:.65rem}.ss-gen-status{color:var(--text2);min-height:.9rem;font-size:.6rem}.ss-gen-audio{border-radius:var(--radius)}.ss-fugue-section{flex-direction:column;gap:.4rem;display:flex}.ss-fugue-log{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.35rem;max-height:160px;padding:.5rem .6rem;font-size:.62rem;line-height:1.5;display:flex;overflow-y:auto}.ss-fugue-msg{color:var(--text)}.ss-fugue-who{color:var(--text2);margin-right:.4rem;font-weight:700}.ss-fugue-you .ss-fugue-who{color:var(--accent)}.ss-fugue-error{color:var(--accent2)}.ss-fugue-row{gap:.4rem;display:flex}.ss-fugue-fx-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.5rem;display:flex}.ss-fugue-fx-label{color:var(--text2);white-space:nowrap;font-size:.6rem}.ss-fugue-fx-row .ss-slider{flex:1;min-width:60px}.ss-empty,.ss-searching,.ss-loading{color:var(--text-dim);text-align:center;padding:.75rem 0;font-size:.62rem}.ss-error{color:var(--accent2);background:var(--surface2);border-radius:var(--radius);padding:.5rem;font-size:.62rem}.ss-modal{z-index:9000;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ss-modal-inner{background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);min-width:340px;max-width:480px;max-height:70vh;padding:1.25rem 1.5rem;overflow-y:auto}.ss-modal-hd{font-family:var(--font-m);letter-spacing:.15em;color:var(--text);justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.7rem;display:flex}.ss-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1rem}.ss-session-row{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:.5rem 0;display:flex}.ss-session-row:last-child{border-bottom:none}.ss-session-info{flex:1}.ss-session-name{color:var(--text);font-size:.67rem}.ss-session-meta{color:var(--text-dim);font-size:.58rem}@media (width<=800px){.ss-columns{grid-template-columns:1fr;overflow:visible}.ss-tabs{display:flex}.ss-col{display:none}.ss-col-active,.ss-col-canvas{display:flex}.ss-title{font-size:2rem}.ss-header-actions{flex-wrap:wrap}}.ln-email-capture{text-align:center;max-width:500px;margin:0 auto;padding:2.5rem 1.5rem 1rem}.ln-ec-label{color:#ffffff73;letter-spacing:.03em;margin:0 0 .9rem;font-size:.85rem}.ln-ec-form{justify-content:center;gap:.5rem;display:flex}.ln-ec-form input{color:#fff;background:#ffffff0f;border:1px solid #f5c5184d;border-radius:6px;outline:none;flex:1;padding:.65rem 1rem;font-size:.95rem}.ln-ec-form input:focus{border-color:#f5c518b3}.ln-ec-form button{color:#000;cursor:pointer;white-space:nowrap;background:#f5c518;border:none;border-radius:6px;padding:.65rem 1.2rem;font-size:.9rem;font-weight:700}.ln-ec-form button:hover{background:gold}.ln-ec-confirm{color:#f5c518d9;margin:.75rem 0 0;font-size:.9rem}.ln-founder-banner{color:#fffc;letter-spacing:.03em;white-space:nowrap;background:#f5c51814;border:1px solid #f5c5184d;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;max-width:1000px;margin:2rem auto 0;padding:.65rem 2.5rem;font-size:.95rem;display:flex}.ln-founder-banner strong{color:#f5c518}.upgrade-modal-card{background:var(--surface,#111);border:1px solid var(--border,#222);text-align:center;border-radius:14px;width:90%;max-width:360px;padding:2rem 2.2rem;position:relative}.upgrade-modal-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:1rem;position:absolute;top:.7rem;right:.8rem}.upgrade-modal-icon{margin-bottom:.5rem;font-size:2rem}.upgrade-modal-title{color:var(--text-dim);margin-bottom:.2rem;font-size:.85rem}.upgrade-modal-plan{color:#fff;font-size:1.5rem;font-weight:700;font-family:var(--font-d,monospace);margin-bottom:.6rem}.upgrade-modal-sub{color:var(--text-dim);margin:0 0 1.2rem;font-size:.78rem;line-height:1.6}.upgrade-modal-cta{color:#000;cursor:pointer;background:#f5c518;border:none;border-radius:999px;width:100%;margin-bottom:.5rem;padding:.75rem;font-size:.9rem;font-weight:700;transition:opacity .15s}.upgrade-modal-cta:hover{opacity:.88}.upgrade-modal-skip{color:var(--text-dim);cursor:pointer;background:0 0;border:none;font-size:.75rem;text-decoration:underline}.plan-section{border-top:1px solid var(--border,#222);margin-top:.75rem;padding-top:.75rem}.plan-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.plan-badge{letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700;font-family:var(--font-m,monospace);border:1px solid;border-radius:4px;padding:.15rem .5rem}.plan-founder-badge{color:#c5f;font-size:.65rem;font-family:var(--font-m,monospace);border:1px solid #cc55ff59;border-radius:4px;padding:.15rem .5rem}.plan-renew{color:var(--text-dim);margin-left:auto;font-size:.62rem}.plan-storage{margin-bottom:.6rem}.plan-storage-label{color:var(--text-dim);justify-content:space-between;margin-bottom:.25rem;font-size:.65rem;display:flex}.plan-storage-bar{background:#ffffff14;border-radius:2px;height:3px;overflow:hidden}.plan-storage-fill{border-radius:2px;height:100%;transition:width .4s}.plan-limits-grid{color:var(--text-dim);grid-template-columns:1fr auto;gap:.2rem .8rem;margin-bottom:.8rem;font-size:.65rem;display:grid}.plan-limits-grid span:nth-child(2n){color:var(--text);text-align:right;font-family:var(--font-m,monospace)}.plan-actions{flex-direction:column;gap:.4rem;display:flex}.plan-upgrade-btn{color:#000;cursor:pointer;background:#f5c518;border:none;border-radius:999px;padding:.55rem .9rem;font-size:.75rem;font-weight:700;transition:opacity .15s}.plan-upgrade-btn:hover{opacity:.88}.plan-manage-btn{border:1px solid var(--border,#333);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:999px;padding:.5rem .9rem;font-size:.72rem}.plan-manage-btn:hover{border-color:var(--text-dim)}.upgrade-modal-features{text-align:left;max-height:220px;color:var(--text-dim);flex-direction:column;gap:.35rem;margin:.2rem 0 1rem;padding:0;font-size:.72rem;list-style:none;display:flex;overflow-y:auto}.upgrade-modal-features li strong{color:var(--text,#fff)}.plan-pro-teaser{margin:.6rem 0}.plan-pro-teaser-hd{color:#f5c518;letter-spacing:.03em;margin-bottom:.5rem;font-size:.72rem;font-weight:700}.plan-pro-features{color:var(--text-dim);flex-direction:column;gap:.3rem;max-height:160px;margin:0;padding:0;font-size:.65rem;list-style:none;display:flex;overflow-y:auto}.plan-pro-features li strong{color:var(--text,#fff)}.mobile-topbar{background:var(--surface,#111);border-bottom:1px solid var(--border,#222);z-index:900;justify-content:space-between;align-items:center;height:52px;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0}.mobile-topbar-logo{font-family:var(--font-d,serif);letter-spacing:.2em;color:var(--text,#fff);font-size:1.1rem}.mobile-topbar-logo span{color:var(--accent,#f5c518)}.mobile-topbar-right{align-items:center;gap:.75rem;display:flex}.mobile-hamburger{color:var(--text,#fff);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.35rem;line-height:1}.sidebar-backdrop{z-index:950;background:#0009;display:none;position:fixed;inset:0}.sidebar-backdrop.open{display:block}@media (width<=768px){input,select,textarea{font-size:16px!important}:root{--sidebar-w:0px}.mobile-topbar{display:flex}.sidebar{z-index:960;--sidebar-w:260px;height:100vh;transition:transform .25s cubic-bezier(.22,1,.36,1);top:0;left:0;overflow-y:auto;transform:translate(-100%);background:var(--surface)!important;-webkit-backdrop-filter:none!important;width:260px!important;position:fixed!important}.sidebar.mobile-open{transform:translate(0)}.sidebar .logo span,.sidebar .nav-item span:not(.nav-icon),.sidebar .np-info,.sidebar .sidebar-spotify{display:unset!important}.sidebar .logo{padding:1rem 1.25rem;font-size:1.2rem}.sidebar .nav-item{justify-content:flex-start;padding:.65rem 1.25rem}.main-content{padding:calc(52px + 1.25rem) 1rem 1.25rem;margin-left:0!important}.main-content.landing-full{padding-top:0}.sidebar-mini-btn{display:none}.vinyl-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.vinyl-disc-outer{width:120px;height:120px}.exhibit-layout,.exhibit-two-col{gap:1rem;flex-direction:column!important}.workshop-layout{grid-template-columns:1fr!important}.ws-sidebar{display:none}.search-bar-row{flex-direction:column;gap:.5rem}.search-bar-row input,.search-bar-row select,.search-bar-row button{width:100%}.popular-grid,.trending-grid{grid-template-columns:1fr!important}.lyrics-layout,.discussion-layout,.blog-layout{flex-direction:column}.card-row,.feature-row{flex-direction:column;gap:.75rem}.mobile-desktop-only{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;padding:2rem;display:flex}.mobile-desktop-only .mdo-icon{opacity:.4;font-size:2.5rem}.mobile-desktop-only .mdo-title{color:var(--text,#fff);font-size:1.15rem}.mobile-desktop-only .mdo-sub{color:var(--text-dim,#888);max-width:260px;font-size:.82rem}.ln-node{display:none}.ln-hero{width:92vw;padding:3rem 1.25rem}.ln-founder-banner,.ln-founder-banner-hero{white-space:normal;text-align:center;width:min(320px,86vw);padding:.6rem 1rem;font-size:.72rem}.ln-hero-brand{letter-spacing:.08em;overflow-wrap:break-word;max-width:100%;font-size:clamp(1.8rem,9vw,3rem)}.ln-headline{overflow-wrap:break-word;max-width:100%;font-size:clamp(1.7rem,8.5vw,2.6rem)}.ln-pill{white-space:normal;text-align:center;padding:.5rem 1rem;font-size:.8rem}.ln-nav-links{display:none}.ln-nav{top:calc(52px + .6rem)}.ln-diagram-wrap{flex-direction:column;gap:1.5rem;max-width:100%}.ln-orbit-wrap{width:min(480px,90vw)}.ln-feat-col,.ln-feat-col-r{text-align:center;align-items:center;width:100%}.ln-feat-col-r .ln-feat-item{flex-direction:row}.ln-fold1{flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;width:100%;height:auto;min-height:100vh;padding:5rem 0 2.5rem;display:flex}.ln-hero,.ln-logos{position:static;transform:none}.ln-founder-banner-hero,.ln-ec-hero{position:static!important;transform:none!important}.ln-eq{display:none}.ln-logos{flex-wrap:wrap;gap:.6rem 1.5rem;padding:0 1rem}.ln-fs,.ln-fs-flip{gap:1.5rem;flex-direction:column!important}.ln-fs-visual{flex:none!important;width:100%!important}.auth-modal{width:94vw;padding:1.5rem 1.25rem}.sidebar-now-playing{display:none}h1{font-size:1.6rem}h2{font-size:1.3rem}table{font-size:.75rem}.page-header{flex-wrap:wrap;gap:.5rem}.dj-console{flex-direction:column;gap:.75rem;display:flex!important}#deckB,.crossfader-col{display:none!important}#deckA{width:100%}.deck-btn{min-width:44px;min-height:44px;font-size:.9rem}.deck-controls{flex-wrap:wrap;justify-content:center;gap:.45rem}.deck-hotcues,.deck-loops,.deck-fx-row{display:none}.deck-bpm-row{flex-wrap:wrap;gap:.3rem}.deck-knobs{flex-wrap:wrap;gap:.5rem}.knob-group input[type=range]{width:100%}.daw-section{flex-direction:column;display:flex;overflow:hidden}.daw-transport{flex-wrap:wrap;gap:.2rem;padding:.3rem .4rem}.daw-transport-right{flex-wrap:wrap;gap:.15rem}#dawLoopBrowserBtn,#dawProjectBtn,#dawSnapBtn,#dawSnapRes,#dawZoomIn,#dawZoomOut{display:none}.daw-timeline{-webkit-overflow-scrolling:touch;overflow-x:auto}.daw-bottom-panel{max-height:45vh;overflow-y:auto}.cv-topbar{flex-wrap:wrap;gap:.35rem}.cv-topbar-tools{flex-wrap:wrap}.cv-topbar-actions{flex-wrap:wrap;row-gap:.35rem}.cv-vinyl-select{max-width:100%}.cv-workspace{flex-direction:column;height:auto;min-height:0}.cv-panel-left{flex-flow:wrap;gap:.5rem;width:100%;max-height:140px;padding:.5rem;overflow-y:auto}.cv-panel-right{display:none}.cv-canvas-area{flex:1;width:100%;min-height:300px}.cv-panel{border:none;border-top:1px solid var(--border)}}@media (width<=390px){.vinyl-grid{grid-template-columns:1fr}.mobile-topbar-logo{font-size:.95rem}}.ln-ec-hero{text-align:center;max-width:480px;margin:1.5rem auto 0}.ln-ec-hero .ln-ec-label{color:var(--accent,#f5c518);letter-spacing:.03em;margin-bottom:.75rem;font-size:.78rem}.ln-founder-banner-hero{white-space:nowrap;z-index:7;position:absolute;bottom:8rem;left:50%;transform:translate(-50%)}.ln-ec-hero{z-index:7;width:min(500px,90vw);margin:0;padding-top:0;position:absolute;bottom:3.5rem;left:50%;transform:translate(-50%)}:root{--font-s:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--font-m:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--font-d:"Bebas Neue", sans-serif;--font-i:"Playfair Display", serif;--bg:#000;--surface:#1c1c1e;--surface2:#2c2c2e;--surface3:#3a3a3c;--border:#ffffff14;--border2:#ffffff24;--text:#fff;--text-mid:#fff9;--text-dim:#ffffff4d;--radius:12px;--radius-lg:20px;--pill:999px;--grain:0;--shadow:0 8px 32px #00000080}.noise{display:none}body{font-family:var(--font-s);-webkit-font-smoothing:antialiased}:root{--sidebar-w:232px}.sidebar{-webkit-backdrop-filter:blur(40px)saturate(180%);width:var(--sidebar-w);background:#121214e0;border-right:1px solid #ffffff0f;padding:1.25rem 0 1rem}.logo{font-family:var(--font-d);letter-spacing:-.02em;border-bottom:1px solid #ffffff0f;padding:0 1.1rem 1.1rem;font-size:1.5rem;font-weight:700;line-height:1.1}.logo span{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-top:.2rem;font-size:.65rem;font-weight:400;display:block}.nav-links{flex:1;padding:.5rem .75rem}.nav-item{color:var(--text-mid);letter-spacing:-.01em;text-transform:none;border-left:none;border-radius:10px;align-items:center;gap:.6rem;margin-bottom:2px;padding:.52rem .85rem;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:var(--text);background:#ffffff12}.nav-item.active{color:var(--accent);letter-spacing:-.01em;background:#f5c51824;border-left:none;font-weight:600}.nav-icon{opacity:.8;font-size:.9rem}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.theme-switch{background:#ffffff0f;border:1px solid #ffffff12;border-radius:10px;margin:0 .75rem .5rem;padding:.2rem}.theme-opt{letter-spacing:-.01em;text-transform:none;border-radius:8px;padding:.38rem .2rem;font-size:.68rem;font-weight:500}.theme-opt.on{background:var(--surface3);color:var(--text);font-weight:600}.sidebar-settings{padding:.35rem .75rem .2rem}.settings-sidebar-btn{letter-spacing:-.01em;color:var(--text-mid);border:1px solid #ffffff14;border-radius:10px;padding:.48rem .85rem;font-size:.78rem;font-weight:500}.settings-sidebar-btn:hover{border-color:var(--accent);color:var(--accent)}.sidebar-spotify{border-top:1px solid #ffffff0f;padding:.5rem .75rem}.spotify-btn{letter-spacing:-.01em;border-radius:10px;padding:.52rem .85rem;font-size:.78rem;font-weight:500}.sidebar-now-playing{border-top:1px solid #ffffff0f;padding:.85rem 1rem}.np-disc{border-radius:8px;width:38px;height:38px}.np-title{font-size:.78rem;font-weight:500}.np-artist{font-size:.68rem}.main-content{margin-left:var(--sidebar-w);padding:2.5rem 2.75rem}.page-header{margin-bottom:2rem}.page-title{font-family:var(--font-d);letter-spacing:-.03em;font-size:2.6rem;font-weight:700;line-height:1.05}.page-title em{color:var(--accent);font-style:normal}.page-sub{letter-spacing:.02em;text-transform:uppercase;color:var(--text-dim);font-size:.75rem;font-weight:500}.btn-primary{font-family:var(--font-s);letter-spacing:-.01em;text-transform:none;background:var(--accent);color:#000;border-radius:12px;padding:.62rem 1.4rem;font-size:.82rem;font-weight:600;transition:opacity .15s,transform .15s}.btn-primary:hover{background:var(--accent);opacity:.88;transform:translateY(-1px)}.btn-secondary{font-family:var(--font-s);letter-spacing:-.01em;text-transform:none;border:1px solid #ffffff1a;border-radius:12px;padding:.58rem 1.2rem;font-size:.82rem;font-weight:500}.btn-secondary:hover{color:var(--text);border-color:#ffffff40}.card,.panel{border-radius:var(--radius-lg);border:1px solid var(--border)}.settings-modal-card,.admin-modal-card,.upgrade-modal-card{-webkit-backdrop-filter:blur(40px)saturate(160%);background:#1c1c1ef5;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 24px 64px #0009}.settings-modal-hd,.admin-modal-hd{font-family:var(--font-d);letter-spacing:-.01em;border-bottom:1px solid #ffffff12;padding:1rem 1.25rem;font-size:.9rem;font-weight:600}.settings-section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);font-size:.65rem;font-weight:600}.settings-section{padding:.6rem 1.25rem .4rem}.settings-row{border-bottom:1px solid #ffffff0d;padding:.42rem 0}.settings-lbl{color:var(--text-mid);letter-spacing:-.01em;font-size:.8rem;font-weight:400}.settings-val{color:var(--text);font-size:.8rem}.settings-input{color:var(--text);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9px;padding:.4rem .65rem;font-size:.8rem}.settings-input:focus{border-color:#f5c51899;outline:none}.settings-save-btn{background:var(--accent);color:#000;letter-spacing:-.01em;border-radius:8px;padding:.32rem .8rem;font-size:.72rem;font-weight:600}.settings-theme-btn{letter-spacing:-.01em;border:1px solid #ffffff17;border-radius:8px;padding:.28rem .65rem;font-size:.72rem;font-weight:500}.settings-theme-btn.active{background:var(--accent);color:#000;border-color:var(--accent)}.settings-action-btn{color:var(--text-mid);letter-spacing:-.01em;border:1px solid #ffffff17;border-radius:8px;font-size:.72rem;font-weight:500}.settings-action-btn:hover{border-color:var(--accent);color:var(--accent)}.settings-danger-btn{color:#ff453a;letter-spacing:-.01em;border:1px solid #dc32324d;border-radius:8px;font-size:.72rem;font-weight:500}.settings-danger-btn:hover{background:#ff453a1a;border-color:#ff453a}.settings-cancel-btn{letter-spacing:-.01em;border-radius:8px;font-size:.72rem;font-weight:500}.settings-admin-btn{color:var(--accent);border-color:#f5c51840}.settings-admin-btn:hover{border-color:var(--accent);background:#f5c51814}.upgrade-modal-card{border-radius:24px;padding:2rem}.upgrade-modal-title{letter-spacing:-.02em;font-size:1.3rem;font-weight:700}.upgrade-modal-plan{letter-spacing:-.03em;font-size:1.6rem;font-weight:700}.upgrade-modal-cta{letter-spacing:-.01em;border-radius:14px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600}.plan-badge{letter-spacing:.02em;border-radius:6px;font-size:.65rem;font-weight:700}.plan-upgrade-btn{letter-spacing:-.01em;border-radius:14px;font-size:.78rem;font-weight:600}.plan-manage-btn{letter-spacing:-.01em;border-radius:14px;font-size:.75rem}.admin-modal-hd{color:var(--accent)}.admin-stats-row{border:1px solid #ffffff12;border-radius:12px}.admin-table-wrap{border-radius:12px}.admin-input{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:9px;padding:.38rem .6rem;font-size:.8rem}.admin-btn{border-radius:9px;padding:.38rem .8rem;font-size:.72rem;font-weight:600}.admin-section-title{letter-spacing:.06em;font-size:.65rem;font-weight:600}.admin-stat-l{letter-spacing:.05em;font-size:.6rem;font-weight:500}.auth-modal{-webkit-backdrop-filter:blur(40px);background:#1c1c1ef7;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 24px 64px #000000b3}.auth-input{color:var(--text);font-size:.88rem;font-family:var(--font-s);background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;padding:.7rem .9rem}.auth-input:focus{border-color:#f5c51880;outline:none}.auth-submit{letter-spacing:-.01em;text-transform:none;border-radius:12px;padding:.72rem;font-size:.88rem;font-weight:600}.auth-tab{letter-spacing:-.01em;font-size:.82rem;font-weight:500}.auth-profile-menu{-webkit-backdrop-filter:blur(40px);background:#1c1c1ef7;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 12px 40px #0009}.apm-item{letter-spacing:-.01em;border-radius:8px;font-size:.82rem;font-weight:500}input[type=text],input[type=search],input[type=email],select{font-family:var(--font-s);-webkit-font-smoothing:antialiased}.vinyl-item,.search-result-item,.exhibit-item{border-radius:14px;overflow:hidden}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=glow] .nav-item{letter-spacing:-.01em;text-transform:none;font-size:.82rem}[data-theme=day] .nav-item{text-transform:none;letter-spacing:-.01em}