.capsule-wrapper[data-v-75b4c609]{position:fixed;bottom:30px;left:0;width:100%;display:flex;justify-content:center;z-index:9999;padding:0 20px;pointer-events:none}.sn-capsule[data-v-75b4c609]{pointer-events:auto;position:relative;width:100%;max-width:1200px;height:90px;background-color:#0a0f19d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);border-radius:24px;overflow:hidden;box-shadow:0 20px 40px #0009,inset 0 1px 1px #ffffff1a;font-family:Inter,sans-serif;color:#fff;transition:background-color .15s ease-out,border-color .15s ease-out}.sn-capsule.is-bassing[data-v-75b4c609]{background-color:#140a0ae6;border-color:#ff450033}.waveform-canvas[data-v-75b4c609]{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.6}.capsule-content[data-v-75b4c609]{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 24px}.capsule-left[data-v-75b4c609]{display:flex;align-items:center;gap:20px;width:35%}.art-wrapper[data-v-75b4c609]{position:relative;width:60px;height:60px;flex-shrink:0}.art-glow[data-v-75b4c609]{position:absolute;inset:-4px;background-color:#ff4500;filter:blur(8px);border-radius:12px;transition:transform .1s ease-out,opacity .1s ease-out}.playing-idle[data-v-75b4c609]{opacity:.3;transform:scale(1)}.bass-hit[data-v-75b4c609]{opacity:.8;transform:scale(1.1);background-color:#ff5722}.opacity-0[data-v-75b4c609]{opacity:0;transform:scale(.9);transition:all .5s ease}.capsule-art[data-v-75b4c609]{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.1);z-index:10}.visualizer-overlay[data-v-75b4c609]{position:absolute;inset:0;background:#00000080;z-index:20;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:3px}.v-bar[data-v-75b4c609]{width:4px;background-color:#fff;border-radius:2px}.v-1[data-v-75b4c609]{animation:v-bounce-75b4c609 .6s ease-in-out infinite alternate}.v-2[data-v-75b4c609]{animation:v-bounce-75b4c609 .4s ease-in-out infinite alternate}.v-3[data-v-75b4c609]{animation:v-bounce-75b4c609 .8s ease-in-out infinite alternate}@keyframes v-bounce-75b4c609{0%{height:5px}to{height:20px}}.track-info[data-v-75b4c609]{display:flex;flex-direction:column;justify-content:center;min-width:0}.track-title[data-v-75b4c609]{font-size:16px;font-weight:900;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 4px rgba(0,0,0,.8)}.track-artist[data-v-75b4c609]{font-size:11px;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:1px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(0,0,0,.8)}.track-stats[data-v-75b4c609]{display:none;align-items:center;gap:10px}@media(min-width:768px){.track-stats[data-v-75b4c609]{display:flex}}.stat-btn[data-v-75b4c609]{background:none;border:none;color:#888;font-size:10px;font-weight:900;cursor:pointer;transition:color .2s;padding:0;text-shadow:0 1px 2px rgba(0,0,0,.8)}.stat-btn[data-v-75b4c609]:hover{color:#ff4500}.stat-divider[data-v-75b4c609]{color:#555;font-size:10px}.stat-text[data-v-75b4c609]{color:#888;font-size:10px;font-weight:900;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.8)}.capsule-middle[data-v-75b4c609]{display:flex;flex-direction:column;align-items:center;justify-content:center;width:30%}@media(max-width:768px){.capsule-middle[data-v-75b4c609]{display:none}.capsule-left[data-v-75b4c609]{width:60%}}.status-header[data-v-75b4c609]{display:flex;align-items:center;gap:8px;margin-bottom:4px}.status-dot[data-v-75b4c609]{width:8px;height:8px;border-radius:50%}.live-dot[data-v-75b4c609]{background-color:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulse-75b4c609 2s infinite}.auto-dot[data-v-75b4c609]{background-color:#ff4500;box-shadow:0 0 8px #ff4500}@keyframes pulse-75b4c609{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.dj-name[data-v-75b4c609]{font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.8)}.status-sub[data-v-75b4c609]{font-size:9px;font-weight:800;color:#999;margin:0;letter-spacing:1px;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.8)}.text-red[data-v-75b4c609]{color:#ef4444}.text-orange[data-v-75b4c609]{color:#ff4500}.capsule-right[data-v-75b4c609]{display:flex;align-items:center;justify-content:flex-end;gap:20px;width:35%}.volume-control[data-v-75b4c609]{display:none;align-items:center;gap:8px}@media(min-width:768px){.volume-control[data-v-75b4c609]{display:flex}}.vol-label[data-v-75b4c609]{font-size:10px;font-weight:900;color:#888;letter-spacing:2px}.vol-slider[data-v-75b4c609]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:80px;height:4px;background:#ffffff1a;border-radius:5px;outline:none;cursor:pointer}@media(min-width:768px){.vol-slider[data-v-75b4c609]{width:100px}}.vol-slider[data-v-75b4c609]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;-webkit-transition:transform .1s;transition:transform .1s}.vol-slider[data-v-75b4c609]::-webkit-slider-thumb:hover{transform:scale(1.3)}.big-play-btn[data-v-75b4c609]{width:54px;height:54px;background-color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:0 4px 15px #0006}.big-play-btn[data-v-75b4c609]:hover{transform:scale(1.08);box-shadow:0 6px 20px #ffffff40}.big-play-btn[data-v-75b4c609]:active{transform:scale(.95)}.icon-play[data-v-75b4c609]{width:24px;height:24px;fill:#000;margin-left:4px}.icon-pause[data-v-75b4c609]{width:24px;height:24px;fill:#000}.footer-heading[data-v-1f1f7d3f]{margin-bottom:1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:900;text-transform:uppercase;font-style:italic;letter-spacing:-.05em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.footer-link[data-v-1f1f7d3f]{display:block;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem;line-height:1.25rem;font-weight:700;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.footer-link[data-v-1f1f7d3f]:hover{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-text-opacity: 1;color:rgb(255 69 0 / var(--tw-text-opacity, 1))}.custom-engine[data-v-b342eb00]{background-color:var(--bg-body)!important;color:#fff!important;padding-bottom:120px;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden;width:100%}.sn-nav[data-v-b342eb00]{height:80px;border-bottom:2px solid var(--brand-primary);background-color:var(--bg-main);position:sticky;top:0;transition:all .5s ease}.nav-container[data-v-b342eb00]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:100%;padding:0 40px}.logo[data-v-b342eb00]{font-size:32px;font-weight:950;font-style:italic;letter-spacing:-2px;text-transform:uppercase;text-decoration:none;position:relative;z-index:1001;color:#fff}.brand-text[data-v-b342eb00]{color:var(--brand-primary);transition:color .5s}.nav-elements[data-v-b342eb00]{display:flex;align-items:center;gap:35px;width:100%;justify-content:flex-end}.links[data-v-b342eb00]{display:flex;gap:35px;align-items:center}.links a[data-v-b342eb00]{font-size:11px;font-weight:900;color:#fff;text-decoration:none;letter-spacing:2px;text-transform:uppercase;transition:color .2s}.links a[data-v-b342eb00]:hover{color:var(--brand-primary)}.discord-btn[data-v-b342eb00]{background-color:#5865f2;padding:10px 20px;border-radius:8px;box-shadow:0 4px 15px #5865f233;color:#fff!important;transition:transform .2s}.discord-btn[data-v-b342eb00]:hover{transform:translateY(-2px)}.auth[data-v-b342eb00]{display:flex;align-items:center;margin-left:20px}.login-btn[data-v-b342eb00]{background-color:var(--brand-primary);padding:12px 30px;border-radius:100px;font-weight:900;font-size:12px;color:#fff;text-decoration:none;box-shadow:0 4px 15px var(--brand-glow)}.user-pill[data-v-b342eb00]{display:flex;align-items:center;gap:15px}.user-name[data-v-b342eb00]{font-size:11px;font-weight:900;color:#888;text-transform:uppercase}.logout-link[data-v-b342eb00]{font-size:11px;font-weight:900;color:var(--brand-primary);border:none;background:none;cursor:pointer;padding:0}.staff-btn[data-v-b342eb00]{display:flex;align-items:center;gap:8px;background-color:#fff;color:#000!important;padding:6px 14px;border-radius:6px;font-size:10px!important;font-weight:950!important;text-transform:uppercase;letter-spacing:1px;transition:all .2s}.staff-btn[data-v-b342eb00]:hover{background-color:var(--brand-primary);color:#fff!important}.staff-btn .live-dot[data-v-b342eb00]{width:6px;height:6px;background-color:var(--brand-primary);border-radius:50%;box-shadow:0 0 8px var(--brand-primary);animation:staffPulse-b342eb00 2s infinite}.settings-shortcut[data-v-b342eb00]{color:#444;transition:all .2s;display:flex;align-items:center;justify-content:center}.settings-shortcut svg[data-v-b342eb00]{width:16px;height:16px}.settings-shortcut[data-v-b342eb00]:hover{color:var(--brand-primary);transform:rotate(45deg)}@keyframes staffPulse-b342eb00{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.mobile-toggle[data-v-b342eb00]{display:none;background:none;border:none;color:var(--brand-primary);font-weight:950;font-size:16px;cursor:pointer;position:relative;z-index:1001}@media(max-width:1024px){.nav-elements[data-v-b342eb00]{position:fixed;inset:0;background-color:var(--bg-body);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;opacity:0;pointer-events:none;transition:opacity .3s;z-index:1000}.nav-elements.mobile-open[data-v-b342eb00]{opacity:1;pointer-events:all}.links[data-v-b342eb00]{flex-direction:column;gap:30px;font-size:20px}.links a[data-v-b342eb00]{font-size:18px}}