@import"https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700,900,300,200";#electron-titlebar{position:fixed;top:0;left:0;right:0;height:auto;background:transparent;display:flex;justify-content:flex-end;align-items:flex-start;z-index:999999;border-bottom:none;user-select:none;pointer-events:none;-webkit-app-region:no-drag;overflow:visible}.titlebar-drag-region,.titlebar-title{display:none}.titlebar-controls{display:flex;height:auto;background:transparent;border-bottom-left-radius:0;-webkit-app-region:no-drag;pointer-events:auto;box-shadow:none;gap:0;margin:0}.titlebar-button{width:auto;min-width:32px;height:28px;border:2px solid #444;background:#000000e6;color:#ccc;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;font-family:Source Code Pro,monospace;font-size:10px;font-weight:500;letter-spacing:.5px;padding:0 .5rem;-webkit-app-region:no-drag;pointer-events:auto;border-radius:0}.titlebar-button:hover{background:#ffffff26;border-color:#666}.titlebar-button.close-btn:hover{background:#e8112333;border-color:#e81123;color:#e81123}.titlebar-button svg{pointer-events:none;width:12px;height:12px}body:has(#electron-titlebar){padding-top:0}body:has(#electron-titlebar) .dj-section,body:has(#electron-titlebar) .player-deck,body:has(#electron-titlebar) .deck-container,body:has(#electron-titlebar) .center-controls,body:has(#electron-titlebar) .center-mixer-panel,body:has(#electron-titlebar) .mixer-section,body:has(#electron-titlebar) .visualizer-container,body:has(#electron-titlebar) .music-library{-webkit-app-region:drag;-webkit-user-select:none;user-select:none}body:has(#electron-titlebar) button,body:has(#electron-titlebar) input,body:has(#electron-titlebar) select,body:has(#electron-titlebar) textarea,body:has(#electron-titlebar) a,body:has(#electron-titlebar) .slider,body:has(#electron-titlebar) canvas,body:has(#electron-titlebar) .waveform,body:has(#electron-titlebar) .waveform-container,body:has(#electron-titlebar) .album-card,body:has(#electron-titlebar) .album-cover-large,body:has(#electron-titlebar) .library-album-cover,body:has(#electron-titlebar) .album-item-modern,body:has(#electron-titlebar) .track-item,body:has(#electron-titlebar) .track-item-oneline,body:has(#electron-titlebar) .artist-card,body:has(#electron-titlebar) .music-card,body:has(#electron-titlebar) .song-row,body:has(#electron-titlebar) .unified-song-item,body:has(#electron-titlebar) .queue-item-wrapper,body:has(#electron-titlebar) .queue-song-button,body:has(#electron-titlebar) .queue-mic-button,body:has(#electron-titlebar) .tilted-breadcrumb-item,body:has(#electron-titlebar) .breadcrumb-btn,body:has(#electron-titlebar) .breadcrumb-element,body:has(#electron-titlebar) .scrollable,body:has(#electron-titlebar) .library-content,body:has(#electron-titlebar) .albums-grid,body:has(#electron-titlebar) .artists-grid,body:has(#electron-titlebar) .tracks-list,body:has(#electron-titlebar) .controls,body:has(#electron-titlebar) .control-group,body:has(#electron-titlebar) .knob,body:has(#electron-titlebar) .fader,body:has(#electron-titlebar) .eq-control,body:has(#electron-titlebar) .mic-btn-pro,body:has(#electron-titlebar) .mic-effect-button,body:has(#electron-titlebar) .mic-effects-vertical,body:has(#electron-titlebar) .stream-live-indicator,body:has(#electron-titlebar) .user-status-indicator,body:has(#electron-titlebar) .volume-meter-compact,body:has(#electron-titlebar) .mic-device-dropdown,body:has(#electron-titlebar) .wishbox-frame{-webkit-app-region:no-drag;-webkit-user-select:auto;user-select:auto}body:has(#electron-titlebar) .album-cover,body:has(#electron-titlebar) .album-cover-container,body:has(#electron-titlebar) .album-cover-modern{-webkit-app-region:no-drag;-webkit-user-select:none;user-select:none}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:url(../material-icons.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-moz-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--player-a-color: #ff7878;--player-b-color: #7cacff;--player-c-color: #ffe570;--player-d-color: #7dffad;--player-a-light: color-mix(in srgb, var(--player-a-color) 70%, white);--player-a-dark: color-mix(in srgb, var(--player-a-color) 80%, black);--player-a-glow: color-mix(in srgb, var(--player-a-color) 40%, transparent);--player-b-light: color-mix(in srgb, var(--player-b-color) 70%, white);--player-b-dark: color-mix(in srgb, var(--player-b-color) 80%, black);--player-b-glow: color-mix(in srgb, var(--player-b-color) 40%, transparent);--player-c-light: color-mix(in srgb, var(--player-c-color) 70%, white);--player-c-dark: color-mix(in srgb, var(--player-c-color) 80%, black);--player-c-glow: color-mix(in srgb, var(--player-c-color) 40%, transparent);--player-d-light: color-mix(in srgb, var(--player-d-color) 70%, white);--player-d-dark: color-mix(in srgb, var(--player-d-color) 80%, black);--player-d-glow: color-mix(in srgb, var(--player-d-color) 40%, transparent);--center-mixer-width: 270px}.album-header{background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid #444;border-radius:4px;padding:1rem;margin-bottom:1rem}.album-header h3{color:#fff;font-size:1.2rem;margin:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1e1e1e,#2d2d2d);color:#fff;min-height:100vh;height:100vh;overflow:hidden}#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dj-section{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr 1fr;gap:1rem;padding:.75rem 1.5rem 1.5rem;background:#1a1a1a;flex-shrink:0;position:relative;z-index:1}#player-a{grid-column:1;grid-row:1}#player-b{grid-column:3;grid-row:1}#player-c{grid-column:1;grid-row:2}#player-d{grid-column:3;grid-row:2}.center-controls{grid-column:2;grid-row:1 / 3;display:flex;flex-direction:column;justify-content:center}.dj-section:has(#player-c[style*="display: none"]):has(#player-d[style*="display: none"]){grid-template-rows:1fr;min-height:auto}.dj-section:has(#player-c[style*="display: none"]):has(#player-d[style*="display: none"]) .center-controls{grid-row:1}.dj-section:has(#player-c[style*="display: none"]):has(#player-d[style*="display: none"]) .wishbox-frame{display:none!important}.wishbox-frame{grid-column:2;grid-row:2;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:2px solid #444;border-radius:4px;box-shadow:0 0 3px #4444444d,inset 0 0 2px #4443;display:flex;flex-direction:column;overflow:hidden;min-height:160px;max-height:160px;width:100%;max-width:var(--center-mixer-width);box-sizing:border-box;margin:0;position:relative;justify-self:stretch}.wishbox-frame{display:none!important}body.logged-in .wishbox-frame{display:block!important}.wishbox-frame-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:.25rem;display:flex;flex-direction:column;gap:.25rem;max-height:100%;overscroll-behavior:contain;scroll-behavior:smooth}.wishbox-frame-content .wishbox-item{background:linear-gradient(145deg,#333,#2a2a2a);border:2px solid #444;border-radius:2px;padding:.3rem .5rem;display:flex;flex-direction:column;gap:.25rem;transition:all .2s ease;font-size:.75rem;box-shadow:0 0 3px #4444444d,inset 0 0 2px #4443;flex-shrink:0}.wishbox-frame-content .wishbox-item:hover{background:linear-gradient(145deg,#3a3a3a,#2e2e2e);border-color:#666;box-shadow:0 0 5px #4446,inset 0 0 3px #4444444d}.wishbox-frame-content .wishbox-item-header{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.wishbox-frame-content .wishbox-item-name{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#7289da;font-weight:600;letter-spacing:.3px;flex:1}.wishbox-frame-content .wishbox-item-name .material-icons{font-size:.9rem;color:#7289da}.wishbox-frame-content .wishbox-item-time{font-size:.7rem;color:#888;white-space:nowrap;font-weight:600;letter-spacing:.3px;text-transform:uppercase;flex-shrink:0;margin-left:auto}.wishbox-frame-content .wishbox-item-request{background:#7289da26;border:1px solid #7289da;border-radius:2px;padding:.3rem .5rem;display:flex;align-items:center;gap:.3rem;cursor:pointer;transition:all .2s ease;font-size:.75rem;color:#ccc}.wishbox-frame-content .wishbox-item-request:hover{background:#7289da4d;border-color:#8ea1e1;transform:translate(2px)}.wishbox-frame-content .wishbox-item-request .material-icons{font-size:.9rem;color:#7289da;flex-shrink:0}.wishbox-frame-content .wishbox-item-request .request-text{flex:1;overflow:hidden;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word;letter-spacing:.3px}.wishbox-frame-content .wishbox-item-message{display:flex;align-items:center;gap:.3rem;font-size:.7rem;color:#999;font-style:italic;padding:.25rem 0;border-top:1px solid #333;overflow:hidden;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.wishbox-frame-content .wishbox-item-message .material-icons{font-size:.8rem;color:#999;flex-shrink:0}.wishbox-frame-content .wishbox-item-content{font-size:.75rem;color:#ccc;flex:1;overflow:hidden;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;word-break:break-word;letter-spacing:.3px}.player-deck{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:2px solid #444;border-radius:4px;padding:.75rem;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;position:relative;height:fit-content;min-height:160px;display:flex;flex-direction:column;container-type:inline-size}.player-main{display:flex;flex-direction:column;height:100%}.player-content-area{flex:1;margin-bottom:.5rem}.player-top-section{display:flex;gap:0;margin:0}.album-section{display:flex;flex-direction:column;align-items:center;gap:0;width:80px;flex-shrink:0}.track-info-section{flex:1;display:flex;align-items:center}.album-cover{width:80px;height:80px;background:#333;border:1px solid #555;border-radius:2px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden;aspect-ratio:1/1}.player-deck .album-cover{height:auto}.player-deck .album-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#ffffff40,#0006);box-shadow:inset 0 2px 4px #fff9,inset 0 -4px 6px #000000b3,0 2px 6px #000c;border-radius:2px;pointer-events:none;z-index:1;opacity:.8}.album-cover img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.album-cover[draggable=true]{transition:all .2s ease}.album-cover[draggable=true]:hover{transform:scale(1.02)}.album-cover[draggable=true]:active{transform:scale(.98)}.album-cover[draggable=true]{cursor:grab}.album-cover[draggable=true]:active{cursor:grabbing}.album-cover[style*=not-allowed]{cursor:not-allowed!important;opacity:.7}.album-cover[style*="rgba(255, 255, 255, 0.1)"]{border:2px dashed rgba(255,255,255,.5);background-color:#ffffff1a!important}.local-file-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:8px;background:linear-gradient(135deg,#64ffda1a,#64ffda0d);border:2px solid rgba(100,255,218,.3);border-radius:8px;color:#64ffdae6;text-align:center}.local-file-cover .material-icons{font-size:32px;margin-bottom:4px;color:#64ffdacc}.local-file-cover .file-info{font-size:10px;line-height:1.2}.local-file-cover .file-name{font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.local-file-cover .file-size{opacity:.7;font-size:9px}.local-file-indicator{display:flex;align-items:center;justify-content:center;gap:4px;color:#64ffdacc;font-size:11px;font-weight:500;padding:4px 8px;background:#64ffda1a;border-radius:12px;border:1px solid rgba(100,255,218,.3)}.local-file-indicator .material-icons{font-size:16px}.live-radio-waveform{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;background:linear-gradient(135deg,#ff57221a,#ff57220d);border-radius:8px;color:#ff5722e6}.live-indicator{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;font-size:14px}.live-dot{width:12px;height:12px;background:#ff5722;border-radius:50%;box-shadow:0 0 8px #ff572299}.live-dot.pulsing{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.radio-bars{display:flex;align-items:end;gap:4px;height:40px;margin-bottom:12px}.radio-bar{width:6px;height:20%;background:linear-gradient(to top,#ff5722,#ff8a65);border-radius:3px;transition:height .3s ease}.radio-bar.animated{animation:radioWave 1.2s ease-in-out infinite}@keyframes radioWave{0%,to{height:20%}25%{height:60%}50%{height:80%}75%{height:40%}}.radio-info{font-size:12px;opacity:.8;text-align:center}.radio-frequency{font-family:Source Code Pro,monospace;font-weight:500}.album-placeholder{color:#666;font-size:12px;text-align:center;padding:0}.playlist-cover{width:100%;height:100%;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:4px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.playlist-cover-large{width:200px;height:200px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 8px 20px #0000004d}.playlist-overlay{position:absolute;bottom:4px;right:4px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:2px;font-size:10px;font-weight:700;text-transform:uppercase}.playlist-overlay-large{position:absolute;bottom:8px;right:8px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;text-transform:uppercase}.hausaufgaben-playlist{border:2px solid #ff6b6b;box-shadow:0 0 10px #ff6b6b4d}.hausaufgaben-playlist:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff6b6b66}.player-content-compact{flex:1;display:flex;flex-direction:column;gap:0;min-width:0;position:relative;z-index:15}.track-info-compact{min-height:2.5rem;margin:0;padding:0}.track-info-compact .track-title{font-weight:700;font-size:14px;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-info-compact .track-artist{font-size:12px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls-line-breadcrumb{display:flex;align-items:center;gap:0;margin:0;flex-wrap:nowrap;position:relative;z-index:20;max-width:100%;justify-content:space-between}.controls-left-section{display:flex;align-items:center;gap:0;flex-shrink:0}.controls-middle-section{display:flex;align-items:center;gap:0;flex:1;min-width:0;justify-content:flex-start;margin-left:0;overflow:hidden}.controls-right-section{display:flex;align-items:center;flex-shrink:0}.breadcrumb-btn,.breadcrumb-element{display:flex;align-items:center;justify-content:center;background:#000c;border:1px solid #444;color:#ccc;padding:6px 12px;font-size:11px;font-weight:600;letter-spacing:.5px;clip-path:polygon(4px 0%,100% 0%,calc(100% - 4px) 100%,0% 100%);height:32px;box-sizing:border-box}.breadcrumb-btn{cursor:pointer;transition:all .2s ease;text-transform:uppercase;min-width:50px}.breadcrumb-btn:hover{background:#ffffff1a;border-color:#666;color:#fff}.breadcrumb-btn:active{transform:translateY(1px)}#player-a .play-pause-btn{border-color:var(--player-a-color);color:var(--player-a-color);background:var(--player-a-glow)}#player-a .play-pause-btn:hover{background:color-mix(in srgb,var(--player-a-color) 20%,transparent);border-color:var(--player-a-color);color:var(--player-a-color)}#player-a .play-pause-btn.playing{background:var(--player-a-color);border-color:var(--player-a-color);color:#fff}#player-b .play-pause-btn{border-color:var(--player-b-color);color:var(--player-b-color);background:var(--player-b-glow)}#player-b .play-pause-btn:hover{background:color-mix(in srgb,var(--player-b-color) 20%,transparent);border-color:var(--player-b-color);color:var(--player-b-color)}#player-b .play-pause-btn.playing{background:var(--player-b-color);border-color:var(--player-b-color);color:#fff}#player-c .play-pause-btn{border-color:var(--player-c-color);color:var(--player-c-color);background:var(--player-c-glow)}#player-c .play-pause-btn:hover{background:color-mix(in srgb,var(--player-c-color) 20%,transparent);border-color:var(--player-c-color);color:var(--player-c-color)}#player-c .play-pause-btn.playing{background:var(--player-c-color);border-color:var(--player-c-color);color:#fff}#player-d .play-pause-btn{border-color:var(--player-d-color);color:var(--player-d-color);background:var(--player-d-glow)}#player-d .play-pause-btn:hover{background:color-mix(in srgb,var(--player-d-color) 20%,transparent);border-color:var(--player-d-color);color:var(--player-d-color)}#player-d .play-pause-btn.playing{background:var(--player-d-color);border-color:var(--player-d-color);color:#fff}.restart-btn:active,.eject-btn:active{background:#fff3;border-color:#fff;color:#fff}.breadcrumb-element.time-display{font-family:Courier New,monospace;width:max-content;flex:0 0 auto;justify-content:flex-start}.breadcrumb-element.rating-display{gap:3px;width:max-content;flex:0 0 auto;justify-content:flex-start}.breadcrumb-element.rating-display .rating-star{color:#333;cursor:pointer;transition:color .2s ease;font-size:12px}.breadcrumb-element.rating-display .rating-star.filled{color:gold}.breadcrumb-element.rating-display .rating-star:hover{color:#ffed4e}.breadcrumb-element.volume-control{gap:6px;flex:1;min-width:80px;max-width:180px;align-items:center;flex-direction:row;justify-content:space-between;z-index:25;position:relative;overflow:hidden}.volume-label{font-size:16px;color:#ccc;font-weight:400;width:20px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.volume-slider-breadcrumb{flex:1;min-width:50px;max-width:140px;height:4px;background:#333;border-radius:2px;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;position:relative}.volume-slider-breadcrumb::-webkit-slider-track{height:4px;background:#333;border-radius:2px}.volume-slider-breadcrumb::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;border:1px solid #444;margin-top:-4px}.volume-slider-breadcrumb::-moz-range-track{height:4px;background:#333;border-radius:2px;border:none}.volume-slider-breadcrumb::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#ccc;cursor:pointer;border:1px solid #444;margin-top:0}.volume-slider-breadcrumb::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#ccc;cursor:pointer;border:1px solid #444;transition:background .2s ease}.volume-slider-breadcrumb::-webkit-slider-thumb:hover{background:#fff}.volume-slider-breadcrumb::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ccc;cursor:pointer;border:1px solid #444;appearance:none}.breadcrumb-element.volume-meter{width:120px;padding:8px 10px;justify-content:center;height:32px;z-index:20;position:relative}.breadcrumb-element.volume-meter .meter-bars{display:flex;gap:2px;align-items:center;height:12px;width:100px;flex-direction:row}.breadcrumb-element.volume-meter .meter-bar{flex:1;background:#00000080;height:12px;border-radius:1px;transition:background-color .1s ease;min-width:2px;border:1px solid rgba(255,255,255,.1)}.meter-bar.active-1,.meter-bar-compact.active-1,.mic-volume-meter .meter-bar.active-1{background:#4caf50!important;box-shadow:0 0 8px #4caf50cc;border-color:#4caf50}.meter-bar.active-2,.meter-bar-compact.active-2,.mic-volume-meter .meter-bar.active-2{background:#8bc34a!important;box-shadow:0 0 8px #8bc34acc;border-color:#8bc34a}.meter-bar.active-3,.meter-bar-compact.active-3,.mic-volume-meter .meter-bar.active-3{background:#cddc39!important;box-shadow:0 0 8px #cddc39cc;border-color:#cddc39}.meter-bar.active-4,.meter-bar-compact.active-4,.mic-volume-meter .meter-bar.active-4{background:#ffeb3b!important;box-shadow:0 0 8px #ffeb3bcc;border-color:#ffeb3b}.meter-bar.active-5,.meter-bar-compact.active-5,.mic-volume-meter .meter-bar.active-5{background:#ffc107!important;box-shadow:0 0 8px #ffc107cc;border-color:#ffc107}.meter-bar.active-6,.meter-bar-compact.active-6,.mic-volume-meter .meter-bar.active-6{background:#ff9800!important;box-shadow:0 0 8px #ff9800cc;border-color:#ff9800}.meter-bar.active-7,.meter-bar-compact.active-7,.mic-volume-meter .meter-bar.active-7{background:#ff5722!important;box-shadow:0 0 8px #ff5722cc;border-color:#ff5722}.meter-bar.active-8,.meter-bar-compact.active-8,.mic-volume-meter .meter-bar.active-8{background:#f44336!important;box-shadow:0 0 8px #f44336cc;border-color:#f44336}.waveform-section-compact{margin:.75rem 0;height:40px;background:#1a1a1a;border:1px solid #333;border-radius:4px;position:relative;overflow:hidden}.waveform-section-compact .waveform{height:100%;background:transparent}.waveform-section-compact .waveform canvas{border-radius:4px!important}.waveform-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#64ffda;font-size:11px;text-transform:uppercase;letter-spacing:.5px;display:none}.waveform-loading.visible{display:block}.waveform-section-full{margin-top:1rem;height:50px;background:#1a1a1a;border:1px solid #333;border-radius:4px;position:relative;overflow:hidden;width:100%}.waveform-section-full .waveform{height:100%;background:transparent}.waveform-section-full .waveform canvas{border-radius:4px!important}.waveform-bottom-bar{position:relative;margin-top:.5rem;margin-bottom:.5rem;height:80px;background:#1a1a1a;border:1px solid #333;border-radius:4px;overflow:hidden}.waveform-container{position:relative;height:80px;background:#1a1a1a;border:1px solid #333;border-radius:4px;overflow:hidden;width:100%;margin:0;font-family:Source Code Pro,monospace}.waveform-container:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 50%),linear-gradient(to top,#ffffff1a 33.33333%,#fff3 33.33333% 66.66666%,#ffffff4d 66.66666%),linear-gradient(to right,#ff00001a 33.33333%,#00ff001a 33.33333% 66.66666%,#0000ff1a 66.66666%);background-size:100% 2px,3px 3px,3px 3px;mix-blend-mode:multiply;pointer-events:none;z-index:10;animation:scanline-flicker .1s infinite linear}@keyframes scanline-flicker{0%{opacity:.95}50%{opacity:1}to{opacity:.95}}@keyframes crt-flicker{0%{filter:brightness(1) contrast(1);transform:scaleY(1)}2%{filter:brightness(1.1) contrast(1.2);transform:scaleY(.998)}4%{filter:brightness(.95) contrast(.9);transform:scaleY(1.001)}6%{filter:brightness(1) contrast(1);transform:scaleY(1)}to{filter:brightness(1) contrast(1);transform:scaleY(1)}}@keyframes static-noise{0%{background-position:0% 0%;opacity:0}1%{background-position:10% 10%;opacity:.03}2%{background-position:-5% 5%;opacity:0}to{background-position:0% 0%;opacity:0}}.player-deck.playing .waveform-container{animation:crt-flicker 8s infinite,scanline-jump 12s infinite}.player-deck.playing .waveform-container:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,transparent 2px,rgba(255,255,255,.1) 2px),radial-gradient(circle,transparent 1px,rgba(0,0,0,.2) 1px);background-size:3px 3px,2px 2px;animation:static-noise 12s infinite,rolling-bar 15s infinite;pointer-events:none;z-index:10;mix-blend-mode:overlay}@keyframes scanline-jump{0%,94%,to{transform:translateY(0)}95%{transform:translateY(-2px)}96%{transform:translateY(1px)}97%{transform:translateY(-1px)}98%{transform:translateY(0)}}@keyframes rolling-bar{0%,90%,to{background-position:0% 0%;opacity:0}91%{background-position:0% -100%;opacity:.1;background-image:linear-gradient(0deg,transparent 90%,rgba(255,255,255,.3) 95%,transparent 100%),radial-gradient(circle,transparent 2px,rgba(255,255,255,.1) 2px),radial-gradient(circle,transparent 1px,rgba(0,0,0,.2) 1px)}95%{background-position:0% 200%;opacity:.05}99%{opacity:0}}.waveform-container.crt-glitch{animation:intense-glitch .1s infinite!important;filter:contrast(1.4) brightness(1.2) saturate(.8)!important}.waveform-container.crt-glitch:before{animation:heavy-static .05s infinite!important;opacity:.15!important}.waveform-container.crt-scanline-jump{animation:scanline-jump-effect .1s ease-out!important}.waveform-container.crt-horizontal-hold{animation:horizontal-hold .15s ease-in-out!important}.waveform-container.crt-signal-loss{animation:signal-loss .08s ease-in-out!important;filter:brightness(.3) contrast(3)!important}@keyframes scanline-jump-effect{0%{transform:translateY(0) scaleY(1)}30%{transform:translateY(-3px) scaleY(.95)}60%{transform:translateY(2px) scaleY(1.02)}to{transform:translateY(0) scaleY(1)}}@keyframes horizontal-hold{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(3px)}60%{transform:translate(-2px)}80%{transform:translate(1px)}to{transform:translate(0)}}@keyframes signal-loss{0%{opacity:1;transform:scaleX(1)}50%{opacity:.1;transform:scaleX(.98);filter:brightness(.1) contrast(5)}to{opacity:1;transform:scaleX(1)}}@keyframes intense-glitch{0%{transform:scaleY(1) skew(0);filter:hue-rotate(0deg)}20%{transform:scaleY(.995) skew(.5deg);filter:hue-rotate(90deg)}40%{transform:scaleY(1.002) skew(-.3deg);filter:hue-rotate(180deg)}60%{transform:scaleY(.998) skew(.2deg);filter:hue-rotate(270deg)}80%{transform:scaleY(1.001) skew(-.1deg);filter:hue-rotate(45deg)}to{transform:scaleY(1) skew(0);filter:hue-rotate(0deg)}}@keyframes heavy-static{0%{background-position:0% 0%;background-size:2px 2px,1px 1px}25%{background-position:100% 25%;background-size:3px 3px,2px 2px}50%{background-position:50% 100%;background-size:1px 1px,3px 3px}75%{background-position:25% 50%;background-size:4px 4px,1px 1px}to{background-position:0% 0%;background-size:2px 2px,1px 1px}}.controls-bar{margin:0;width:100%;padding:0;container-type:inline-size}.waveform-glass-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,#0006,#0003 20%,#0000000d,#0003 50%,#0006);pointer-events:none;z-index:3;border-radius:4px}.waveform-track-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:16px;pointer-events:none;z-index:5}.waveform-container *,.waveform-container .breadcrumb-element,.waveform-container .breadcrumb-btn{font-family:Source Code Pro,monospace!important;text-shadow:1px 0 rgba(255,0,0,.6),-1px 0 rgba(0,0,255,.6),0 0 8px rgba(0,0,0,1),0 0 12px rgba(0,0,0,.8),2px 2px 6px rgba(0,0,0,.9)!important}.track-title-large{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;font-weight:700;text-align:center;user-select:none;text-shadow:0 0 8px rgba(0,0,0,1),0 0 12px rgba(0,0,0,.8),2px 2px 6px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.track-details-bottom-left{position:absolute;bottom:8px;left:16px;display:flex;flex-direction:column;gap:2px}.track-artist-line,.track-album-line{font-size:12px;font-weight:500;user-select:none;text-shadow:0 0 6px rgba(0,0,0,1),0 0 10px rgba(0,0,0,.8),1px 1px 3px rgba(0,0,0,.9);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.player-deck-left .waveform-track-info{color:#ff4757}.player-deck-right .waveform-track-info{color:#5352ed}.waveform-bottom-bar .waveform{height:100%;background:transparent}.waveform-bottom-bar .waveform canvas{border-radius:4px!important}.waveform-container .waveform{height:100%;background:transparent;position:relative;top:0}.waveform-container .waveform-zoom{height:58px;background:transparent;position:absolute;top:0;left:0;right:0;z-index:2;pointer-events:auto;overflow:hidden!important;cursor:default;-ms-overflow-style:none;scrollbar-width:none}.waveform-container .waveform-zoom::-webkit-scrollbar,.waveform-container .waveform-zoom *::-webkit-scrollbar,.waveform-container .waveform-zoom wave::-webkit-scrollbar,.waveform-container .waveform-zoom wave>*::-webkit-scrollbar,.waveform-container .waveform-zoom div::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.waveform-container .waveform-zoom *,.waveform-container .waveform-zoom wave,.waveform-container .waveform-zoom wave>*,.waveform-container .waveform-zoom div{overflow-x:scroll!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.waveform-container .waveform-overview{height:20px;background:#0000004d;position:absolute;bottom:0;left:0;right:0;z-index:1;cursor:pointer;opacity:.7;border-top:1px solid rgba(255,255,255,.1);transition:opacity .2s ease;overflow:hidden!important;-ms-overflow-style:none;scrollbar-width:none}.waveform-container .waveform-overview::-webkit-scrollbar,.waveform-container .waveform-overview *::-webkit-scrollbar,.waveform-container .waveform-overview div::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.waveform-container .waveform-overview *,.waveform-container .waveform-overview div{overflow:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important}.waveform-container .waveform-overview:hover{opacity:1;background:#0003}.waveform-container .waveform canvas{border-radius:4px!important;height:100%!important;width:100%!important}.player-label{display:flex;align-items:center;gap:.5rem;position:absolute;top:-10px;left:1rem;background:#000000e6;padding:.25rem .75rem;border:2px solid #444;border-radius:2px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);font-family:inherit;z-index:10}.player-label.a{border-color:var(--player-a-color);background:var(--player-a-glow)}.player-label.b{border-color:var(--player-b-color);background:var(--player-b-glow)}.player-label.c{border-color:var(--player-c-color);background:var(--player-c-glow)}.player-label.d{border-color:var(--player-d-color);background:var(--player-d-glow)}.player-label-dot{display:none}.player-label.a .player-label-dot{background:var(--player-a-color)}.player-label.b .player-label-dot{background:var(--player-b-color)}.player-label.c .player-label-dot{background:var(--player-c-color)}.player-label.d .player-label-dot{background:var(--player-d-color)}.player-label-text{font-size:.75rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.player-label.a .player-label-text{color:var(--player-a-color)}.player-label.b .player-label-text{color:var(--player-b-color)}.player-label.c .player-label-text{color:var(--player-c-color)}.player-label.d .player-label-text{color:var(--player-d-color)}.player-header{display:none}.player-header h3{color:#f66;font-size:1.1em;font-weight:700;letter-spacing:1px;text-shadow:0 0 8px rgba(255,102,102,.4);margin:0}.player-main{display:grid;grid-template-columns:90px 1fr auto;gap:0;align-items:start;height:100%;padding-top:.5rem}.album-cover{width:100%;aspect-ratio:1;border-radius:4px;overflow:hidden;display:block;position:relative;background:#ffffff0d}.album-cover img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.album-cover .no-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-size:2rem;background:#ffffff14}.player .album-cover{width:90px;height:90px;min-width:90px;min-height:90px;max-width:90px;max-height:90px;flex-shrink:0;border:2px solid #555;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a;background:linear-gradient(145deg,#333,#444)}.player .album-cover .no-cover{font-size:2rem}.player-content{display:flex;flex-direction:column;gap:.5rem;min-width:0}.album-card{display:flex;flex-direction:column;min-width:140px;width:140px;background:#ffffff0d;border-radius:2px;padding:0;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);overflow:hidden}.album-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.album-clickable{cursor:pointer;padding:8px 8px 6px;transition:background .2s ease}.album-clickable:hover{background:#ffffff0d}.album-image,.album-cover{width:100%;aspect-ratio:1;border-radius:2px;overflow:hidden;position:relative;background:#ffffff0d;margin-bottom:6px}.album-image img,.album-cover img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;user-select:none;-webkit-user-drag:none;pointer-events:none}.album-title{font-size:14px;font-weight:600;color:#fff;margin:0;padding:6px 8px 0;white-space:nowrap;overflow:hidden;line-height:1.2;text-align:center;width:100%;direction:ltr}.album-artist,.album-year{font-size:12px;color:#b3b3b3;margin:2px 0 0;padding:0 8px 8px;white-space:nowrap;overflow:hidden;text-align:center;width:100%;direction:ltr}.album-artists{padding:6px 8px 8px;border-top:1px solid rgba(255,255,255,.05)}.artist-link{color:#b3b3b3;cursor:pointer;font-size:12px;transition:color .2s ease;text-decoration:none}.artist-link:hover{color:#1db954;text-decoration:underline}.album-card .album-year{margin-top:2px;margin-bottom:4px}.artist-name{font-size:14px;font-weight:600;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.artist-type{font-size:12px;color:#b3b3b3;margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.songs-container{display:flex;flex-direction:column;gap:2px;margin-top:16px}.track-info{text-align:left}.track-title{font-weight:700;color:#fff;font-size:.95em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.25rem}.track-artist{color:#aaa;font-size:.8em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport-controls{display:flex;gap:0;margin:.5rem 0}.transport-controls button{background:#000c;border:1px solid #444;color:#ccc;border-radius:0;width:36px;height:32px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:.9rem}.transport-controls button:first-child{border-radius:4px 0 0 4px}.transport-controls button:last-child{border-radius:0 4px 4px 0}.transport-controls button .material-icons{font-size:18px;transition:all .2s ease}.transport-controls button:hover .material-icons{color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5)}.transport-controls button.active .material-icons{color:#4caf50;text-shadow:0 0 3px rgba(76,175,80,.8),0 0 6px rgba(76,175,80,.6)}.transport-controls button:hover{transform:translateY(-1px)}.progress-section{display:flex;align-items:center;gap:.5rem}.time-display{font-size:.75em;color:#aaa;white-space:nowrap;min-width:80px}.progress-bar{flex:1;height:50px;background:#444;border-radius:8px;overflow:hidden;cursor:pointer;position:relative}.waveform{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background:#1a1a1a;overflow:hidden}.waveform>div{height:100%!important}.waveform canvas{border-radius:8px!important}.zoom-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;border:2px solid #4CAF50;border-radius:8px;padding:12px 20px;font-size:24px;font-weight:700;color:#4caf50;font-family:Source Code Pro,monospace;pointer-events:none;z-index:100;opacity:0;transition:opacity .2s ease;box-shadow:0 0 10px #4caf5080,inset 0 0 5px #4caf5033;text-shadow:0 0 8px rgba(76,175,80,.8)}.zoom-indicator.visible{opacity:1}.volume-control input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#0f8;cursor:pointer;border:none;box-shadow:0 0 4px #00ff8880}.volume-meter{display:flex;flex-direction:column;align-items:center;height:100%;min-width:16px}.meter-bars{display:flex;flex-direction:column-reverse;gap:1px;height:60px;align-items:center;width:16px}.meter-bar{width:14px;height:5px;background:#222;border:1px solid #111;border-radius:1px;transition:all .1s ease}.meter-bar.active{background:#0f8;box-shadow:0 0 3px #00ff8880;border-color:#0f8}.meter-bar.orange.active{background:#f80;box-shadow:0 0 3px #ff880080;border-color:#f80}.meter-bar.red.active{background:#f04;box-shadow:0 0 3px #ff004480;border-color:#f04}.meter-label{font-size:8px;font-weight:600;color:#666;margin-top:.25rem;letter-spacing:.5px;text-align:center}@media(orientation:portrait){.dj-section{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:1rem}.player-main{grid-template-columns:70px 1fr auto;gap:.75rem}.album-cover{width:70px;height:70px}.volume-section{height:70px}.volume-control input[type=range]{height:50px}}.center-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:0;height:100%;justify-content:flex-start;position:relative}.opensubsonic-login{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:2px solid #00ff88;border-radius:12px;padding:1.5rem;width:100%;max-width:300px;box-shadow:0 8px 25px #0f83;text-align:center}.login-form h3{color:#0f8;margin-bottom:1rem;text-align:center}.OpenSubsonic-login{position:relative;background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:2px solid #444;border-radius:4px;padding:1.25rem;width:100%;max-width:350px;margin:0;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;min-height:160px;height:fit-content;display:flex;flex-direction:column}.login-label{display:flex;align-items:center;position:absolute;top:-12px;left:1rem;background:#000000e6;padding:.25rem .75rem;border:2px solid #00ff88;border-radius:2px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);font-family:inherit;z-index:10;background:#00ff881a}.login-label-text{color:#0f8;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.login-form{display:flex;flex-direction:column;max-height:80vh;overflow-y:auto;flex:1}.login-form .form-group{background:#0000004d;border:1px solid #333;border-radius:6px;padding:12px;margin-bottom:8px}.login-form .form-group h4{color:#0f8;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;border-bottom:1px solid #333;padding-bottom:4px}.login-form .form-group.hidden{display:none}.login-input-container{display:flex;align-items:center}.login-input-container input{background:#000c;border:1px solid #444;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);padding:8px 12px;color:#fff;font-size:12px;width:100%;height:32px;transition:all .2s ease;outline:none;box-sizing:border-box}.login-input-container input:focus{border-color:#0f8;background:#00ff881a;color:#0f8}.login-input-container input::placeholder{color:#fff6;font-size:11px}.login-button-container{display:flex;justify-content:center;margin-top:8px;flex-shrink:0}.login-button-container button{background:#000c;border:1px solid #00ff88;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);padding:8px 16px;color:#0f8;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;min-width:80px}.login-button-container button:hover{background:#0f83;border-color:#64ffda;color:#64ffda}.login-button-container button .material-icons{font-size:16px}#unified-login-section{padding:0;background:none;border:none;margin-bottom:0}.url-display-section{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,212,255,.2)}.url-display{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;background:#0000004d;border-radius:4px;border:1px solid #333}.url-display label{color:#aaa;font-size:11px;font-weight:500}.url-display .url-value{color:#00d4ff;font-size:11px;font-family:monospace;text-align:right;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.individual-login-sections{transition:opacity .3s ease}.individual-login-sections.hidden{display:none}.dj-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.center-mixer-panel{display:flex;flex-direction:column;align-items:center;gap:0;width:100%;max-width:var(--center-mixer-width);min-width:var(--center-mixer-width);background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:2px solid #444;border-radius:4px;padding:1.25rem .75rem .25rem;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;position:relative;height:100%;min-height:160px;max-height:100%;overflow:visible}.microphone-section{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:center;width:100%;max-width:100%;min-width:0;overflow:hidden}.mic-effects-vertical{display:flex;flex-direction:column;align-items:stretch;gap:.15rem;min-width:0;max-width:100%;overflow:hidden;flex-shrink:1;justify-self:start}.mic-button-container{display:flex;justify-content:center;align-items:center;min-width:0;overflow:hidden;max-width:100%;justify-self:center}.combined-meters-section{display:flex;flex-direction:row;gap:0;justify-self:end}.combined-meters-section>.master-meter-control:nth-child(2),.combined-meters-section>.master-meter-control:nth-child(3){justify-self:start}.mic-meter-control,.master-meter-control{display:flex;flex-direction:column;align-items:center;gap:0;min-width:0;overflow:hidden}.master-meter-icon{font-size:12px;color:#666;margin-top:2px;transition:all .2s ease}#mic-volume-meter.has-signal~.master-meter-icon{color:#ff6b6b}#deck-master-meter.has-signal~.master-meter-icon{color:#0f8}#stream-output-meter.has-signal~.master-meter-icon{color:#4caf50}.station-dropdown-overlay{position:absolute;top:35px;left:50%;transform:translate(-50%);z-index:10000;display:none;margin-top:8px}.station-dropdown-overlay.show{display:block}.station-dropdown-menu{background:linear-gradient(135deg,#1a1a1a,#0a0a0a);border:1px solid #555;border-radius:8px;box-shadow:0 8px 32px #000c,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d;min-width:280px;max-height:400px;overflow-y:auto;backdrop-filter:blur(10px)}.dropdown-loading{padding:16px;text-align:center;color:#888;display:flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-family:Roboto,sans-serif}.station-dropdown-item{padding:14px 18px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;font-family:Roboto,sans-serif;font-weight:500;font-size:13px;letter-spacing:.3px;background:transparent;position:relative}.station-dropdown-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.station-dropdown-item:first-child{border-radius:8px 8px 0 0}.station-dropdown-item:hover{background:#ffffff0d}.station-dropdown-item.selected{background:linear-gradient(90deg,rgba(0,102,204,.2) 0%,transparent 100%);color:#6ba3d4;border-left:3px solid #6ba3d4;padding-left:15px}.station-dropdown-item.offline{color:#666}.station-dropdown-item.online{color:#4caf50}.station-dropdown-item.occupied{color:#ff6b6b;border-left:3px solid rgba(255,107,107,.3);padding-left:15px}.station-item-main{display:flex;align-items:center;gap:10px;flex:1}.station-status-dot{width:8px;height:8px;border-radius:50%;background:#444;transition:background-color .3s ease;flex-shrink:0}.station-status-dot.online{background:#4caf50;box-shadow:0 0 10px #4caf5099}.station-status-dot.occupied{background:#ff6b6b;box-shadow:0 0 10px #ff6b6b99}.station-streamer-info{font-size:11px;color:#888;font-style:italic;font-weight:400}.secondary-controls{display:flex;justify-content:center;width:100%;max-width:120px}.live-status-indicator{display:flex;align-items:center;gap:.5rem;position:relative;background:#000000e6;padding:.25rem .75rem;border:2px solid #444;border-radius:2px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);cursor:pointer;transition:all .2s ease;font-family:inherit;outline:none}.live-status-indicator:hover{border-color:#666;background:#000000f2;transform:translateY(-1px)}.live-status-indicator.active{border-color:#f44;background:#ff44441a;box-shadow:0 0 8px #ff44444d}.live-status-indicator.active .live-dot{background:#f44;animation:pulse-active 1s infinite}.live-status-indicator.active .live-text{color:#f44}@keyframes pulse-active{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.status-indicators-container{display:flex;flex-direction:row;gap:.25rem;position:absolute;top:-10px;left:50%;transform:translate(-50%);z-index:10;align-items:center}.user-status-indicator{display:flex;align-items:center;gap:.4rem;background:#000000e6;padding:.2rem .6rem;border:2px solid #444;border-radius:2px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);font-family:inherit;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease}.user-status-indicator.connected{border-color:#4caf50;background:#4caf501a}.user-status-indicator .user-icon{font-size:12px;color:#888}.user-status-indicator.connected .user-icon{color:#4caf50;transition:all .2s ease}.user-status-indicator .user-text{color:#ccc;min-width:30px;text-align:left}.stream-live-indicator{display:flex;align-items:center;gap:.4rem;background:#000000e6;padding:.2rem .6rem;border:2px solid #444;border-radius:2px;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);font-family:inherit;font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .2s ease;position:relative;outline:none;white-space:nowrap;flex-wrap:nowrap;max-width:180px;min-width:0}.stream-live-indicator:hover{border-color:#666;background:#000000f2;transform:translateY(-1px)}.stream-live-indicator.connected{border-color:#4caf50;background:#4caf501a}.stream-live-indicator .stream-icon{font-size:12px;color:#888}.stream-live-indicator.connected .stream-icon{color:#4caf50;transition:all .2s ease}.stream-live-indicator .stream-username{color:#ccc;min-width:30px;max-width:120px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.stream-live-indicator.connected .stream-username{color:#4caf50}.stream-live-indicator .live-dot{width:8px;height:8px;border-radius:50%;background:#666;transition:all .2s ease}.stream-live-indicator.live{border-color:#f44;background:#ff444426;box-shadow:0 0 10px #f449,0 0 20px #f446,inset 0 0 10px #f443;animation:neonPulse 2s ease-in-out infinite,crtGlitch 13s linear infinite;position:relative;overflow:hidden}.stream-live-indicator.live:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,68,68,.03) 1px,rgba(255,68,68,.03) 2px,transparent 2px);animation:crtScanlines .37s linear infinite;pointer-events:none;z-index:1}.stream-live-indicator.live:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,68,68,.02) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,68,68,.02) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,68,68,.02) 0%,transparent 50%);animation:crtNoise 23s ease-in-out infinite;pointer-events:none;z-index:2}.stream-live-indicator.live .stream-username{color:#f44;text-shadow:0 0 5px rgba(255,68,68,.8),0 0 10px rgba(255,68,68,.6),0 0 15px rgba(255,68,68,.4);animation:textFlicker 3s ease-in-out infinite,textShake 17s ease-in-out infinite;position:relative;z-index:3}.stream-live-indicator.live .stream-icon{color:#f44;text-shadow:0 0 5px rgba(255,68,68,.8),0 0 10px rgba(255,68,68,.6),0 0 15px rgba(255,68,68,.4);animation:iconFlicker 2.5s ease-in-out infinite,crtIconGlitch 13s linear infinite;position:relative;z-index:3;transition:all .1s ease}.stream-live-indicator.live .live-dot{background:#f44;box-shadow:0 0 8px #f44c,0 0 16px #f449;animation:dotPulse 1.5s ease-in-out infinite;position:relative;z-index:3}.stream-button-container{display:flex;align-items:center;gap:0;max-width:100%;overflow:hidden}.stream-reset-button{display:flex;align-items:center;justify-content:center;width:28px;height:24px;background:#280a0ae6;padding:.2rem .4rem;border:2px solid #664444;border-left:none;clip-path:polygon(0% 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);color:#c66;cursor:pointer;transition:all .2s ease;position:relative;outline:none;font-family:inherit;font-size:10px;font-weight:500;letter-spacing:.5px;margin-left:-8px}.stream-reset-button:hover{border-color:#866;background:#3c0f0ff2;color:#f44;transform:translateY(-1px)}.stream-reset-button:active{transform:translateY(0);background:#1e0808f2}.stream-reset-button .material-icons{font-size:12px;color:inherit}@keyframes crtGlitch{0%,87%,to{transform:translate(0);filter:hue-rotate(0deg)}2.3%{transform:translate(-3px) scale(1.002);filter:hue-rotate(120deg) contrast(1.4)}2.7%{transform:translate(2px) scale(.998);filter:hue-rotate(-90deg) contrast(.7)}3.1%{transform:translate(0) scale(1);filter:hue-rotate(0deg) contrast(1)}31.7%{transform:translate(0);filter:hue-rotate(0deg)}31.9%{transform:translate(-1px);filter:hue-rotate(270deg) brightness(1.3)}32.1%{transform:translate(1px);filter:hue-rotate(-180deg) brightness(.8)}32.4%{transform:translate(0);filter:hue-rotate(0deg) brightness(1)}67.2%{transform:translate(0)}67.3%{transform:translate(-.3px)}67.4%{transform:translate(.3px)}67.5%{transform:translate(0)}89.1%{transform:translate(0) scale(1);filter:hue-rotate(0deg)}89.3%{transform:translate(-2px) scale(1.003);filter:hue-rotate(45deg) saturate(1.5)}89.5%{transform:translate(1px) scale(.997);filter:hue-rotate(-120deg) saturate(.6)}89.8%{transform:translate(0) scale(1);filter:hue-rotate(0deg) saturate(1)}}@keyframes crtScanlines{0%{transform:translateY(-100%);opacity:.02}15%{opacity:.04}25%{transform:translateY(-50%);opacity:.01}60%{transform:translateY(20%);opacity:.06}85%{opacity:.02}to{transform:translateY(100%);opacity:.03}}@keyframes crtNoise{0%,to{opacity:.01;transform:scale(1) rotate(0)}13%{opacity:.03;transform:scale(1.001) rotate(.05deg)}38%{opacity:.005;transform:scale(.999) rotate(-.02deg)}61%{opacity:.04;transform:scale(1.002) rotate(.08deg)}84%{opacity:.015;transform:scale(.998) rotate(-.03deg)}}@keyframes textShake{0%,96.5%,to{transform:translate(0)}96.7%{transform:translate(-.4px)}96.9%{transform:translate(.3px)}97.1%{transform:translate(-.2px)}97.3%{transform:translate(.1px)}97.5%{transform:translate(0)}}@keyframes neonPulse{0%{box-shadow:0 0 5px #f446,0 0 10px #ff44444d,inset 0 0 5px #ff44441a}25%{box-shadow:0 0 15px #f44c,0 0 25px #ff444480,inset 0 0 15px #ff44444d}50%{box-shadow:0 0 8px #ff444480,0 0 16px #ff44444d,inset 0 0 8px #ff444426}75%{box-shadow:0 0 20px #ff4444e6,0 0 30px #f449,inset 0 0 20px #f446}to{box-shadow:0 0 5px #f446,0 0 10px #ff44444d,inset 0 0 5px #ff44441a}}@keyframes textFlicker{0%,to{text-shadow:0 0 5px rgba(255,68,68,.8),0 0 10px rgba(255,68,68,.6),0 0 15px rgba(255,68,68,.4)}10%{text-shadow:0 0 2px rgba(255,68,68,.4),0 0 5px rgba(255,68,68,.3)}15%{text-shadow:0 0 8px rgba(255,68,68,1),0 0 15px rgba(255,68,68,.8),0 0 25px rgba(255,68,68,.6)}30%{text-shadow:0 0 3px rgba(255,68,68,.5),0 0 8px rgba(255,68,68,.4)}50%{text-shadow:0 0 10px rgba(255,68,68,.9),0 0 20px rgba(255,68,68,.7),0 0 30px rgba(255,68,68,.5)}85%{text-shadow:0 0 1px rgba(255,68,68,.3)}}@keyframes dotPulse{0%,to{transform:scale(1);box-shadow:0 0 8px #f44c,0 0 16px #f449}50%{transform:scale(1.3);box-shadow:0 0 12px #f44,0 0 24px #f44c,0 0 36px #f449}}@keyframes iconFlicker{0%,90%,to{text-shadow:0 0 5px rgba(255,68,68,.8),0 0 10px rgba(255,68,68,.6),0 0 15px rgba(255,68,68,.4);opacity:1}12%{text-shadow:0 0 2px rgba(255,68,68,.4);opacity:.7}18%{text-shadow:0 0 12px rgba(255,68,68,1),0 0 20px rgba(255,68,68,.8),0 0 30px rgba(255,68,68,.6);opacity:1}35%{text-shadow:0 0 3px rgba(255,68,68,.5);opacity:.8}60%{text-shadow:0 0 8px rgba(255,68,68,.9),0 0 16px rgba(255,68,68,.7);opacity:1}}@keyframes crtIconGlitch{0%,87%,to{transform:translate(0) scale(1);filter:hue-rotate(0deg);color:#f44}2.3%{transform:translate(-1px) scale(1.05);filter:hue-rotate(180deg);color:#4f8}2.7%{transform:translate(1px) scale(.95);filter:hue-rotate(-120deg);color:#84f}3.1%{transform:translate(0) scale(1);filter:hue-rotate(0deg);color:#f44}31.7%{transform:translate(0);filter:hue-rotate(0deg);color:#f44}31.9%{transform:translate(-.5px) scale(1.02);filter:hue-rotate(60deg);color:#ff4}32.1%{transform:translate(.5px) scale(.98);filter:hue-rotate(-180deg);color:#4ff}32.4%{transform:translate(0) scale(1);filter:hue-rotate(0deg);color:#f44}67.2%{transform:translate(0);color:#f44}67.4%{transform:translate(.3px) scale(1.01);filter:hue-rotate(-60deg);color:#f4f}67.7%{transform:translate(0) scale(1);filter:hue-rotate(0deg);color:#f44}89.1%{color:#f44}89.2%{color:#fff;filter:brightness(1.5)}89.4%{color:#f44;filter:brightness(1)}89.5%{color:#fff;filter:brightness(1.8)}89.7%{color:#f44;filter:brightness(1)}}.user-status-indicator.connected .user-text{color:#4caf50}.mic-effect-button{display:flex;align-items:center;justify-content:center;padding:.3rem .5rem;min-width:0;max-width:100%;box-sizing:border-box;background:#000000f2;border:2px solid #444;border-radius:0;font-family:inherit;font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;box-shadow:0 0 3px #4444444d,inset 0 0 2px #4443;transition:all .2s ease;cursor:pointer;user-select:none;overflow:hidden}.mic-effect-button .effect-icon{font-size:14px;color:#666;flex-shrink:0;transition:all .2s ease}.mic-effect-button .effect-text{color:#ccc;overflow:hidden;text-overflow:ellipsis;transition:all .2s ease}.mic-effect-button:hover{background:#44444426;border-color:#666;box-shadow:0 0 5px #4446,inset 0 0 3px #4444444d}.mic-effect-button:hover .effect-icon{color:#888}.mic-effect-button.active{background:#4caf5026;border-color:#4caf50;box-shadow:0 0 5px #4caf5099,inset 0 0 3px #4caf5066}.mic-effect-button.active .effect-icon,.mic-effect-button.active .effect-text{color:#4caf50}.mic-effect-button.active#mic-compressor-btn{animation:effectPulse1 2.8s infinite ease-in-out}.mic-effect-button.active#mic-gate-btn{animation:effectPulse2 3.4s infinite ease-in-out}.mic-effect-button.active#mic-eq-btn{animation:effectPulse3 2.6s infinite ease-in-out}.mic-effect-button.active#mic-limiter-btn{animation:effectPulse4 3.1s infinite ease-in-out}.mic-effect-button.active#mic-deesser-btn{animation:effectPulse5 2.9s infinite ease-in-out}@keyframes effectPulse1{0%,to{box-shadow:0 0 5px #4caf5099,inset 0 0 3px #4caf5066}50%{box-shadow:0 0 8px #4caf50cc,inset 0 0 5px #4caf5080}}@keyframes effectPulse2{0%,to{box-shadow:0 0 5px #4caf5099,inset 0 0 3px #4caf5066}35%{box-shadow:0 0 6px #4caf50b3,inset 0 0 4px #4caf5073}65%{box-shadow:0 0 7px #4caf50bf,inset 0 0 4px #4caf507a}}@keyframes effectPulse3{0%,to{box-shadow:0 0 5px #4caf5099,inset 0 0 3px #4caf5066}60%{box-shadow:0 0 6px #4caf50b8,inset 0 0 4px #4caf5075}}@keyframes effectPulse4{0%,to{box-shadow:0 0 5px #4caf5099,inset 0 0 3px #4caf5066}25%{box-shadow:0 0 6px #4caf50ad,inset 0 0 4px #4caf506e}75%{box-shadow:0 0 7px #4caf50c2,inset 0 0 4px #4caf5078}}@keyframes effectPulse5{0%,to{box-shadow:0 0 5px #4caf5099,inset 0 0 3px #4caf5066}45%{box-shadow:0 0 6px #4caf50b3,inset 0 0 4px #4caf5070}}.live-dot{width:6px;height:6px;background:#666;transition:all .2s ease;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%)}.live-text{font-size:10px;font-weight:700;color:#666;letter-spacing:1px;transition:all .2s ease}.mic-btn-pro{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;width:100px;height:100px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:3px solid #555;border-radius:4px;color:#888;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a;font-size:10px;font-weight:700;letter-spacing:1px;position:relative}.mic-btn-pro:before{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.05);border-radius:2px}.mic-btn-pro:hover{border-color:#777;color:#aaa;transform:translateY(-2px);box-shadow:0 6px 16px #0006,inset 0 1px #ffffff26}.mic-btn-pro.active{background:linear-gradient(145deg,#f44,#c33);border-color:#f66;color:#fff;box-shadow:0 0 16px #ff444480,0 4px 12px #0000004d,inset 0 1px #fff3}.mic-btn-pro.active .mic-icon{animation:iconFlicker 2.5s ease-in-out infinite,crtIconGlitch 13s linear infinite;text-shadow:0 0 3px rgba(255,255,255,.8),0 0 6px rgba(255,68,68,.6),0 0 12px rgba(255,68,68,.4)}.mic-btn-pro.active:before{border-color:#fff3}.mic-btn-pro.active:hover{background:linear-gradient(145deg,#f66,#f44);border-color:#f88}.mic-btn-pro.active.doooni-mode{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;z-index:999!important;border-radius:4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;pointer-events:all!important;cursor:pointer!important;background:radial-gradient(circle at 50% 50%,rgba(255,0,0,.3) 0%,transparent 50%),radial-gradient(circle at 30% 70%,rgba(255,68,255,.2) 0%,transparent 40%),radial-gradient(circle at 70% 30%,rgba(68,255,255,.2) 0%,transparent 40%),linear-gradient(145deg,#ff44441a,#cc33331a);border:20px solid;border-image:linear-gradient(45deg,red,#f0f,#0ff,#0f0,#ff0,red) 1;box-shadow:0 0 100px #f44,0 0 200px #f0fc,0 0 300px #0ff9,inset 0 0 100px #ffffff4d;animation:doooniBorderRotate 3s linear infinite,doooniPulse .5s ease-in-out infinite,doooniShake .1s ease-in-out infinite,doooniColorCycle 2s linear infinite!important}.mic-btn-pro.active.doooni-mode .mic-icon{font-size:20vw!important;animation:doooniIconSpin 2s linear infinite,doooniIconScale .3s ease-in-out infinite,doooniIconGlitch .15s steps(5) infinite,doooniRainbow 1.5s linear infinite!important;text-shadow:0 0 20px rgba(255,255,255,1),0 0 40px rgba(255,68,68,1),0 0 60px rgba(255,0,255,1),0 0 80px rgba(0,255,255,1),0 0 100px rgba(255,255,0,1),0 0 120px rgba(255,68,68,.8),10px 10px 0 rgba(255,0,0,.5),-10px -10px 0 rgba(0,255,255,.5),10px -10px 0 rgba(255,0,255,.5),-10px 10px 0 rgba(0,255,0,.5);filter:drop-shadow(0 0 30px rgba(255,68,68,1)) drop-shadow(0 0 50px rgba(255,0,255,1)) hue-rotate(0deg) saturate(200%) brightness(1.5)}.mic-btn-pro.active.doooni-mode .mic-label{font-size:4vw!important;font-weight:900!important;letter-spacing:1vw!important;animation:doooniTextWave 1s ease-in-out infinite,doooniTextGlitch .2s steps(3) infinite,doooniRainbow 1s linear infinite!important;text-shadow:0 0 10px rgba(255,255,255,1),0 0 20px rgba(255,68,68,1),0 0 30px rgba(255,0,255,1),0 0 40px rgba(0,255,255,1),5px 5px 0 rgba(255,0,0,.7),-5px -5px 0 rgba(0,255,255,.7)}@keyframes doooniBorderRotate{0%,to{border-image:linear-gradient(45deg,red,#f0f,#0ff,#0f0,#ff0,red) 1}16.666%{border-image:linear-gradient(45deg,#f0f,#0ff,#0f0,#ff0,red,#f0f) 1}33.333%{border-image:linear-gradient(45deg,#0ff,#0f0,#ff0,red,#f0f,#0ff) 1}50%{border-image:linear-gradient(45deg,#0f0,#ff0,red,#f0f,#0ff,#0f0) 1}66.666%{border-image:linear-gradient(45deg,#ff0,red,#f0f,#0ff,#0f0,#ff0) 1}83.333%{border-image:linear-gradient(45deg,red,#f0f,#0ff,#0f0,#ff0,red) 1}}@keyframes doooniPulse{0%,to{transform:scale(.95) rotate(0);filter:brightness(1) saturate(1)}25%{transform:scale(1.05) rotate(2deg);filter:brightness(1.3) saturate(1.5)}50%{transform:scale(.98) rotate(-1deg);filter:brightness(1.1) saturate(1.2)}75%{transform:scale(1.02) rotate(1deg);filter:brightness(1.2) saturate(1.4)}}@keyframes doooniShake{0%,to{transform:translate(0) rotate(0)}10%{transform:translate(-5px,5px) rotate(-2deg)}20%{transform:translate(5px,-5px) rotate(2deg)}30%{transform:translate(-5px,-5px) rotate(-1deg)}40%{transform:translate(5px,5px) rotate(1deg)}50%{transform:translate(-3px,3px) rotate(-1deg)}60%{transform:translate(3px,-3px) rotate(1deg)}70%{transform:translate(-3px,-3px) rotate(-2deg)}80%{transform:translate(3px,3px) rotate(2deg)}90%{transform:translate(-2px,2px) rotate(-1deg)}}@keyframes doooniColorCycle{0%{background-color:#ff00001a}16.666%{background-color:#ff00ff1a}33.333%{background-color:#00ffff1a}50%{background-color:#00ff001a}66.666%{background-color:#ffff001a}83.333%{background-color:#ff44441a}to{background-color:#ff00001a}}@keyframes doooniIconSpin{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.1)}50%{transform:rotate(180deg) scale(.9)}75%{transform:rotate(270deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}@keyframes doooniIconScale{0%,to{transform:scale(1) skew(0)}25%{transform:scale(1.15) skew(5deg)}50%{transform:scale(.95) skew(-5deg)}75%{transform:scale(1.1) skew(3deg)}}@keyframes doooniIconGlitch{0%{filter:hue-rotate(0deg) saturate(200%) brightness(1.5);transform:translate(0)}20%{filter:hue-rotate(90deg) saturate(300%) brightness(2);transform:translate(-10px,10px)}40%{filter:hue-rotate(180deg) saturate(250%) brightness(1.8);transform:translate(10px,-10px)}60%{filter:hue-rotate(270deg) saturate(350%) brightness(2.2);transform:translate(-8px,-8px)}80%{filter:hue-rotate(360deg) saturate(200%) brightness(1.5);transform:translate(8px,8px)}to{filter:hue-rotate(0deg) saturate(200%) brightness(1.5);transform:translate(0)}}@keyframes doooniRainbow{0%{color:red;filter:hue-rotate(0deg)}16.666%{color:#f0f;filter:hue-rotate(60deg)}33.333%{color:#0ff;filter:hue-rotate(120deg)}50%{color:#0f0;filter:hue-rotate(180deg)}66.666%{color:#ff0;filter:hue-rotate(240deg)}83.333%{color:#f60;filter:hue-rotate(300deg)}to{color:red;filter:hue-rotate(360deg)}}@keyframes doooniTextWave{0%,to{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-20px) rotate(5deg) scale(1.1)}50%{transform:translateY(0) rotate(-5deg) scale(.95)}75%{transform:translateY(20px) rotate(3deg) scale(1.05)}}@keyframes doooniTextGlitch{0%{transform:translate(0) skew(0);text-shadow:0 0 10px rgba(255,255,255,1),0 0 20px rgba(255,68,68,1)}33%{transform:translate(-5px,5px) skew(5deg);text-shadow:5px -5px 0 rgba(255,0,255,.7),-5px 5px 0 rgba(0,255,255,.7)}66%{transform:translate(5px,-5px) skew(-5deg);text-shadow:-5px 5px 0 rgba(255,255,0,.7),5px -5px 0 rgba(0,255,0,.7)}to{transform:translate(0) skew(0);text-shadow:0 0 10px rgba(255,255,255,1),0 0 20px rgba(255,68,68,1)}}.mic-icon{font-size:28px}.mic-label{font-size:9px;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.control-label{font-size:9px;font-weight:700;color:#777;letter-spacing:1.5px;text-align:center;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.volume-meter-compact{display:flex;flex-direction:column;align-items:center;gap:0;min-height:80px}.meter-bars-compact{display:flex;flex-direction:column-reverse;gap:1px;height:60px;width:16px;background:#0000004d;border:2px solid #333;border-radius:2px;padding:2px}.meter-bar-compact{width:12px;height:6px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:1px;transition:all .1s ease}.meter-bar-compact.active{background:#0f8;box-shadow:0 0 4px #0f89,inset 0 1px #fff3;border-color:#0f8}.meter-bar-compact.orange.active{background:#f80;box-shadow:0 0 4px #f809,inset 0 1px #fff3;border-color:#f80}.meter-bar-compact.red.active{background:#f04;box-shadow:0 0 4px #f049,inset 0 1px #fff3;border-color:#f04}.mixer-vertical-slider{writing-mode:bt-lr;-webkit-appearance:slider-vertical;appearance:slider-vertical;width:6px;height:60px;background:linear-gradient(180deg,#444,#222);outline:none;border:2px solid #555;border-radius:2px;cursor:pointer;box-shadow:inset 0 2px 4px #00000080,0 1px #ffffff1a}.mixer-vertical-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:linear-gradient(145deg,#f66,#f44);cursor:pointer;border:2px solid #ff8888;border-radius:2px;box-shadow:0 0 6px #f446,inset 0 1px #fff3}.mixer-vertical-slider::-moz-range-thumb{width:14px;height:14px;background:linear-gradient(145deg,#f66,#f44);cursor:pointer;border:2px solid #ff8888;border-radius:2px;box-shadow:0 0 6px #f446,inset 0 1px #fff3}.config-btn-pro{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:2px solid #555;border-radius:4px;color:#888;cursor:pointer;transition:all .2s ease;font-size:11px;font-weight:700;letter-spacing:1px;min-width:100px;justify-content:center;box-shadow:0 2px 8px #0000004d,inset 0 1px #ffffff1a;position:relative}.config-btn-pro:before{content:"";position:absolute;inset:1px;border:1px solid rgba(255,255,255,.05);border-radius:2px}.config-btn-pro:hover{border-color:#777;color:#aaa;transform:translateY(-2px);box-shadow:0 4px 12px #0006,inset 0 1px #ffffff26}.config-btn-pro .material-icons{font-size:14px}.mic-btn-pro,.config-btn-pro,.live-status-indicator{min-width:max-content;min-height:max-content;box-sizing:border-box}.mic-btn-pro{width:100px!important;height:100px!important}.config-btn-pro{min-width:100px!important;height:42px!important}.live-status-indicator{min-width:60px!important;height:28px!important}.crossfader-pro{display:none!important}.volume-meter-compact,.volume-meter{min-width:max-content!important;min-height:max-content!important}.mic-volume-meter .meter-bar{width:10px;height:8px;background:#00000080;border:1px solid rgba(255,255,255,.1);border-radius:2px;transition:all .1s ease}.broadcast-btn{background:#000c;border:1px solid #444;color:#ccc;border-radius:8px;padding:.8rem 1.5rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.broadcast-btn .material-icons{font-size:18px}.stream-config-btn{background:linear-gradient(135deg,#4a4a4a,#333);border:none;border-radius:8px;padding:.5rem;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000004d;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.stream-config-btn:hover{background:#ffffff1a;border-color:#666;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.stream-config-btn .material-icons{font-size:20px}.mic-btn{background:linear-gradient(135deg,#f44,#c33);border:none;border-radius:12px;padding:2rem 3rem;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #f446;font-size:1.2rem;flex-grow:1;width:80%;min-height:120px;display:flex;align-items:center;justify-content:center;gap:.5rem}.mic-btn .material-icons{font-size:24px}.mic-btn.active{animation:pulse-red 1.5s ease-in-out infinite}.mic-device-selector{display:flex;align-items:center;justify-content:center;gap:0;margin-top:.15rem;width:100%;max-width:100%;margin-left:auto;margin-right:auto;overflow:hidden;min-width:0}.mic-device-dropdown{flex:1;background:#000000f2;border:2px solid #444;border-right:none;border-radius:2px 0 0 2px;padding:.2rem .4rem;color:#ccc;font-size:8px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;font-family:inherit;cursor:pointer;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;text-align:center;box-shadow:0 0 3px #4444444d,inset 0 0 2px #4443;appearance:none;-webkit-appearance:none;-moz-appearance:none}.mic-device-dropdown:hover{background:#44444426;border-color:#666;box-shadow:0 0 5px #4446,inset 0 0 3px #4444444d}.mic-device-dropdown:focus{outline:none;border-color:#666;background:#44444426;color:#ccc;box-shadow:0 0 5px #4446,inset 0 0 3px #4444444d}.mic-device-dropdown option{background:#000000f2;color:#ccc;padding:8px;font-size:10px;text-transform:none;letter-spacing:0}.mic-refresh-button{background:#000000f2;border:2px solid #444;border-left:none;border-radius:0 2px 2px 0;padding:.2rem .4rem;color:#ccc;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:20px;max-width:20px;width:20px;flex-shrink:0;height:auto;box-shadow:0 0 3px #4444444d,inset 0 0 2px #4443}.mic-refresh-button:hover{background:#44444426;border-color:#666;box-shadow:0 0 5px #4446,inset 0 0 3px #4444444d}.mic-refresh-button .material-icons{font-size:11px;color:#666;transition:all .2s ease}@keyframes pulse-red{0%{background:linear-gradient(135deg,#600,#400);box-shadow:0 4px 16px #6009}50%{background:linear-gradient(135deg,#f33,#c00);box-shadow:0 6px 20px #f33c}to{background:linear-gradient(135deg,#600,#400);box-shadow:0 4px 16px #6009}}.crossfader-container,.crossfader-container label,.crossfader{display:none!important}.crossfader::-webkit-slider-thumb{display:none!important}.music-library{flex:1;display:grid;grid-template-areas:"search search" "content queue";grid-template-columns:1fr 350px;grid-template-rows:auto 1fr;background:#1a1a1a;min-height:0;max-height:calc(100vh - 200px);overflow:auto;gap:0;padding:0;position:relative;z-index:1}.tabs{display:flex;background:#2a2a2a;border-bottom:2px solid #4a4a4a;align-items:center;gap:0;padding:0}.tab{padding:1rem 1.5rem;background:#333;color:#ccc;border:none;cursor:pointer;transition:all .3s ease;border-right:1px solid #555;flex-shrink:0}.tab:hover{background:#444;color:#fff}.tab.active{background:#e91e63;color:#fff}.tab:last-of-type{border-right:none}.search-container{grid-area:search;display:flex;gap:.5rem;align-items:center;background:linear-gradient(135deg,#2d3748,#4a5568);padding:1rem;border-radius:8px;position:relative;z-index:100}.search-container input{flex:1;padding:.75rem 1rem;border:2px solid #4a4a4a;border-radius:6px;background:#333;color:#fff;font-size:1rem;transition:border-color .3s ease}.search-container input:focus{outline:none;border-color:#0f8;box-shadow:0 0 8px #00ff884d}.search-container input:disabled{background:#2a2a2a;border-color:#555;color:#888;cursor:not-allowed}.search-container button:disabled{background:#555;color:#888;cursor:not-allowed;transform:none}.search-container button{background:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:6px;padding:.5rem;color:#000;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.search-container button:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00ff884d}.search-container .material-icons{font-size:20px}.login-hint{display:flex;align-items:center;justify-content:center;padding:2rem;background:#2a2a2a80;border:2px dashed #4a5568;border-radius:8px;color:#718096;font-size:1rem;text-align:center;margin:1rem;min-height:100px}.tab-content{display:none;flex:1;min-height:0}#browse-content{display:flex!important;flex-direction:column!important;overflow-y:auto!important;padding:0 1rem;height:100%}#browse-content.active{display:flex!important;flex-direction:column!important;overflow-y:auto!important;padding:0 1rem}.content-main{grid-area:content;display:flex;flex-direction:column;overflow:auto;min-height:0;padding:0}.library-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;will-change:scroll-position}.library-content::-webkit-scrollbar{display:none}.search-results{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;will-change:scroll-position}.search-results::-webkit-scrollbar{display:none}#search-content{min-height:100%}#search-content .media-container.artist-type{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;padding:4px}#search-content .artist-wrapper{display:flex;align-items:center;background:transparent;border:none;border-radius:4px;padding:0;transition:background-color .2s ease;cursor:pointer;width:100%;height:56px;overflow:hidden}#search-content .artist-wrapper:hover{background:#ffffff1a}#search-content .artist-wrapper .artist-image{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:center;flex-shrink:0;margin-right:12px;overflow:hidden}#search-content .artist-wrapper .artist-placeholder{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff14;color:#666;font-size:20px;border-radius:50%;margin-right:12px;flex-shrink:0;overflow:hidden}#search-content .artist-wrapper .artist-content{display:flex;flex-direction:column;justify-content:center;flex-grow:1;overflow:hidden;min-width:0}#search-content .artist-wrapper .artist-name{font-size:.8rem;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.1;margin-bottom:2px}#search-content .artist-wrapper .artist-album-count{font-size:.75rem;color:#b3b3b3;line-height:1;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#search-content .media-container.artist-type .artist-info{display:none}#search-content .media-container.album-type{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;padding:4px}#search-content .media-container.album-type .album-wrapper{border:none;background:transparent;padding:0;transition:background-color .2s ease;cursor:pointer;border-radius:4px;overflow:hidden}#search-content .media-container.album-type .album-wrapper:hover{background:#ffffff1a}#search-content .media-container.album-type .album-cover{margin-bottom:6px;box-shadow:0 4px 12px #0006}#search-content .media-container.album-type .album-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:4px;margin-bottom:6px;color:#666;font-size:2.5rem;box-shadow:0 4px 12px #0006;overflow:hidden}#search-content .media-container.album-type .album-title{font-size:.8rem;font-weight:600;color:#fff;line-height:1.1;margin:0 0 2px;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#search-content .media-container.album-type .album-artist{font-size:.75rem;color:#b3b3b3;line-height:1.1;margin:0;padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#search-content .media-container.song-type{display:flex;flex-direction:column;gap:0}#search-content .media-container.song-type .song-wrapper{display:grid;grid-template-columns:40px 36px 1fr auto 50px 30px;gap:.75rem;align-items:center;padding:.5rem .75rem;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.08);transition:background-color .2s ease;cursor:pointer;width:100%;height:auto;flex-direction:row}#search-content .media-container.song-type .song-wrapper:hover{background:#ffffff0f}#search-content .media-container.song-type .song-wrapper:last-child{border-bottom:none}#search-content .media-container.song-type .song-cover{width:40px;height:40px;border-radius:4px;object-fit:cover}#search-content .media-container.song-type .song-title{font-size:.9rem;font-weight:500;color:#fff;text-align:left}#search-content .media-container.song-type .song-artist,#search-content .media-container.song-type .song-album{font-size:.8rem;color:#888;text-align:left}#search-content .media-container.song-type .song-duration{font-size:.8rem;color:#888;font-variant-numeric:tabular-nums;text-align:right}.unified-song-item{display:grid;grid-template-columns:40px minmax(150px,2fr) minmax(100px,1.5fr) minmax(100px,1.5fr) minmax(80px,1fr) 60px 55px;gap:.75rem;align-items:center;padding:.75rem 1rem;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease;cursor:pointer;width:100%;height:auto}.unified-song-item:hover{background:#ffffff0d;border-color:#00ff884d}.unified-song-item:last-child{border-bottom:none}.unified-song-item .track-cover{width:40px;height:40px;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#333}.unified-song-item .track-cover img{width:100%;height:100%;object-fit:cover}.unified-song-item .no-cover{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666}.unified-song-item .track-title{font-size:.9rem;font-weight:500;color:#fff;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-song-item .track-artist,.unified-song-item .track-album{font-size:.8rem;color:#888;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-song-item .track-rating{display:flex;gap:2px;justify-content:flex-start;width:max-content}.unified-song-item .track-duration{font-size:.8rem;color:#888;font-variant-numeric:tabular-nums;text-align:right;min-width:35px}.unified-song-item[draggable=true]:active{opacity:.7;transform:scale(.98)}.unified-songs-container{display:flex;flex-direction:column;gap:0;width:100%;background:transparent}.opensubsonic-login{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:2px solid #00ff88;border-radius:12px;padding:2rem;margin-bottom:1rem;width:100%;box-shadow:0 8px 25px #0f83}.login-status{margin-top:1rem;padding:.5rem;border-radius:4px;text-align:center;font-weight:700}.login-status.success{background:#0f83;color:#0f8;border:1px solid #00ff88}.login-status.error{background:#f443;color:#f44;border:1px solid #ff4444}.search-container input{flex:1;padding:.75rem;border:2px solid #4a4a4a;border-radius:8px;background:#333;color:#fff;font-size:1rem}.search-container input:focus{outline:none;border-color:#0f8;box-shadow:0 0 10px #00ff884d}.search-container button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:8px;color:#000;font-weight:700;cursor:pointer;transition:all .3s ease}.queue-section{grid-area:queue;position:relative;margin-left:-25px;z-index:10;display:flex;flex-direction:column;height:100%;min-height:0;overflow:visible}.queue-label-row{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:0;padding:0;height:30px;border-top:1px solid #444;background:#000c;border:1px solid #666;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease;min-height:30px;line-height:1;color:#fff;background:#ffffff1a;flex-shrink:0;z-index:2}.queue-label{display:none}.queue-label-row .auto-queue-controls{display:flex;gap:0;margin:0;align-items:center;justify-content:center;height:30px;position:relative;flex:1}.auto-queue-controls{display:flex;gap:0;align-items:center;justify-content:center;position:relative}.auto-queue-btn{display:flex;align-items:center;justify-content:center;background:#000c;padding:0 18px;border:1px solid #444;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease;min-height:30px;height:30px;line-height:1;cursor:pointer;color:#999;flex-shrink:0;position:relative;margin-left:-8px;z-index:1}.auto-queue-btn:first-child{margin-left:0}.auto-queue-btn:hover{color:#fff;border-color:#666;background:#ffffff14;z-index:3}.queue-panel{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:2px solid #444;border-top:none;border-radius:0 0 4px 4px;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;margin:0;transition:all .3s ease;position:relative;z-index:1}.queue-panel.drag-over{border-color:#0f8;background:linear-gradient(135deg,#2a4a2a,#3a5a3a);box-shadow:0 0 20px #00ff884d}.radio-stream-selector{position:relative;display:inline-block}.radio-stream-btn,.wishbox-btn,.queue-mic-add-btn,.deck-toggle-btn{display:flex;align-items:center;justify-content:center;background:#000c;padding:0 16px;border:1px solid #444;clip-path:polygon(8px 0%,100% 0%,calc(100% - 8px) 100%,0% 100%);font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease;min-height:30px;height:30px;line-height:1;cursor:pointer;color:#999;flex-shrink:0;position:relative;margin:0 0 0 -8px;z-index:1;box-shadow:none}.auto-queue-controls .auto-queue-btn:first-child{margin-left:0}.radio-stream-btn:hover,.wishbox-btn:hover,.queue-mic-add-btn:hover,.deck-toggle-btn:hover,.auto-queue-btn:hover{color:#fff;border-color:#666;background:#ffffff14;z-index:3}.auto-queue-btn.active{color:#64ffda;border-color:#64ffda;background:#64ffda1f;z-index:4}.auto-queue-btn.active:hover{color:#80ffff;border-color:#80ffff;background:#80ffff2e;z-index:5}.queue-mic-add-btn{color:#ff5722;border-color:#ff5722;background:#ff57221f}.queue-mic-add-btn:hover{color:#ff7043;border-color:#ff7043;background:#ff70432e}.queue-mic-add-btn .material-icons{font-size:16px}.wishbox-btn.active{color:#64ffda;border-color:#64ffda;background:#64ffda33;z-index:4}.radio-stream-dropdown{position:fixed;top:auto;right:auto;left:auto;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:2px solid #444;border-radius:6px;box-shadow:0 8px 24px #0009;z-index:9999;min-width:500px;max-width:700px;max-height:80vh;overflow-y:auto;display:none}.radio-stream-dropdown.show{display:block;animation:fadeInScale .2s ease-out}.radio-stream-header{padding:12px 16px;background:#64ffda1a;border-bottom:1px solid #444;color:#64ffda;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.radio-stream-loading{padding:20px;text-align:center;color:#ccc;font-size:14px}.radio-stream-loading .material-icons{margin-right:8px;animation:spin 1s linear infinite}.radio-stream-list{max-height:450px;overflow-y:auto}.radio-stream-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #333;cursor:pointer;transition:background-color .2s ease}.radio-stream-item:hover{background:#ffffff0d}.radio-stream-item:last-child{border-bottom:none}.radio-stream-item.live-stream{background:#ff00001a;border-left:3px solid #ff4444}.radio-stream-item.live-stream:hover{background:#ff000026}.live-indicator{color:#f44;font-size:12px;margin-right:6px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.radio-stream-info{flex:1;min-width:0}.radio-stream-name{color:#fff;font-weight:500;font-size:14px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.station-badge-stack{display:inline-block}.badge-listeners{display:inline-block;padding:2px 4px;margin:0;border:1px solid #64FFDA;border-radius:3px;background:#64ffda26;color:#64ffda;font-size:10px;font-weight:600;line-height:1;vertical-align:middle}.badge-extra{display:inline-block;padding:2px 3px;margin:0 0 0 1px;border:1px solid #88ccff;border-radius:3px;background:#88ccff26;color:#8cf;font-size:9px;font-weight:600;line-height:1;vertical-align:middle}.badge-name{display:inline-block;padding:2px 6px;margin:0 0 0 3px;border:1px solid #666;border-radius:3px;background:#ffffff1a;color:#ccc;font-size:12px;font-weight:500;line-height:1;vertical-align:middle}.radio-stream-description{color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-stream-deck-buttons{display:flex;gap:4px;margin-left:12px}.radio-deck-btn{width:24px;height:24px;border:1px solid #666;background:#ffffff1a;color:#ccc;border-radius:3px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.radio-deck-btn:hover{border-color:#64ffda;background:#64ffda33;color:#64ffda;transform:scale(1.1)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.wishbox-selector{position:relative;display:inline-block}.deck-toggle-btn{padding:0 8px;min-width:auto}.deck-toggle-btn .material-icons{font-size:18px;margin:0;transition:transform .2s ease}.deck-toggle-btn:hover .material-icons{transform:scale(1.1)}body:has(#player-c[style*="display: none"]):has(#player-d[style*="display: none"]) #auto-queue-cd{display:none}.wishbox-dropdown{position:fixed;top:auto;right:auto;left:auto;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:2px solid #444;border-radius:6px;box-shadow:0 8px 24px #0009;z-index:9999;min-width:500px;max-width:700px;max-height:500px;overflow:hidden;display:none;flex-direction:column}.wishbox-dropdown.show{display:flex;animation:fadeInScale .2s ease-out}.wishbox-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#64ffda1a;border-bottom:1px solid #444;color:#64ffda;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.wishbox-header .material-icons{font-size:18px}.wishbox-header span:not(.material-icons){flex:1}.wishbox-sort-btn{background:transparent;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px;margin-left:8px}.wishbox-sort-btn:hover{background:#ffffff1a;color:#64ffda}.wishbox-sort-btn .material-icons{font-size:18px;transition:transform .3s ease}.wishbox-sort-btn.ascending .material-icons{transform:rotate(180deg)}.wishbox-close-btn{background:transparent;border:none;color:#999;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:4px;margin-left:8px}.wishbox-close-btn:hover{background:#ffffff1a;color:#fff}.wishbox-close-btn .material-icons{font-size:18px}.wishbox-status{padding:16px;text-align:center;color:#64ffda;font-size:13px;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid #333;flex-shrink:0}.wishbox-status.hidden{display:none}.wishbox-status .material-icons{font-size:16px}.wishbox-content{flex:1;overflow-y:auto;min-height:0}.wishbox-content::-webkit-scrollbar{width:8px}.wishbox-content::-webkit-scrollbar-track{background:#1a1a1a}.wishbox-content::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.wishbox-content::-webkit-scrollbar-thumb:hover{background:#555}.discord-message{position:relative;display:flex;flex-direction:column;padding:12px 48px 12px 16px;border-bottom:1px solid #333;transition:all .2s ease;animation:messageSlideIn .3s ease}.discord-message.draggable{cursor:grab}.discord-message.draggable:active{cursor:grabbing}.discord-message.dragging{opacity:.5;background:#64ffda33;border:1px solid #64FFDA}@keyframes messageSlideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.discord-message:hover{background:#ffffff0d}.discord-message.draggable:hover{background:#64ffda1a;border-left:3px solid #64FFDA}.discord-message:last-child{border-bottom:none}.discord-message-header,.discord-message-avatar{display:none}.discord-message-info{width:100%}.discord-message-delete{position:absolute;top:50%;right:8px;transform:translateY(-50%);background:#000000e6;border:1px solid #ed4245;color:#ed4245;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;opacity:0;pointer-events:none;z-index:10;min-width:32px;min-height:32px}.discord-message:hover .discord-message-delete{opacity:1;pointer-events:auto}.discord-message-delete:hover{background:#ed42454d;color:#fff;transform:translateY(-50%) scale(1.15);border-color:#f66;box-shadow:0 0 10px #ed424580}.discord-message-delete .material-icons{font-size:16px}.discord-message.deleting{animation:messageExplode .6s ease-out forwards;pointer-events:none}@keyframes messageExplode{0%{transform:scale(1) rotate(0);opacity:1;filter:blur(0px) brightness(1)}25%{transform:scale(1.2) rotate(5deg);opacity:.8;filter:blur(1px) brightness(1.5);box-shadow:0 0 20px #ed4245cc,0 0 40px #ed424599,0 0 60px #ed424566}50%{transform:scale(1.4) rotate(-10deg);opacity:.5;filter:blur(3px) brightness(2);box-shadow:0 0 40px #ed4245,0 0 80px #ed4245cc,0 0 120px #ed424599}75%{transform:scale(.5) rotate(15deg);opacity:.2;filter:blur(6px) brightness(.5);box-shadow:0 0 20px #ed424566,0 0 40px #ed424533}to{transform:scale(0) rotate(180deg);opacity:0;filter:blur(10px) brightness(0);box-shadow:none}}.discord-message-author{display:none}.discord-message-timestamp{color:#72767d;font-size:11px;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.discord-message-content{color:#dcddde;font-size:14px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap;width:100%}.discord-request-info{display:flex;flex-direction:column;gap:8px;width:100%}.discord-request-name{display:flex;align-items:center;gap:6px;color:#64ffda;font-size:13px;font-weight:600;padding:4px 0}.discord-request-name .material-icons{font-size:16px;color:#64ffda}.discord-request-btn{display:flex;align-items:center;gap:8px;background:#000000f2;border:2px solid #444;border-radius:0;padding:8px 12px;color:#dcddde;cursor:pointer;transition:all .2s ease;text-align:left;width:100%;box-shadow:0 0 3px #4444444d,inset 0 0 2px #4443}.discord-request-btn:hover{background:#4caf5026;border-color:#4caf50;transform:translateY(-2px);box-shadow:0 0 5px #4caf5099,inset 0 0 3px #4caf5066}.discord-request-btn .material-icons{font-size:18px;color:#7289da;flex-shrink:0}.discord-request-btn .request-label{font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.discord-request-message{display:flex;align-items:flex-start;gap:6px;color:#b9bbbe;font-size:12px;font-style:italic;padding:6px 0;line-height:1.4}.discord-request-message .material-icons{font-size:16px;color:#72767d;flex-shrink:0;margin-top:1px}.discord-message-audio{margin-top:8px;background:#0000004d;border:1px solid #444;border-radius:6px;padding:10px;width:100%}.discord-message-audio .audio-info{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#64ffda;font-size:13px}.discord-message-audio .audio-info .material-icons{font-size:16px}.discord-message-audio .audio-filename{color:#dcddde;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.discord-message-audio audio{width:100%;height:32px;outline:none}.discord-message-audio audio::-webkit-media-controls-panel{background:#ffffff0d;border-radius:4px}.discord-message-audio audio::-webkit-media-controls-play-button,.discord-message-audio audio::-webkit-media-controls-mute-button{filter:brightness(1.2)}.discord-message-audio audio::-webkit-media-controls-timeline{border-radius:2px}.wishbox-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#72767d}.wishbox-empty .material-icons{font-size:64px;color:#40444b;margin-bottom:16px}.wishbox-empty p{margin:0;font-size:14px}.no-search-state{display:flex;align-items:center;justify-content:center;height:100%;min-height:300px}.search-prompt{text-align:center;color:#718096;padding:2rem}.search-prompt .material-icons{font-size:64px;color:#4a5568;margin-bottom:1rem}.search-prompt h3{color:#a0aec0;margin-bottom:.5rem;font-size:1.5rem}.search-prompt p{color:#718096;font-size:1rem}.queue-drop-indicator{height:3px;background:linear-gradient(90deg,#00e5ff,#00b0ff);margin:2px 0;border-radius:2px;opacity:0;transition:opacity .2s ease;box-shadow:0 0 10px #00e5ff80}.queue-drop-indicator.active{opacity:1;animation:pulse-drop 1s infinite}@keyframes pulse-drop{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.7;transform:scaleY(1.5)}}.queue-song-element.dragging{opacity:.5;transform:rotate(2deg);z-index:1000}.queue-mic-container.dragging{opacity:.5;transform:rotate(-2deg);z-index:1000}.queue-items-container{position:relative}.queue-drop-zone{min-height:2px;transition:all .2s ease}.queue-drop-zone.drag-over{min-height:20px;background:#00e5ff1a;border:2px dashed #00e5ff;border-radius:8px;margin:4px 0}.queue-items{flex:0 0 auto;overflow-y:visible;padding:0;margin:0;min-height:0}.queue-item-wrapper{margin:0!important;padding:0!important;transition:all .2s ease;display:block;line-height:0}.queue-item-wrapper:hover{z-index:1}.queue-song-container,.queue-mic-container{display:flex;align-items:stretch;margin:0;padding:0;line-height:0}.queue-song-button{display:flex;align-items:center;gap:.4rem;flex:1;background:#000000b3;padding:.4rem .6rem;border:none;border-top:1px solid #444;border-radius:0;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4;cursor:grab;transition:all .2s ease;position:relative;outline:none;box-sizing:border-box;margin:0}.queue-item-wrapper:first-child .queue-song-button{border-top:1px solid #444}.queue-item-wrapper:last-child .queue-song-button{border-bottom:1px solid #444}.queue-song-button:hover{border-color:#666;background:#000000d9;z-index:2}.queue-song-button:active{cursor:grabbing}.queue-song-button.dragging{opacity:.6;transform:rotate(2deg)}.queue-song-icon{font-size:14px;color:#888;flex-shrink:0}.queue-song-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1;overflow:hidden}.queue-song-title{color:#fff;font-weight:600;font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px}.queue-song-artist{color:#aaa;font-weight:400;font-size:9px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.queue-song-rating{display:flex;gap:1px;align-items:center;flex-shrink:0;margin-left:.5rem;width:max-content}.queue-song-rating .star{font-size:12px;color:#666;cursor:pointer;transition:all .2s ease;user-select:none}.queue-song-rating .star:hover{color:gold;transform:scale(1.15)}.queue-song-rating .star.filled{color:gold;text-shadow:0 0 3px rgba(255,215,0,.4)}.queue-song-remove{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;background:#280a0ae6;padding:.4rem .3rem;border:none;border-top:1px solid #664444;border-right:1px solid #664444;clip-path:polygon(0% 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);color:#c66;cursor:pointer;transition:all .2s ease;outline:none;font-family:inherit;font-size:11px;font-weight:500;margin:0;line-height:1.4;box-sizing:border-box}.queue-item-wrapper:first-child .queue-song-remove{border-top:1px solid #664444}.queue-item-wrapper:last-child .queue-song-remove{border-bottom:1px solid #664444}.queue-song-remove:hover{border-color:#866;background:#3c0f0ff2;color:#f44;z-index:2}.queue-song-remove:active{background:#1e0808f2}.queue-song-remove .material-icons{font-size:14px;color:inherit}.queue-mic-button{display:flex;align-items:center;gap:.4rem;flex:1;background:#ff572226;padding:.4rem .6rem;border:none;border-top:1px solid #FF5722;border-radius:0;font-family:inherit;font-size:11px;font-weight:500;line-height:1.4;cursor:grab;transition:all .2s ease;position:relative;outline:none;box-sizing:border-box;margin:0}.queue-item-wrapper:first-child .queue-mic-button{border-top:1px solid #FF5722}.queue-item-wrapper:last-child .queue-mic-button{border-bottom:1px solid #FF5722}.queue-mic-button:hover{border-color:#ff7043;background:#ff572240;z-index:2}.queue-mic-button:active{cursor:grabbing}.queue-mic-button.dragging{opacity:.6;transform:rotate(2deg)}.queue-mic-icon{font-size:14px;color:#ff5722;flex-shrink:0}.queue-mic-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1;overflow:hidden}.queue-mic-title{color:#ff5722;font-weight:600;font-size:11px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase}.queue-mic-subtitle{color:#ff8a65;font-weight:400;font-size:9px;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.queue-item-wrapper[draggable=true]{cursor:grab}.queue-item-wrapper[draggable=true]:active{cursor:grabbing}.queue-item-wrapper.dragging .queue-song-button{opacity:.6;transform:rotate(2deg) scale(.98);box-shadow:0 4px 12px #0000004d}.queue-item-wrapper.assigned-to-deck .queue-song-button{border-color:#64ffda;background:#64ffda26}.queue-item-wrapper.assigned-to-deck .queue-song-icon,.queue-item-wrapper.assigned-to-deck .queue-song-title{color:#64ffda}.queue-item-wrapper.assigned-to-deck[data-assigned-deck=a] .queue-song-button{border-color:var(--player-a-color, #64FFDA);background:#64ffda26}.queue-item-wrapper.assigned-to-deck[data-assigned-deck=a] .queue-song-icon,.queue-item-wrapper.assigned-to-deck[data-assigned-deck=a] .queue-song-title{color:var(--player-a-color, #64FFDA)}.queue-item-wrapper.assigned-to-deck[data-assigned-deck=b] .queue-song-button{border-color:var(--player-b-color, #FF6B6B);background:#ff6b6b26}.queue-item-wrapper.assigned-to-deck[data-assigned-deck=b] .queue-song-icon,.queue-item-wrapper.assigned-to-deck[data-assigned-deck=b] .queue-song-title{color:var(--player-b-color, #FF6B6B)}.queue-item-wrapper.assigned-to-deck[data-assigned-deck=c] .queue-song-button{border-color:var(--player-c-color, #4ECDC4);background:#4ecdc426}.queue-item-wrapper.assigned-to-deck[data-assigned-deck=c] .queue-song-icon,.queue-item-wrapper.assigned-to-deck[data-assigned-deck=c] .queue-song-title{color:var(--player-c-color, #4ECDC4)}.queue-item-wrapper.assigned-to-deck[data-assigned-deck=d] .queue-song-button{border-color:var(--player-d-color, #45B7D1);background:#45b7d126}.queue-item-wrapper.assigned-to-deck[data-assigned-deck=d] .queue-song-icon,.queue-item-wrapper.assigned-to-deck[data-assigned-deck=d] .queue-song-title{color:var(--player-d-color, #45B7D1)}.queue-items.drag-over{border:2px dashed #00ff88;background:#00ff881a}.queue-item-wrapper.drop-before{border-top:3px solid #ff6b35!important;margin-top:0!important;box-shadow:0 -3px 10px #ff6b3566}.queue-item-wrapper.drop-after{border-bottom:3px solid #ff6b35!important;margin-bottom:0!important;box-shadow:0 3px 10px #ff6b3566}.queue-item-wrapper.dragging{opacity:.5;transform:scale(.95);transition:all .2s ease}.queue-item-wrapper.queue-item-moved-to-end{animation:moveToEnd .6s ease-out}@keyframes moveToEnd{0%{transform:translateY(-20px);opacity:.5;background:#ffc8644d}50%{transform:translateY(-10px);opacity:.8;background:#ffc86433}to{transform:translateY(0);opacity:1;background:transparent}}.queue-empty-dropzone{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;color:#666;padding:2rem;font-style:italic;min-height:100px;background:#0003;border:none;border-radius:0;margin:0;transition:all .3s ease}.queue-empty-dropzone .material-icons{font-size:48px;color:#555;opacity:.5}.queue-empty-dropzone p{margin:0;font-size:14px;color:#888}.queue-empty-dropzone:hover{background:#0000004d;border-color:transparent}.queue-empty{text-align:center;color:#aaa;padding:2rem;font-style:italic}.search-results,.songs-list,.albums-grid,.artists-list{background:#2a2a2a;border:2px solid #4a4a4a;border-radius:8px;padding:1rem;overflow-y:auto;flex:1;min-height:0;max-height:100%}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:1.5rem;transform:translateZ(0);will-change:scroll-position}.album-item-modern{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000026;position:relative}.album-item-modern:hover{transform:translateY(-8px) scale(1.02);border-color:#4a90e266;box-shadow:0 12px 40px #4a90e233;background:linear-gradient(135deg,#4a90e21a,#ffffff1a)}.album-cover-container{position:relative;width:100%;height:200px;overflow:hidden}.album-cover-modern{width:100%;height:100%;background-size:cover;background-position:center;background-color:#ffffff0d;border-radius:12px 12px 0 0;position:relative;transition:transform .3s ease}.album-item-modern:hover .album-cover-modern{transform:scale(1.05)}.album-no-cover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff6;font-size:3rem}.album-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#000000b3,#0006);opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px 12px 0 0}.album-item-modern:hover .album-overlay{opacity:1}.album-play-button{background:#4a90e2e6;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;transition:all .3s ease;cursor:pointer;backdrop-filter:blur(10px)}.album-play-button:hover{background:#4a90e2;transform:scale(1.1)}.album-play-button .material-icons{color:#fff;font-size:2rem;margin-left:3px}.album-actions{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.75rem;color:#ffffffe6;text-align:center}.album-song-count{background:#fff3;padding:4px 12px;border-radius:20px;backdrop-filter:blur(5px);font-weight:500}.album-year{color:#ffffffb3;font-weight:400}.album-info-modern{padding:16px;background:#ffffff05}.album-title-modern{font-size:1rem;font-weight:600;color:#fff;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.album-artist-modern{font-size:.875rem;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;transition:color .3s ease}.album-item-modern:hover .album-artist-modern{color:#4a90e2e6}.album-item-modern.dragging{opacity:.5;transform:rotate(5deg) scale(.9)}.album-item{background:#333;border:1px solid #555;border-radius:6px;padding:.75rem;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}.album-item *{pointer-events:none}.album-item:hover{background:#404040;border-color:#0f8;transform:translateY(-2px)}.album-title{color:#fff;font-weight:700;margin-bottom:.25rem;font-size:.9em}.album-artist{color:#aaa;font-size:.8em}.horizontal-scroll .artist-item{min-width:120px!important;max-width:120px!important;flex-shrink:0!important;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;margin:0 12px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;box-sizing:content-box!important}.horizontal-scroll .artist-item:hover{background:transparent!important;border:none!important;transform:translateY(-4px)!important}.horizontal-scroll .artist-card{min-width:120px!important;max-width:120px!important;flex-shrink:0!important;background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;margin:0 12px!important;cursor:pointer!important;transition:all .2s ease!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;box-sizing:content-box!important}.horizontal-scroll .artist-card:hover{background:transparent!important;border:none!important;transform:none!important;box-shadow:none!important}.horizontal-scroll .artist-item .artist-image,.horizontal-scroll .artist-card .artist-image{width:100px!important;height:100px!important;border-radius:50%!important;overflow:hidden!important;margin:0 0 8px!important;position:relative!important;background:#ffffff0d!important;border:none!important;box-shadow:0 4px 12px #0000004d!important;transition:all .2s ease!important;box-sizing:content-box!important}.horizontal-scroll .artist-item:hover .artist-image,.horizontal-scroll .artist-card:hover .artist-image{box-shadow:0 8px 20px #0006!important;transform:scale(1.05)!important}.horizontal-scroll .artist-item .artist-image img,.horizontal-scroll .artist-card .artist-image img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;border:none!important;border-radius:0!important;transition:all .2s ease!important;box-sizing:content-box!important}.horizontal-scroll .artist-item .artist-info{width:100%!important;margin:0!important;padding:0!important;display:block!important;box-sizing:content-box!important}.horizontal-scroll .artist-item .artist-name,.horizontal-scroll .artist-card .artist-name{font-size:12px!important;font-weight:500!important;color:#ffffffe6!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important;line-height:1.3!important;display:block!important;box-sizing:content-box!important}.horizontal-scroll .artist-item:hover .artist-name,.horizontal-scroll .artist-card:hover .artist-name{color:#fff!important}.horizontal-scroll .artist-item .artist-album-count,.horizontal-scroll .artist-card .artist-type{font-size:10px!important;color:#fff9!important;margin:2px 0 0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important;box-sizing:content-box!important}.horizontal-scroll .artist-item:hover .artist-album-count,.horizontal-scroll .artist-card:hover .artist-type{color:#fffc!important}.artist-name{color:#fff;font-weight:700}.artist-info{color:#aaa;font-size:.9em}.loading,.no-results,.queue-empty{text-align:center;color:#666;font-style:italic;padding:2rem}.track-item{position:relative;background:#333;border:1px solid #555;border-radius:4px;padding:.75rem;margin-bottom:.4rem;cursor:grab;transition:all .3s ease;overflow:hidden}.track-item:hover{background:#404040;border-color:#0f8;transform:translateY(-1px)}.track-item h4{color:#fff;margin-bottom:.25rem;font-size:.9em}.track-item p{color:#aaa;font-size:.8em}.queue-panel h3{color:#0f8;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px rgba(0,255,136,.3)}.queue-list{min-height:200px;border:2px dashed #555;border-radius:6px;padding:1rem;overflow-y:auto}.queue-empty,.no-results{text-align:center;color:#666;font-style:italic;padding:2rem}.drop-zone{border:2px dashed #00ff88!important;background:#00ff881a!important}@media(max-width:1200px){.top-controls{grid-template-columns:1fr;gap:1rem}.library-content{grid-template-columns:1fr}}.queue-list{min-height:200px;border:2px dashed #555;border-radius:6px;padding:1rem;transition:all .3s ease}.queue-list.drag-over{border-color:#0f8;background:#00ff881a}.queue-item{background:#333;border:1px solid #555;border-radius:4px;padding:.6rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;cursor:grab}.queue-item:hover{background:#404040;border-color:#0f8}.queue-item[draggable=true]:active{cursor:grabbing}.queue-item.dragging{opacity:.5;transform:scale(.95)}.queue-number{background:#0f8;color:#000;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7em}.queue-info{flex:1}.queue-title{color:#fff;font-weight:700;margin-bottom:.2rem;font-size:.85em}.queue-artist{color:#aaa;font-size:.75em}.queue-remove{background:#f44;border:none;border-radius:50%;width:20px;height:20px;color:#fff;cursor:pointer;font-weight:700;transition:all .3s ease}.queue-remove:hover{background:#f66;transform:scale(1.1)}.player-deck{transition:all .3s ease;position:relative}.player-deck.drag-over{background:#00ff881a!important;border:2px solid #00ff88!important;transform:scale(1.02);box-shadow:0 0 15px #00ff8880,inset 0 0 10px #0f83}.player-deck.drop-blocked{background:#ff66661a!important;border:2px solid #ff6666!important;transform:scale(.98);box-shadow:0 0 15px #ff666680,inset 0 0 10px #f663;cursor:not-allowed}.player-deck.drop-blocked:after{content:"🚫 Playback Active - Drop Blocked";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff6666e6;color:#fff;padding:8px 16px;border-radius:4px;font-size:12px;font-weight:700;z-index:1000;pointer-events:none;white-space:nowrap}.player-deck audio{display:none}.progress-bar{cursor:pointer}.progress-bar:hover{background:#444}.album-header,.artist-header{padding:20px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;margin-bottom:20px}.artist-info{display:flex;gap:20px;align-items:flex-start}.artist-image-large{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#333;display:flex;align-items:center;justify-content:center;flex-shrink:0}.artist-image-large img{width:100%;height:100%;object-fit:cover}.artist-image-large .material-icons{font-size:60px;color:#666}.artist-details{flex:1;min-width:0}.artist-name{margin:0 0 8px;font-size:2rem;font-weight:700;color:#0f8}.artist-album-count{margin:0 0 12px;color:#999;font-size:.95rem}.artist-biography{margin:0;color:#ccc;font-size:.9rem;line-height:1.5;max-width:800px}.album-header h3,.artist-header h3{color:#0f8;margin:0;font-size:1.2rem}.back-btn{background:linear-gradient(135deg,#718096,#4a5568);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;transition:all .3s ease}.back-btn:hover{background:linear-gradient(135deg,#a0aec0,#718096);transform:translateY(-2px)}.artist-section{margin-bottom:2rem}.artist-section h4{color:#0f8;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #333}.artist-section:nth-of-type(3) h4{color:#4a9eff}.artist-section:nth-of-type(4) h4{color:#ff8c42}.album-item,.artist-item{cursor:pointer;transition:all .3s ease}.album-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00ff884d}.artist-item:hover{background:#00ff881a;transform:translateY(-2px)}#player-a.playing{border:2px solid var(--player-a-color);box-shadow:0 0 10px var(--player-a-glow);animation:neon-pulse-a 7.3s ease-in-out infinite;z-index:10;position:relative;will-change:box-shadow,border-color;transform:translateZ(0);backface-visibility:hidden}#player-b.playing{border:2px solid var(--player-b-color);box-shadow:0 0 10px var(--player-b-glow);animation:neon-pulse-b 8.1s ease-in-out infinite;z-index:10;position:relative;will-change:box-shadow,border-color;transform:translateZ(0);backface-visibility:hidden}#player-c.playing{border:2px solid var(--player-c-color);box-shadow:0 0 10px var(--player-c-glow);animation:neon-pulse-c 6.7s ease-in-out infinite;z-index:10;position:relative;will-change:box-shadow,border-color;transform:translateZ(0);backface-visibility:hidden}#player-d.playing{border:2px solid var(--player-d-color);box-shadow:0 0 10px var(--player-d-glow);animation:neon-pulse-d 9.2s ease-in-out infinite;z-index:10;position:relative;will-change:box-shadow,border-color;transform:translateZ(0);backface-visibility:hidden}@keyframes neon-pulse-a{0%{box-shadow:0 0 8px var(--player-a-glow),0 0 15px var(--player-a-glow);border-color:var(--player-a-color)}23%{box-shadow:0 0 18px var(--player-a-glow),0 0 35px var(--player-a-glow);border-color:var(--player-a-light)}27%{box-shadow:0 0 10px var(--player-a-glow),0 0 22px var(--player-a-glow);border-color:var(--player-a-color)}61%{box-shadow:0 0 20px var(--player-a-glow),0 0 40px var(--player-a-glow),0 0 60px var(--player-a-glow);border-color:var(--player-a-light)}68%{box-shadow:0 0 12px var(--player-a-glow),0 0 25px var(--player-a-glow);border-color:var(--player-a-color)}to{box-shadow:0 0 8px var(--player-a-glow),0 0 15px var(--player-a-glow);border-color:var(--player-a-color)}}@keyframes neon-pulse-b{0%{box-shadow:0 0 9px var(--player-b-glow),0 0 18px var(--player-b-glow);border-color:var(--player-b-color)}31%{box-shadow:0 0 14px var(--player-b-glow),0 0 28px var(--player-b-glow);border-color:var(--player-b-light)}34%{box-shadow:0 0 11px var(--player-b-glow),0 0 20px var(--player-b-glow);border-color:var(--player-b-color)}72%{box-shadow:0 0 22px var(--player-b-glow),0 0 45px var(--player-b-glow),0 0 65px var(--player-b-glow);border-color:var(--player-b-light)}79%{box-shadow:0 0 15px var(--player-b-glow),0 0 30px var(--player-b-glow);border-color:var(--player-b-color)}to{box-shadow:0 0 9px var(--player-b-glow),0 0 18px var(--player-b-glow);border-color:var(--player-b-color)}}@keyframes neon-pulse-c{0%{box-shadow:0 0 8px var(--player-c-glow),0 0 16px var(--player-c-glow);border-color:var(--player-c-color)}19%{box-shadow:0 0 16px var(--player-c-glow),0 0 32px var(--player-c-glow);border-color:var(--player-c-light)}25%{box-shadow:0 0 12px var(--player-c-glow),0 0 24px var(--player-c-glow);border-color:var(--player-c-color)}56%{box-shadow:0 0 19px var(--player-c-glow),0 0 38px var(--player-c-glow),0 0 55px var(--player-c-glow);border-color:var(--player-c-light)}63%{box-shadow:0 0 10px var(--player-c-glow),0 0 21px var(--player-c-glow);border-color:var(--player-c-color)}to{box-shadow:0 0 8px var(--player-c-glow),0 0 16px var(--player-c-glow);border-color:var(--player-c-color)}}@keyframes neon-pulse-d{0%{box-shadow:0 0 10px var(--player-d-glow),0 0 19px var(--player-d-glow);border-color:var(--player-d-color)}26%{box-shadow:0 0 15px var(--player-d-glow),0 0 30px var(--player-d-glow);border-color:var(--player-d-light)}32%{box-shadow:0 0 12px var(--player-d-glow),0 0 25px var(--player-d-glow);border-color:var(--player-d-color)}67%{box-shadow:0 0 21px var(--player-d-glow),0 0 42px var(--player-d-glow),0 0 62px var(--player-d-glow);border-color:var(--player-d-light)}74%{box-shadow:0 0 14px var(--player-d-glow),0 0 28px var(--player-d-glow);border-color:var(--player-d-color)}to{box-shadow:0 0 10px var(--player-d-glow),0 0 19px var(--player-d-glow);border-color:var(--player-d-color)}}.player-deck.playing h3{text-shadow:0 0 10px currentColor}.player-deck.neon-jitter{animation:neon-jitter .1s ease-in-out infinite!important}@keyframes neon-jitter{0%{transform:translate(0);filter:brightness(1)}10%{transform:translate(-1px,1px);filter:brightness(1.2)}20%{transform:translate(1px,-1px);filter:brightness(.9)}30%{transform:translate(-1px,-1px);filter:brightness(1.1)}40%{transform:translate(1px,1px);filter:brightness(1)}50%{transform:translateY(-1px);filter:brightness(1.15)}60%{transform:translate(-1px);filter:brightness(.95)}70%{transform:translate(1px);filter:brightness(1.05)}80%{transform:translateY(1px);filter:brightness(1)}90%{transform:translate(0);filter:brightness(1.1)}to{transform:translate(0);filter:brightness(1)}}.player-deck.playing .track-title{text-shadow:0 0 8px currentColor}.rating-container{margin-top:.5rem}.rating-stars{display:flex;gap:2px;align-items:center;justify-content:flex-start;width:max-content;position:relative;z-index:2}.star{font-size:16px;color:#666;cursor:pointer;transition:all .2s ease;user-select:none}.star.hidden-star,.rating-star.hidden-star{opacity:0;width:0;margin:0;padding:0;overflow:hidden;position:absolute;pointer-events:none}.track-rating:hover .star.hidden-star,.rating-stars:hover .star.hidden-star,.queue-song-rating:hover .star.hidden-star,.player-rating:hover .star.hidden-star,.rating-display:hover .rating-star.hidden-star{opacity:1;width:auto;position:relative;pointer-events:all;color:#444}.star:hover{color:gold}.star.filled{color:gold;text-shadow:0 0 4px rgba(255,215,0,.5)}.star.hover-preview,.rating-star.hover-preview{color:gold!important;text-shadow:0 0 4px rgba(255,215,0,.5)}.player-rating{margin-top:.5rem;display:flex;justify-content:center}.player-rating .star{font-size:18px;margin:0 1px}.track-item .rating-container{margin-top:.3rem;margin-left:.5rem}.track-item .star{font-size:14px}.songs-table-header{display:grid;grid-template-columns:60px 2fr 1.5fr 1.5fr 120px 80px;gap:1rem;padding:.5rem 1rem;background:linear-gradient(135deg,#2d3748,#4a5568);border-radius:8px 8px 0 0;font-weight:700;color:#0f8;font-size:.9rem;border-bottom:2px solid #333}.songs-table{background:#1a202ccc;border-radius:0 0 8px 8px;overflow:hidden}.track-item-oneline{position:relative;display:grid;grid-template-columns:60px 2fr 1.5fr 1.5fr 120px 80px;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #333;cursor:pointer;transition:all .3s ease;align-items:center;overflow:hidden}.track-item-oneline:hover{background:#00ff881a}.track-item-oneline:last-child{border-bottom:none}.track-cover{width:50px;height:50px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#333}.track-cover img{width:100%;height:100%;object-fit:cover}.track-cover .no-cover{color:#666;font-size:20px}.track-title{font-weight:700;color:#fff;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:#a0aec0;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album{color:#718096;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clickable-artist,.clickable-album{cursor:pointer;transition:all .2s ease;border-radius:4px;padding:2px 4px;margin:-2px -4px;position:relative;z-index:10;pointer-events:auto}.clickable-artist:hover{color:#0f8;background:#00ff881a;text-shadow:0 0 6px rgba(0,255,136,.3);transform:translateY(-1px)}.clickable-album:hover{color:#f80;background:#ff88001a;text-shadow:0 0 6px rgba(255,136,0,.3);transform:translateY(-1px)}.multi-artist{display:flex;flex-wrap:wrap;align-items:center;gap:0}.artist-separator{color:#718096;margin:0 2px;pointer-events:none}.track-item-oneline .clickable-artist,.track-item-oneline .clickable-album{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.track-rating{display:flex;gap:2px;justify-content:flex-start;width:max-content}.track-rating .star{font-size:14px}.track-duration{color:#a0aec0;font-size:.9rem;text-align:right;font-family:Courier New,monospace}.track-item-oneline.dragging,.track-item.dragging{opacity:.5;transform:scale(.95)}.track-item.in-queue,.track-item-oneline.in-queue,.song-row.in-queue,.unified-song-item.in-queue{border-left:4px solid #7289da!important}.track-item.on-deck-a,.track-item-oneline.on-deck-a,.song-row.on-deck-a,.unified-song-item.on-deck-a{border-left:4px solid #ff6b6b!important}.track-item.on-deck-a .star.filled,.track-item-oneline.on-deck-a .star.filled,.song-row.on-deck-a .star.filled,.unified-song-item.on-deck-a .star.filled{color:#ff6b6b!important;text-shadow:0 0 4px rgba(255,107,107,.5)!important}.track-item.on-deck-b,.track-item-oneline.on-deck-b,.song-row.on-deck-b,.unified-song-item.on-deck-b{border-left:4px solid #4ecdc4!important}.track-item.on-deck-b .star.filled,.track-item-oneline.on-deck-b .star.filled,.song-row.on-deck-b .star.filled,.unified-song-item.on-deck-b .star.filled{color:#4ecdc4!important;text-shadow:0 0 4px rgba(78,205,196,.5)!important}.track-item.on-deck-c,.track-item-oneline.on-deck-c,.song-row.on-deck-c,.unified-song-item.on-deck-c{border-left:4px solid #ffd93d!important}.track-item.on-deck-c .star.filled,.track-item-oneline.on-deck-c .star.filled,.song-row.on-deck-c .star.filled,.unified-song-item.on-deck-c .star.filled{color:#ffd93d!important;text-shadow:0 0 4px rgba(255,217,61,.5)!important}.track-item.on-deck-d,.track-item-oneline.on-deck-d,.song-row.on-deck-d,.unified-song-item.on-deck-d{border-left:4px solid #95e1d3!important}.track-item.on-deck-d .star.filled,.track-item-oneline.on-deck-d .star.filled,.song-row.on-deck-d .star.filled,.unified-song-item.on-deck-d .star.filled{color:#95e1d3!important;text-shadow:0 0 4px rgba(149,225,211,.5)!important}.track-item.in-queue .star.filled,.track-item-oneline.in-queue .star.filled,.song-row.in-queue .star.filled,.unified-song-item.in-queue .star.filled{color:#7289da!important;text-shadow:0 0 4px rgba(114,137,218,.5)!important}.recently-played{transition:opacity .3s ease}.artist-cooldown .track-artist,.artist-cooldown .song-artist,.artist-cooldown .artist-name,.artist-cooldown .queue-song-artist{position:relative;animation:lavaGlow 8s ease-in-out infinite;text-shadow:0 0 3px rgba(255,87,34,.4),0 0 6px rgba(255,87,34,.3),0 0 9px rgba(255,87,34,.2);font-weight:700}@keyframes lavaGlow{0%{color:#ff5722;text-shadow:0 0 3px rgba(255,87,34,.4),0 0 6px rgba(255,87,34,.3),0 0 9px rgba(255,87,34,.2)}15%{color:#ff6030;text-shadow:0 0 4px rgba(255,96,48,.5),0 0 8px rgba(255,96,48,.35),0 0 12px rgba(255,96,48,.25)}33%{color:#ff5722;text-shadow:0 0 3px rgba(255,87,34,.4),0 0 6px rgba(255,87,34,.3),0 0 9px rgba(255,87,34,.2)}48%{color:#ff7043;text-shadow:0 0 5px rgba(255,112,67,.6),0 0 10px rgba(255,112,67,.4),0 0 15px rgba(255,112,67,.3)}67%{color:#ff5722;text-shadow:0 0 3px rgba(255,87,34,.4),0 0 6px rgba(255,87,34,.3),0 0 9px rgba(255,87,34,.2)}82%{color:#ff8a65;text-shadow:0 0 6px rgba(255,138,101,.7),0 0 12px rgba(255,138,101,.5),0 0 18px rgba(255,138,101,.35),0 0 24px rgba(255,138,101,.2)}to{color:#ff5722;text-shadow:0 0 3px rgba(255,87,34,.4),0 0 6px rgba(255,87,34,.3),0 0 9px rgba(255,87,34,.2)}}.player-deck.drag-over{background:#00ff881a;border:2px solid #00ff88;transform:scale(1.02)}.queue-items.drag-over{background:#00ff881a;border:2px solid #00ff88}.library-content::-webkit-scrollbar,.search-results::-webkit-scrollbar{display:none;width:0;height:0}.library-content::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{display:none}.library-content::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{display:none}#streaming-status{backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}#streaming-status .material-icons{animation:blink 1s ease-in-out infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.library-tabs{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #444;margin-bottom:1.5rem;padding:.5rem 0}.tab-navigation{display:flex;gap:0;padding:0;margin-bottom:1rem}.tab-btn{background:linear-gradient(135deg,#333,#2a2a2a);border:1px solid rgba(255,255,255,.1);color:#888;padding:.6rem 1.2rem;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease;position:relative;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);margin-right:4px}.tab-btn:before{display:none}.tab-btn:hover{color:#fff;background:linear-gradient(135deg,#444,#333);border-color:#fff3}.tab-btn.active{color:#0f8;background:linear-gradient(135deg,#1a4d33,#0f3326);border-color:#00ff884d}.tab-btn[data-tab=search].active{color:#0af;background:linear-gradient(135deg,#1a3d4d,#0f2633);border-color:#00aaff4d}.search-container-integrated{display:flex;align-items:center;background:linear-gradient(145deg,#2a2a2a,#1e1e1e);border:1px solid rgba(255,255,255,.1);border-radius:25px;padding:.25rem;width:300px;transition:all .3s ease}.search-container-integrated:focus-within{border-color:#00ff8880;box-shadow:0 0 0 2px #00ff881a}.search-container-integrated input{background:transparent;border:none;color:#fff;padding:.5rem 1rem;font-size:.9rem;outline:none;flex:1;width:100%}.search-container-integrated input::placeholder{color:#666;font-style:italic}.search-container-integrated input:disabled{color:#555}.search-container-integrated button{background:linear-gradient(145deg,#0f8,#00cc6a);border:none;color:#000;padding:.5rem;border-radius:50%;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:35px;height:35px}.search-container-integrated button:hover{background:linear-gradient(145deg,#00cc6a,#00aa5a);transform:scale(1.05)}.search-container-integrated button:disabled{background:#444;color:#666;cursor:not-allowed;transform:none}.search-container-integrated .material-icons{font-size:1.2rem}.tab-content{display:none}.tab-content.active{display:block!important;animation:fadeIn .3s ease}#browse-content.active{display:flex!important;flex-direction:column!important;overflow-y:auto!important;padding:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.media-section{margin-bottom:.8rem;overflow:hidden;height:auto}.media-section:first-child{margin-top:0}.section-title{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:.5rem;padding-left:.5rem;border-left:3px solid #00ff88;background:linear-gradient(90deg,rgba(0,255,136,.1) 0%,transparent 100%);padding:.3rem 0 .3rem 1rem}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.section-header .section-title{margin-bottom:0;flex:1}.sort-toggle-button{background:#ffffff0d;border:1px solid #444;border-radius:4px;color:#0f8;padding:.35rem .5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sort-toggle-button:hover{background:#00ff881a;border-color:#0f8}.sort-toggle-button:active{transform:scale(.95)}.sort-toggle-button .material-icons{font-size:1.2rem}.sort-selector{display:flex;align-items:center;gap:.5rem}.sort-dropdown{background:#ffffff0d;border:1px solid #444;border-radius:4px;color:#fff;padding:.3rem .6rem;font-size:.85rem;cursor:pointer;transition:all .2s ease}.sort-dropdown:hover{background:#ffffff14;border-color:#0f8}.sort-dropdown:focus{outline:none;border-color:#0f8;box-shadow:0 0 0 2px #0f83}.sort-dropdown option{background:#1e1e1e;color:#fff}.horizontal-scroll{display:flex;gap:1rem;overflow-x:auto;padding:.5rem 0 1rem;scroll-behavior:smooth}.horizontal-scroll::-webkit-scrollbar{height:6px}.horizontal-scroll::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#666;border-radius:3px;transition:background .3s ease}.horizontal-scroll::-webkit-scrollbar-thumb:hover{background:#0f8}.horizontal-scroll{cursor:grab;user-select:none}.horizontal-scroll.active-drag{cursor:grabbing;user-select:none}.horizontal-scroll.active-drag *{pointer-events:none}.album-card-container{min-width:220px;max-width:220px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.album-card-container:hover{transform:translateY(-6px)}.album-card{width:100%;height:220px;background:linear-gradient(145deg,#2c2c2c,#1a1a1a);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;position:relative;box-shadow:0 4px 15px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1)}.album-card-container:hover .album-card{border-color:#0f89;box-shadow:0 12px 35px #00ff8826,0 4px 15px #0006;background:linear-gradient(145deg,#2e2e2e,#1c1c1c)}.album-card .album-cover{width:100%;height:100%;border-radius:0;background:linear-gradient(145deg,#404040,#2a2a2a);position:relative}.album-card .album-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,255,136,.05),transparent);opacity:0;transition:opacity .3s ease}.album-card-container:hover .album-card .album-cover:before{opacity:1}.album-card .album-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.album-card-container:hover .album-card .album-cover img{transform:scale(1.05)}.album-card .album-cover .material-icons{font-size:4rem;color:#666;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.album-card-container:hover .album-card .album-cover .material-icons{color:#888;transform:scale(1.1)}.album-info-external{padding:.5rem 0;text-align:center}.album-info-external .album-title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:.25rem;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.3)}.album-info-external .album-artist{font-size:.8rem;color:#aaa;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.25rem}.album-info-external .album-year{font-size:.75rem;color:#777}.artist-avatar{width:100%;height:130px;background:linear-gradient(145deg,#404040,#2a2a2a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.artist-avatar:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,rgba(0,255,136,.05),transparent);opacity:0;transition:opacity .3s ease}.artist-card:hover .artist-avatar:before{opacity:1}.artist-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.artist-card:hover .artist-avatar img{transform:scale(1.05)}.artist-avatar .material-icons{font-size:3rem;color:#666;text-shadow:0 2px 4px rgba(0,0,0,.3);transition:all .3s ease}.artist-card:hover .artist-avatar .material-icons{color:#888;transform:scale(1.1)}.loading-placeholder{display:flex;align-items:center;justify-content:center;padding:3rem;color:#666;font-style:italic;min-height:200px}.no-results{display:flex;align-items:center;justify-content:center;padding:3rem;color:#666;font-style:italic;text-align:center}.media-container{display:flex;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding:.25rem 0;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#666 #222}.media-container::-webkit-scrollbar{height:6px}.media-container::-webkit-scrollbar-track{background:transparent}.media-container::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.media-container::-webkit-scrollbar-thumb:hover{background:#888}.media-container.active-drag{cursor:grabbing;user-select:none}.media-container.grid-layout{display:grid;grid-template-columns:repeat(auto-fill,180px);gap:1rem;overflow:visible;justify-content:space-between}.media-container.list-layout{flex-direction:column;gap:.5rem}.media-item-wrapper{width:180px;height:240px;flex-shrink:0;cursor:pointer;border-radius:4px;overflow:hidden;background:#1a1a1a;transition:all .2s ease;position:relative;display:flex;flex-direction:column}.media-item-wrapper:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0006;background:#202020}.media-item-wrapper.list-item{width:100%;height:60px;display:flex;align-items:center;padding:.75rem;background:#1a1a1a;flex-direction:row}.media-item-wrapper.list-item:hover{transform:none;background:#202020}.media-cover{width:100%;height:180px;object-fit:cover;background:#2a2a2a;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.media-item-wrapper.list-item .media-cover{width:44px;height:44px;border-radius:2px;margin-right:.75rem;flex-shrink:0}.media-cover img{width:100%;height:100%;object-fit:cover;display:block}.media-cover .material-icons{font-size:2.5rem;color:#555}.media-item-wrapper.list-item .media-cover .material-icons{font-size:1.25rem}.media-info{padding:.75rem;flex:1;min-height:60px;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}.media-item-wrapper.list-item .media-info{padding:0;min-height:auto;flex:1;justify-content:center}.media-title{font-weight:600;color:#fff;margin-bottom:.25rem;font-size:.9rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.media-artist{color:#aaa;font-size:.8rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.media-subtitle{color:#888;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.media-year{color:#777;font-size:.7rem;margin-top:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading-placeholder{padding:2rem;text-align:center;color:#666;font-style:italic}@media(max-width:768px){.media-container.grid-layout{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.media-item-wrapper{width:140px;height:200px}.media-cover{height:140px}.media-info{padding:.5rem}}.detail-view{padding:1rem 0;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.detail-header{margin-bottom:1rem}.album-detail,.artist-detail{max-width:100%}.album-info,.artist-info{display:flex;gap:2rem;margin-bottom:2rem;position:relative}.album-info-content{display:flex;gap:2rem;flex:1}.back-btn{position:absolute;top:0;right:0;background:#2a2a2a;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.85rem;transition:background .2s ease;z-index:10}.back-btn:hover{background:#3a3a3a}.album-cover-large,.artist-image-large{width:200px;height:200px;border-radius:4px;overflow:hidden;background:#2a2a2a;flex-shrink:0;display:flex;align-items:center;justify-content:center}.album-cover-large img,.artist-image-large img{width:100%;height:100%;object-fit:cover}.album-cover-large .material-icons,.artist-image-large .material-icons{font-size:4rem;color:#555}.album-meta,.artist-meta{flex:1;padding-right:120px}.album-meta h2,.artist-meta h2{color:#fff;font-size:2rem;margin:0 0 .5rem;line-height:1.2}.album-meta h3,.artist-meta h3{color:#aaa;font-size:1.5rem;margin:0 0 1rem;font-weight:400}.album-meta p,.artist-meta p{color:#888;margin:.25rem 0}.artist-detail .albums-section{margin-top:3rem}.artist-detail .albums-section h3{color:#fff;font-size:1.5rem;margin:0 0 1.5rem;font-weight:600}.artist-detail .albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;padding:0;background:transparent;border:none}.track-list,.album-grid{margin-top:2rem}.track-list h4,.album-grid h4{color:#fff;margin-bottom:1rem;font-size:1.2rem}.tracks{background:#1a1a1a;border-radius:4px;overflow:hidden}.track-item{display:grid;grid-template-columns:40px 1fr 80px auto;gap:1rem;padding:.75rem 1rem;cursor:grab;transition:background .2s ease;align-items:center;user-select:none}.track-item:hover{background:#252525}.track-item:active{cursor:grabbing}.track-item.dragging{opacity:.5;cursor:grabbing}.track-item:not(:last-child){border-bottom:1px solid #2a2a2a}.track-number{color:#666;font-size:.9rem;text-align:center}.track-title{color:#fff;font-size:.95rem}.track-rating{display:flex;gap:.1rem;align-items:center;min-width:80px}.star{color:#666;font-size:.9rem;cursor:pointer;transition:color .1s ease;user-select:none}.star.filled,.star:hover,.star.hover{color:gold}.track-duration{color:#888;font-size:.85rem;font-variant-numeric:tabular-nums;min-width:40px;text-align:right}.album-grid .albums{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:8px 0}.album-grid .albums .album-wrapper{background:transparent;border:none;padding:0;cursor:pointer;transition:transform .2s ease}.album-grid .albums .album-wrapper:hover{transform:scale(1.05)}.album-grid .albums .album-cover{margin-bottom:8px;box-shadow:0 4px 20px #0006}.album-grid .albums .album-placeholder{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:4px;margin-bottom:8px;color:#666;font-size:3rem;box-shadow:0 4px 20px #0006;overflow:hidden}.album-grid .albums .album-title{font-size:.85rem;font-weight:600;color:#fff;line-height:1.2;margin:0 0 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-grid .albums .album-year{font-size:.75rem;color:#b3b3b3;line-height:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.album-grid .albums .album-artist{display:none}.media-container.list-layout .song-wrapper{width:100%;height:auto;flex-direction:row;align-items:center;padding:0;background:transparent}.media-container.list-layout .song-item{display:grid;grid-template-columns:50px 1fr 100px 60px;gap:1rem;padding:.75rem;width:100%;align-items:center;background:#1a1a1a;border-radius:4px;margin-bottom:.5rem;transition:background .2s ease;cursor:grab}.media-container.list-layout .song-item:hover{background:#252525}.media-container.list-layout .song-item:active{cursor:grabbing}.song-cover{width:50px;height:50px;border-radius:4px;overflow:hidden;background:#2a2a2a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.song-cover img{width:100%;height:100%;object-fit:cover}.song-cover .material-icons{font-size:1.5rem;color:#666}.song-info{flex:1;min-width:0}.song-title{color:#fff;font-size:.95rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{color:#aaa;font-size:.85rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-album{color:#888;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-rating{display:flex;gap:.1rem;align-items:center;min-width:100px;justify-content:center}.song-rating .star{color:#666;font-size:.9rem;cursor:pointer;transition:color .1s ease}.song-rating .star.filled,.song-rating .star:hover,.song-rating .star.hover{color:gold}.song-duration{color:#888;font-size:.85rem;font-variant-numeric:tabular-nums;text-align:right;min-width:60px}@media(max-width:768px){.album-info,.artist-info,.album-info-content{flex-direction:column;gap:1rem}.album-meta,.artist-meta{padding-right:0;text-align:center}.back-btn{position:static;align-self:flex-end;margin-bottom:1rem}.album-cover-large,.artist-image-large{width:150px;height:150px;align-self:center}.album-meta h2,.artist-meta h2{font-size:1.5rem}.album-meta h3,.artist-meta h3{font-size:1.2rem}.track-item{grid-template-columns:30px 1fr 60px 35px;gap:.5rem;padding:.5rem .75rem}.track-rating .star{font-size:.8rem}.album-grid .albums{grid-template-columns:repeat(auto-fill,140px)}.player-label{left:.5rem;padding:.2rem .5rem;font-size:.7rem}.player-label-dot{width:5px;height:5px}.player-label-text{font-size:.65rem}.player-deck{min-height:140px;padding:1rem .75rem}.player-main{grid-template-columns:70px 1fr auto;gap:.75rem}.tab-navigation{padding:0;margin-bottom:.75rem}.tab-btn{padding:.4rem .8rem;font-size:.7rem;margin-right:2px}#search-content .media-container.artist-type{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.25rem}#search-content .artist-wrapper{height:60px}#search-content .artist-wrapper .artist-image,#search-content .artist-wrapper .artist-placeholder{width:60px;height:60px}#search-content .artist-wrapper .artist-content{padding:.5rem .75rem}#search-content .artist-wrapper .artist-name{font-size:.85rem}#search-content .artist-wrapper .artist-album-count{font-size:.7rem}#search-content .media-container.song-type .song-wrapper{grid-template-columns:35px 30px 1fr 50px 25px;gap:.5rem;padding:.5rem .75rem}#search-content .media-container.song-type .song-cover{width:30px;height:30px}#search-content .media-container.song-type .song-title{font-size:.8rem}#search-content .media-container.song-type .song-artist,#search-content .media-container.song-type .song-album{font-size:.7rem}}.library-header{position:relative;padding:0;margin:0 0 8px;height:48px;border:none}.compact-nav-container{display:flex;align-items:center;gap:0;position:relative;width:100%}.tilted-breadcrumbs{display:flex;align-items:center;gap:6px;flex-shrink:0;min-width:0}.tilted-breadcrumb-item{display:flex;align-items:center;background:#000c;padding:8px 14px;border:1px solid #444;clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .2s ease;margin-right:4px;min-height:30px;line-height:1}.tilted-breadcrumb-item.clickable{color:#64ffda;border-color:#64ffda;background:#64ffda1a;cursor:pointer}.tilted-breadcrumb-item.clickable:hover{color:#80ffff;border-color:#80ffff;background:#80ffff26;transform:translateY(-1px)}.tilted-breadcrumb-item.active{color:#fff;border-color:#666;background:#ffffff1a}.tilted-breadcrumb-item .breadcrumb-artist{color:inherit;font-weight:inherit;transition:color .2s ease;cursor:pointer}.tilted-breadcrumb-item .breadcrumb-artist:hover{color:#80ffff;text-decoration:underline}.tilted-breadcrumb-item .artist-separator{color:#ffffff80;margin:0 6px;font-weight:400}.tilted-search-container{display:flex;align-items:center;gap:0;flex:1;margin-left:0}#search-input{background:#000c;border:1px solid #444;border-left:none;clip-path:polygon(0% 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);padding:8px 14px;color:#fff;font-size:13px;flex:1;height:30px;transition:all .2s ease;outline:none;min-width:100px}#search-input:focus{border-color:#64ffda;background:#64ffda1a;color:#64ffda}#search-input::placeholder{color:#fff6;font-size:13px}#search-btn{background:#000c;border:1px solid #64FFDA;border-left:none;clip-path:polygon(0% 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);padding:6px 10px;color:#64ffda;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;height:30px;width:36px;flex-shrink:0}#search-btn:hover{background:#64ffda1a;border-color:#80ffff;color:#80ffff;transform:translateY(-1px)}#search-btn .material-icons{font-size:16px}.library-content{flex:1;margin-top:0}.artist-header,.album-header{display:flex;align-items:center;margin-bottom:30px;padding:20px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.artist-info,.album-info{display:flex;align-items:center;gap:20px}.artist-image-large,.album-cover-large{width:120px;height:120px;border-radius:12px;overflow:hidden;background:#ffffff0d;display:flex;align-items:center;justify-content:center;position:relative}.artist-image-large img,.album-cover-large img{width:100%;height:100%;object-fit:cover}.artist-image-large .material-icons{font-size:48px;color:#ffffff4d}.artist-details,.album-details{flex:1}.artist-name,.album-name{font-size:32px;font-weight:700;margin:0 0 8px;color:#fff;line-height:1.2}.artist-album-count,.album-artist,.album-year{font-size:16px;color:#ffffffb3;margin:4px 0}.clickable-artist{cursor:pointer;color:#64ffda!important;transition:color .2s ease}.clickable-artist:hover{color:#80ffff!important;text-decoration:underline}.no-items{text-align:center;color:#ffffff80;font-style:italic;padding:40px 20px;font-size:16px}.error-message{text-align:center;color:#f44;padding:40px 20px;font-size:16px}.loading-placeholder{text-align:center;color:#ffffff80;padding:40px 20px;font-size:16px;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.5}50%{opacity:.8}to{opacity:.5}}.music-card{background:#ffffff0d;border-radius:8px;padding:0;transition:all .2s ease;cursor:pointer;border:1px solid transparent;position:relative;overflow:hidden}.music-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.album-card{width:135px!important;min-width:135px!important;max-width:135px!important;height:auto;flex-shrink:0!important;cursor:pointer;background:#ffffff0d;border-radius:8px;padding:0;transition:all .2s ease;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}.library-album-cover{width:135px;height:135px;border-radius:4px;overflow:hidden;margin-bottom:8px;position:relative;background:#ffffff0d;flex-shrink:0}.library-album-cover img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;transition:transform .2s ease!important;-webkit-user-drag:none!important;-khtml-user-drag:none!important;-moz-user-drag:none!important;-o-user-drag:none!important;pointer-events:none!important}.music-card:hover .library-album-cover img,.album-card:hover .library-album-cover img,.album-wrapper:hover .library-album-cover img,.album-item:hover .library-album-cover img{transform:scale(1.05)}.library-album-cover.album-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff14;color:#666;font-size:2.5rem}.album-title{font-size:13px;font-weight:600;color:#fff;margin:0 0 3px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;text-align:center}.album-artist{font-size:12px;color:#ffffffb3;margin:0;overflow:hidden;white-space:nowrap;padding:0 8px;text-align:center;width:100%;direction:ltr}.album-artist .artist-separator{color:#fff6;margin:0 6px;font-weight:400}.album-artist .clickable-artist{color:#ffffffb3;cursor:pointer;transition:color .2s ease}.album-artist .clickable-artist:hover{color:#64ffda;text-decoration:underline}.artist-card{display:flex;flex-direction:column;align-items:center;width:180px;min-width:180px;max-width:180px;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;cursor:pointer;transition:all .2s ease;text-align:center;overflow:visible;user-select:none;-webkit-user-select:none}.artist-card:hover{background:transparent;border:none;box-shadow:none;transform:none}.artist-image{width:100%;height:180px;border-radius:50%;overflow:hidden;margin-bottom:12px;position:relative;background:#ffffff0d;box-shadow:none;user-select:none;-webkit-user-select:none}.artist-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .2s ease;user-drag:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}.music-card:hover .artist-image img{transform:scale(1.05)}.artist-name{font-size:14px;font-weight:600;color:#fff;margin:0;padding:0;line-height:1.3;overflow:hidden;white-space:nowrap;text-align:center;direction:ltr;background:transparent;text-shadow:none}.artist-type{display:none}.song-card{background:transparent;border-radius:4px;padding:0;display:flex;align-items:center;gap:12px;width:100%;border:none;margin-bottom:2px}.song-card:hover{background:#ffffff14;transform:none;box-shadow:none}.song-row{background:transparent;border-radius:4px;padding:8px 16px;display:grid;grid-template-columns:40px minmax(150px,2fr) minmax(100px,1.5fr) minmax(100px,1.5fr) minmax(80px,1fr) 40px max-content 55px;gap:12px;align-items:center;width:100%;border:none;margin-bottom:2px;transition:background-color .2s ease}.song-row:hover{background:#ffffff14;transform:none;box-shadow:none}.track-cover{width:40px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#ffffff0d}.track-cover img{width:100%;height:100%;object-fit:cover;object-position:center}.no-cover{width:100%;height:100%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:18px}.track-title{font-size:14px;font-weight:400;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{font-size:14px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album{font-size:14px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color .2s ease}.track-album:hover{color:#fff;text-decoration:underline}.track-genre{font-size:12px;color:#ffffff80;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic;transition:all .2s ease}.track-genre.blacklisted{color:#f44;font-weight:600;background:#ff444426;padding:2px 6px;border-radius:3px;border:1px solid rgba(255,68,68,.3)}.track-playcount{font-size:13px;color:#fff9;text-align:center;font-variant-numeric:tabular-nums;font-weight:500}.track-rating{display:flex;gap:2px;justify-content:center}.track-duration{font-size:14px;color:#ffffff80;text-align:right;font-variant-numeric:tabular-nums}.song-cover{width:40px;height:40px;border-radius:4px;overflow:hidden;flex-shrink:0;background:#ffffff0d}.song-cover img{width:100%;height:100%;object-fit:cover;object-position:center}.song-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.song-title{font-size:14px;font-weight:500;color:#fff;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-artist{font-size:13px;color:#ffffffb3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-duration{font-size:13px;color:#ffffff80;font-variant-numeric:tabular-nums;flex-shrink:0;margin-left:12px}.songs-container{display:flex;flex-direction:column;gap:2px;background:#ffffff05;border-radius:8px;padding:8px}.horizontal-scroll{display:flex!important;gap:10px;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain;overscroll-behavior-y:auto;padding:6px 0 12px;scroll-behavior:smooth;cursor:grab;user-select:none;white-space:nowrap!important;flex-wrap:nowrap!important;align-items:flex-start;height:auto;max-height:200px;scrollbar-width:none;-ms-overflow-style:none}.horizontal-scroll::-webkit-scrollbar{height:8px;background:transparent}.horizontal-scroll::-webkit-scrollbar-track{background:transparent}.horizontal-scroll::-webkit-scrollbar-thumb{background:transparent;border-radius:4px}.horizontal-scroll:hover{scrollbar-width:thin;-ms-overflow-style:auto}.horizontal-scroll:hover::-webkit-scrollbar-track{background:#ffffff0d}.horizontal-scroll:hover::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.horizontal-scroll:hover::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.horizontal-scroll.dragging{cursor:grabbing;user-select:none}.horizontal-scroll.dragging *{pointer-events:none}.horizontal-scroll:not(.dragging) .album-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.song-list{display:flex;flex-direction:column;gap:1px;background:#ffffff05;border-radius:8px;padding:8px}.section-title{font-size:24px;font-weight:700;color:#fff;margin:32px 0 16px;line-height:1.2}.section-title:first-child{margin-top:0}.clickable{cursor:pointer;transition:all .2s ease}.clickable:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.clickable:active{transform:translateY(0)}.clickable-artist{cursor:pointer;transition:all .2s ease;border-radius:4px;padding:2px 4px;margin:-2px -4px}.clickable-artist:hover{background:#ffffff1a;color:#fff;text-decoration:underline}.clickable-artist:active{background:#fff3}.library-login-hint{display:flex;align-items:center;justify-content:center;height:400px;width:100%}.login-prompt{text-align:center;color:#ffffffb3;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;max-width:400px}.login-prompt .material-icons{font-size:48px;color:#ffffff80;margin-bottom:16px}.login-prompt h3{font-size:24px;color:#fff;margin-bottom:8px}.login-prompt p{font-size:16px;line-height:1.5}@media(max-width:600px){.star-rating{display:none!important}}@media(max-width:550px){.volume-meter{display:none!important}.controls-line-breadcrumb{gap:3px}}@media(max-width:500px){.time-display{display:none!important}.controls-line-breadcrumb{gap:2px}}@container (max-width: 520px){.breadcrumb-element.volume-meter{display:none!important}}@container (max-width: 460px){.breadcrumb-element.rating-display{display:none!important}}@container (max-width: 380px){.breadcrumb-element.time-display{display:none!important}.breadcrumb-element.volume-control{min-width:60px;max-width:100px}}@container (max-width: 300px){.breadcrumb-element.volume-control{display:none!important}}@container (max-width: 220px){.controls-middle-section{display:none!important}}@media(max-width:480px){.breadcrumb-element.volume-meter{display:none!important}}@media(max-width:400px){.breadcrumb-element.rating-display{display:none!important}}@media(max-width:320px){.breadcrumb-element.time-display{display:none!important}}@container (max-width: 190px){.breadcrumb-btn{padding:4px 8px;font-size:10px;min-width:32px}.wizard-control{width:28px!important;height:28px!important;min-width:28px!important}.wizard-control i.material-icons{font-size:14px}}@media(max-width:400px){.controls-line-breadcrumb{gap:1px;margin:.5rem 0}.breadcrumb-btn,.breadcrumb-element{padding:4px 8px;font-size:10px}}.waveform-blink-slow{animation:waveformBlink 2s ease-in-out infinite}.waveform-blink-medium{animation:waveformBlink 1s ease-in-out infinite}.waveform-blink-fast{animation:waveformBlink .5s ease-in-out infinite}.waveform-blink-rapid{animation:waveformBlink .2s ease-in-out infinite}.waveform-blink-critical{animation:waveformBlink .1s ease-in-out infinite}@keyframes waveformBlink{0%,to{opacity:1;box-shadow:0 0 5px currentColor}50%{opacity:.3;box-shadow:0 0 20px currentColor,0 0 30px currentColor}}.track-item.selected,.track-item-oneline.selected,.song-row.selected,.unified-song-item.selected{background-color:#7cacff33!important;border:1px solid #7cacff!important;box-shadow:0 0 10px #7cacff4d!important}.track-item,.track-item-oneline,.song-row,.unified-song-item{cursor:pointer;transition:background-color .2s ease,border .2s ease,box-shadow .2s ease}.track-item:hover,.track-item-oneline:hover,.song-row:hover,.unified-song-item:hover{background-color:#ffffff0d!important}.song.selected{background:#2196f34d!important;border:1px solid #2196F3!important;box-shadow:0 0 5px #2196f380}.wizard-control{cursor:pointer;transition:all .3s ease;user-select:none;display:flex;align-items:center;justify-content:center;position:relative;width:32px!important;height:32px!important;min-width:32px!important;max-width:32px!important;padding:0!important;overflow:hidden;flex-shrink:0;flex-grow:0}.wizard-control:hover:not(.loading){background:#ffffff26;transform:scale(1.05)}.wizard-control:active:not(.loading){transform:scale(.95);background:#ffffff40}.wizard-control.loading{cursor:not-allowed;pointer-events:none;transform:none!important}.wizard-control i.material-icons{font-size:16px;color:gold;filter:drop-shadow(0 0 3px rgba(255,215,0,.5));pointer-events:none;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.wizard-control .wizard-dice-animation{animation:diceRoll .6s ease-in-out;color:gold;filter:drop-shadow(0 0 3px rgba(255,215,0,.5));width:16px;height:16px;display:flex;align-items:center;justify-content:center}.wizard-control .wizard-loading{animation:spin 1s linear infinite;color:#2196f3;filter:drop-shadow(0 0 3px rgba(33,150,243,.5))}@keyframes diceRoll{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.disconnect-timer-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999;display:none;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.disconnect-timer-overlay.active{display:flex}.timer-display-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#000000d9;backdrop-filter:blur(10px);padding:2rem 2.5rem;border:3px solid #ff4444;border-radius:8px;box-shadow:0 0 20px #f44c,0 0 40px #f449,inset 0 0 20px #ff44441a}.timer-warning-message{font-family:Courier New,monospace;font-size:16px;font-weight:700;color:#f44;text-align:center;letter-spacing:1.5px;text-shadow:0 0 8px rgba(255,68,68,.9),0 0 15px rgba(255,68,68,.7),0 0 25px rgba(255,68,68,.5);animation:warningFlash 1s ease-in-out infinite;line-height:1.4;padding:.5rem 1rem;background:#ff44441a;border:1px solid rgba(255,68,68,.3);border-radius:4px}.digital-timer-display{font-family:Courier New,monospace;font-size:3.5rem;font-weight:900;color:#f44;text-align:center;letter-spacing:.1em;text-shadow:0 0 10px rgba(255,68,68,1),0 0 20px rgba(255,68,68,.8),0 0 30px rgba(255,68,68,.6),0 0 40px rgba(255,68,68,.4);background:#000;padding:.3em .5em;border:2px solid #333;border-radius:4px;position:relative;overflow:hidden}.digital-timer-display:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(255,68,68,.05) 1px,rgba(255,68,68,.05) 2px,transparent 2px);animation:digitalScanlines .1s linear infinite;pointer-events:none}.timer-label{font-family:Courier New,monospace;font-size:10px;font-weight:700;color:#888;text-align:center;letter-spacing:2px;text-transform:uppercase}@keyframes warningFlash{0%,50%{opacity:1}25%,75%{opacity:.3}}@keyframes digitalScanlines{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.timer-shake-1{animation:timerShake1 .1s linear infinite}.timer-shake-2{animation:timerShake2 .08s linear infinite}.timer-shake-3{animation:timerShake3 .06s linear infinite}.timer-shake-4{animation:timerShake4 .04s linear infinite}.timer-shake-extreme{animation:timerShakeExtreme .02s linear infinite,extremeBlink .05s linear infinite}@keyframes timerShake1{0%{transform:translate(-50%,-50%) translate(0)}25%{transform:translate(-50%,-50%) translate(.5px)}50%{transform:translate(-50%,-50%) translate(-.5px)}75%{transform:translate(-50%,-50%) translate(.3px)}to{transform:translate(-50%,-50%) translate(0)}}@keyframes timerShake2{0%{transform:translate(-50%,-50%) translate(0) translateY(0)}25%{transform:translate(-50%,-50%) translate(1px) translateY(.5px)}50%{transform:translate(-50%,-50%) translate(-1px) translateY(-.5px)}75%{transform:translate(-50%,-50%) translate(.8px) translateY(.3px)}to{transform:translate(-50%,-50%) translate(0) translateY(0)}}@keyframes timerShake3{0%{transform:translate(-50%,-50%) translate(0) translateY(0)}20%{transform:translate(-50%,-50%) translate(1.5px) translateY(1px)}40%{transform:translate(-50%,-50%) translate(-1.5px) translateY(-1px)}60%{transform:translate(-50%,-50%) translate(1.2px) translateY(-.8px)}80%{transform:translate(-50%,-50%) translate(-.8px) translateY(1.2px)}to{transform:translate(-50%,-50%) translate(0) translateY(0)}}@keyframes timerShake4{0%{transform:translate(-50%,-50%) translate(0) translateY(0) rotate(0)}15%{transform:translate(-50%,-50%) translate(2px) translateY(1.5px) rotate(.5deg)}30%{transform:translate(-50%,-50%) translate(-2px) translateY(-1.5px) rotate(-.5deg)}45%{transform:translate(-50%,-50%) translate(1.8px) translateY(-1.2px) rotate(.3deg)}60%{transform:translate(-50%,-50%) translate(-1.5px) translateY(1.8px) rotate(-.3deg)}75%{transform:translate(-50%,-50%) translate(1.2px) translateY(.8px) rotate(.2deg)}90%{transform:translate(-50%,-50%) translate(-.8px) translateY(-1px) rotate(-.2deg)}to{transform:translate(-50%,-50%) translate(0) translateY(0) rotate(0)}}@keyframes timerShakeExtreme{0%{transform:translate(-50%,-50%) translate(0) translateY(0) rotate(0) scale(1)}10%{transform:translate(-50%,-50%) translate(3px) translateY(2.5px) rotate(1deg) scale(1.02)}20%{transform:translate(-50%,-50%) translate(-3px) translateY(-2.5px) rotate(-1deg) scale(.98)}30%{transform:translate(-50%,-50%) translate(2.8px) translateY(-2.2px) rotate(.8deg) scale(1.01)}40%{transform:translate(-50%,-50%) translate(-2.5px) translateY(2.8px) rotate(-.8deg) scale(.99)}50%{transform:translate(-50%,-50%) translate(2.2px) translateY(1.8px) rotate(.6deg) scale(1.015)}60%{transform:translate(-50%,-50%) translate(-1.8px) translateY(-2px) rotate(-.6deg) scale(.985)}70%{transform:translate(-50%,-50%) translate(1.5px) translateY(2.2px) rotate(.4deg) scale(1.008)}80%{transform:translate(-50%,-50%) translate(-1.2px) translateY(-1.5px) rotate(-.4deg) scale(.992)}90%{transform:translate(-50%,-50%) translate(.8px) translateY(1.2px) rotate(.2deg) scale(1.005)}to{transform:translate(-50%,-50%) translate(0) translateY(0) rotate(0) scale(1)}}@keyframes extremeBlink{0%{opacity:1;filter:brightness(1) contrast(1)}20%{opacity:.1;filter:brightness(2) contrast(2)}40%{opacity:1;filter:brightness(.5) contrast(1.5)}60%{opacity:.3;filter:brightness(1.8) contrast(.8)}80%{opacity:1;filter:brightness(1.2) contrast(1.3)}to{opacity:1;filter:brightness(1) contrast(1)}}.timer-color-urgent{color:#fa0!important;text-shadow:0 0 10px rgba(255,170,0,1),0 0 20px rgba(255,170,0,.8),0 0 30px rgba(255,170,0,.6)!important}.timer-color-critical{color:#f60!important;text-shadow:0 0 10px rgba(255,102,0,1),0 0 20px rgba(255,102,0,.8),0 0 30px rgba(255,102,0,.6)!important}.timer-color-extreme{color:#fff!important;text-shadow:0 0 10px rgba(255,255,255,1),0 0 20px rgba(255,68,68,1),0 0 30px rgba(255,68,68,.8),0 0 40px rgba(255,68,68,.6)!important}.disconnect-timer-overlay.crt-poweroff{animation:crtPowerOff .3s ease-out forwards}.disconnect-timer-overlay.crt-poweroff-warning{animation:crtPowerOffWarning .4s ease-out forwards}@keyframes crtPowerOff{0%{transform:translate(-50%,-50%) scale(1);opacity:1;filter:brightness(1) contrast(1);width:auto}15%{transform:translate(-50%,-50%) scale(1);opacity:1;filter:brightness(1.8) contrast(1.4);width:auto}35%{transform:translate(-50%,-50%) scale(2,.6);opacity:.8;filter:brightness(2.5) contrast(1.2);width:200vw}60%{transform:translate(-50%,-50%) scale(4,.15);opacity:.5;filter:brightness(4) contrast(.8) blur(1px);width:300vw}80%{transform:translate(-50%,-50%) scale(6,.03);opacity:.2;filter:brightness(8) contrast(.4) blur(2px);width:400vw}to{transform:translate(-50%,-50%) scale(8,0);opacity:0;filter:brightness(15) contrast(0) blur(3px);width:500vw;display:none}}@keyframes crtPowerOffWarning{0%{transform:translate(-50%,-50%) scale(1);opacity:1;filter:brightness(1) contrast(1);width:auto}20%{transform:translate(-50%,-50%) scale(1.2);opacity:1;filter:brightness(1.5) contrast(1.3);width:auto}40%{transform:translate(-50%,-50%) scale(2.5,.7);opacity:.8;filter:brightness(2) contrast(1.1);width:250vw}65%{transform:translate(-50%,-50%) scale(4,.2);opacity:.4;filter:brightness(3.5) contrast(.7) blur(1px);width:350vw}85%{transform:translate(-50%,-50%) scale(6,.05);opacity:.1;filter:brightness(7) contrast(.3) blur(2px);width:450vw}to{transform:translate(-50%,-50%) scale(8,0);opacity:0;filter:brightness(12) contrast(0) blur(3px);width:500vw;display:none}}.sparks-effect{position:relative;overflow:visible!important;animation:sparkle-burst .8s infinite alternate}.sparks-effect:before,.sparks-effect:after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;background:radial-gradient(circle,#fa0,#f60,red);border-radius:50%;animation:spark-fly .6s infinite;z-index:1000}.sparks-effect:before{animation-delay:.2s;transform:translate(-50%,-50%) rotate(45deg) translate(20px)}.sparks-effect:after{animation-delay:.4s;transform:translate(-50%,-50%) rotate(-45deg) translate(25px)}@keyframes sparkle-burst{0%{box-shadow:0 0 20px #fa0,0 0 40px #f60,0 0 60px red,inset 0 0 20px #ffaa004d}to{box-shadow:0 0 30px #ff0,0 0 50px #fa0,0 0 80px #f60,inset 0 0 30px #ff06}}@keyframes spark-fly{0%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0);background:radial-gradient(circle,#ff0,#fa0,#f60)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.5) rotate(180deg);background:radial-gradient(circle,#fff,#fa0,red)}to{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(360deg);background:radial-gradient(circle,red,#600)}}.global-flicker-weak{animation:global-flicker-weak .3s infinite!important}.global-shake-weak{animation:global-shake-weak .2s infinite!important}.global-flicker-medium{animation:global-flicker-medium .2s infinite!important}.global-shake-medium{animation:global-shake-medium .15s infinite!important}.global-flicker-extreme{animation:global-flicker-crazy .1s infinite!important}.global-shake-crazy{animation:global-shake-wild .05s infinite!important}.global-disco-flash{animation:disco-flash-random .08s infinite!important}.mixer-crt-flicker{animation:mixer-crt-flicker .1s infinite!important}.mixer-crt-blur{animation:mixer-crt-blur .3s infinite!important}.mixer-crt-scanlines{animation:mixer-crt-scanlines .05s infinite!important}.mixer-crt-static{animation:mixer-crt-static .02s infinite!important}.global-wobble-disorder{animation:wobble-disorder .12s infinite!important}@keyframes global-flicker-weak{0%{opacity:1;filter:brightness(1) contrast(1)}50%{opacity:.8;filter:brightness(1.2) contrast(1.1) hue-rotate(10deg)}to{opacity:1;filter:brightness(1) contrast(1)}}@keyframes global-shake-weak{0%{transform:translate(0) rotate(0)}25%{transform:translate(-.5px,.5px) rotate(.2deg)}50%{transform:translate(.5px,-.5px) rotate(-.2deg)}75%{transform:translate(-.5px,-.5px) rotate(.1deg)}to{transform:translate(0) rotate(0)}}@keyframes global-flicker-medium{0%{opacity:1;filter:brightness(1) contrast(1) hue-rotate(0deg)}25%{opacity:.6;filter:brightness(1.5) contrast(1.3) hue-rotate(30deg)}50%{opacity:.9;filter:brightness(.7) contrast(1.4) hue-rotate(60deg)}75%{opacity:.7;filter:brightness(1.3) contrast(.8) hue-rotate(90deg)}to{opacity:1;filter:brightness(1) contrast(1) hue-rotate(0deg)}}@keyframes global-shake-medium{0%{transform:translate(0) rotate(0) scale(1)}20%{transform:translate(-1px,1px) rotate(.5deg) scale(1.01)}40%{transform:translate(1px,-1px) rotate(-.5deg) scale(.99)}60%{transform:translate(-1px,-1px) rotate(.3deg) scale(1.01)}80%{transform:translate(1px,1px) rotate(-.3deg) scale(.99)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes global-flicker-crazy{0%{opacity:1;filter:brightness(1) contrast(1) hue-rotate(0deg);background-color:inherit}10%{opacity:.1;filter:brightness(3) contrast(2) hue-rotate(90deg);background-color:#ff00004d}20%{opacity:.9;filter:brightness(.3) contrast(1.5) hue-rotate(180deg);background-color:#0f03}30%{opacity:.2;filter:brightness(2.5) contrast(.5) hue-rotate(270deg);background-color:#00f6}40%{opacity:.8;filter:brightness(.1) contrast(3) hue-rotate(45deg);background-color:#ffff004d}50%{opacity:.05;filter:brightness(4) contrast(1) hue-rotate(135deg);background-color:#ff00ff80}60%{opacity:1;filter:brightness(.2) contrast(2.5) hue-rotate(225deg);background-color:#0ff3}70%{opacity:.3;filter:brightness(3.5) contrast(.3) hue-rotate(315deg);background-color:#ff800066}80%{opacity:.7;filter:brightness(.05) contrast(4) hue-rotate(60deg);background-color:#80ff804d}90%{opacity:.1;filter:brightness(5) contrast(.8) hue-rotate(200deg);background-color:#8000ff99}to{opacity:.9;filter:brightness(1) contrast(1) hue-rotate(360deg);background-color:inherit}}@keyframes global-shake-wild{0%{transform:translate(0) rotate(0) scale(1)}10%{transform:translate(-3px,2px) rotate(1deg) scale(1.02)}20%{transform:translate(2px,-1px) rotate(-1deg) scale(.98)}30%{transform:translate(-1px,3px) rotate(2deg) scale(1.01)}40%{transform:translate(4px,-2px) rotate(-2deg) scale(.99)}50%{transform:translate(-2px,-3px) rotate(1deg) scale(1.03)}60%{transform:translate(3px,1px) rotate(-1deg) scale(.97)}70%{transform:translate(-4px,-1px) rotate(2deg) scale(1.01)}80%{transform:translate(1px,4px) rotate(-2deg) scale(.99)}90%{transform:translate(-1px,-2px) rotate(1deg) scale(1.02)}to{transform:translate(0) rotate(0) scale(1)}}@keyframes disco-flash-random{0%{background-color:inherit;box-shadow:none}15%{background-color:#f0fc;box-shadow:0 0 20px #f0f,inset 0 0 20px #ff00ff80}25%{background-color:inherit;box-shadow:none}45%{background-color:#00ffffb3;box-shadow:0 0 25px #0ff,inset 0 0 15px #0ff9}55%{background-color:inherit;box-shadow:none}75%{background-color:#ffff00e6;box-shadow:0 0 30px #ff0,inset 0 0 25px #ff06}85%{background-color:inherit;box-shadow:none}95%{background-color:#ff800099;box-shadow:0 0 15px #ff8000,inset 0 0 10px #ff8000b3}to{background-color:inherit;box-shadow:none}}@keyframes wobble-disorder{0%{transform:perspective(200px) rotateX(0) rotateY(0) skew(0) scale(1);filter:blur(0px)}12%{transform:perspective(200px) rotateX(5deg) rotateY(-3deg) skew(2deg,-1deg) scale(1.03);filter:blur(.5px)}25%{transform:perspective(200px) rotateX(-3deg) rotateY(4deg) skew(-3deg,2deg) scale(.97);filter:blur(1px)}37%{transform:perspective(200px) rotateX(2deg) rotateY(-5deg) skew(1deg,-3deg) scale(1.05);filter:blur(.3px)}50%{transform:perspective(200px) rotateX(-4deg) rotateY(2deg) skew(-2deg,4deg) scale(.95);filter:blur(1.2px)}62%{transform:perspective(200px) rotateX(6deg) rotateY(-1deg) skew(3deg,-2deg) scale(1.02);filter:blur(.7px)}75%{transform:perspective(200px) rotateX(-2deg) rotateY(3deg) skew(-4deg,1deg) scale(.98);filter:blur(.9px)}87%{transform:perspective(200px) rotateX(1deg) rotateY(-4deg) skew(2deg,-3deg) scale(1.04);filter:blur(.4px)}to{transform:perspective(200px) rotateX(0) rotateY(0) skew(0) scale(1);filter:blur(0px)}}@keyframes mixer-crt-flicker{0%{opacity:1;filter:brightness(1) contrast(1)}20%{opacity:.95;filter:brightness(1.1) contrast(1.1)}40%{opacity:.8;filter:brightness(.9) contrast(1.2)}60%{opacity:1.1;filter:brightness(1.2) contrast(.9)}80%{opacity:.9;filter:brightness(1.05) contrast(1.05)}to{opacity:1;filter:brightness(1) contrast(1)}}@keyframes mixer-crt-blur{0%{filter:blur(0px) brightness(1)}50%{filter:blur(2px) brightness(1.1)}to{filter:blur(0px) brightness(1)}}@keyframes mixer-crt-scanlines{0%{background-image:linear-gradient(90deg,transparent 98%,rgba(0,255,0,.03) 100%);filter:brightness(1)}50%{background-image:linear-gradient(90deg,transparent 95%,rgba(0,255,0,.08) 100%);filter:brightness(1.05)}to{background-image:linear-gradient(90deg,transparent 98%,rgba(0,255,0,.03) 100%);filter:brightness(1)}}@keyframes mixer-crt-static{0%{box-shadow:inset 0 0 0 1px #ffffff05;filter:saturate(1)}25%{box-shadow:inset 0 0 0 1px #ffffff0d;filter:saturate(1.1)}50%{box-shadow:inset 0 0 0 1px #ffffff08;filter:saturate(.9)}75%{box-shadow:inset 0 0 0 1px #ffffff12;filter:saturate(1.05)}to{box-shadow:inset 0 0 0 1px #ffffff05;filter:saturate(1)}}.setup-wizard-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;backdrop-filter:blur(10px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:setupFadeIn .3s ease-out}.setup-wizard-overlay.hidden{display:none}@keyframes setupFadeIn{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(10px)}}.setup-wizard-modal{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:2px solid #333;border-radius:20px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #000c,inset 0 1px #ffffff1a;animation:setupSlideIn .4s ease-out}@keyframes setupSlideIn{0%{transform:translateY(-50px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.setup-wizard-header{background:linear-gradient(90deg,#333,#444);padding:30px;border-bottom:1px solid #555;text-align:center}.setup-wizard-header h2{margin:0 0 10px;color:#fff;font-size:2.2em;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.5)}.setup-wizard-header p{margin:0 0 25px;color:#ccc;font-size:1.1em}.setup-choice{display:flex;gap:30px;align-items:center;justify-content:center;margin:30px 0}.setup-choice-option{background:#ffffff0d;border:2px solid #444;border-radius:15px;padding:30px;text-align:center;flex:1;max-width:300px;transition:all .3s ease}.setup-choice-option:hover{border-color:#00d4ff;background:#00d4ff1a;transform:translateY(-5px)}.setup-choice-option h3{margin:0 0 15px;color:#fff;font-size:1.4em}.setup-choice-option p{margin:0 0 20px;color:#ccc;font-size:1em;line-height:1.4}.setup-choice-divider{color:#666;font-weight:700;font-size:1.2em;writing-mode:vertical-rl;text-orientation:mixed}.setup-progress{display:flex;justify-content:center;gap:15px;margin-top:20px}.setup-step{width:40px;height:40px;border-radius:50%;background:#555;color:#999;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1em;transition:all .3s ease;position:relative}.setup-step.active{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff;box-shadow:0 0 20px #00d4ff80;transform:scale(1.1)}.setup-step.completed{background:linear-gradient(135deg,#0f8,#0c6);color:#fff}.setup-step.completed:after{content:"✓";position:absolute;font-size:1.2em}.setup-wizard-content{padding:40px;min-height:400px;max-height:50vh;overflow-y:auto}.setup-step-content{display:none;animation:setupStepFadeIn .3s ease-out}.setup-step-content.active{display:block}@keyframes setupStepFadeIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.setup-step-content h3{margin:0 0 15px;color:#fff;font-size:1.6em;font-weight:600}.setup-step-content p{margin:0 0 30px;color:#ccc;font-size:1.1em;line-height:1.5}.setup-form-group{margin-bottom:25px}.setup-form-group label{display:block;margin-bottom:8px;color:#fff;font-weight:500;font-size:1em}.setup-form-group input,.setup-form-group select{width:100%;padding:15px;background:#333;border:2px solid #555;border-radius:10px;color:#fff;font-size:1em;transition:all .3s ease;box-sizing:border-box}.setup-form-group input:focus,.setup-form-group select:focus{outline:none;border-color:#00d4ff;box-shadow:0 0 20px #00d4ff4d;background:#3a3a3a}.setup-form-group small{display:block;margin-top:5px;color:#999;font-size:.9em;font-style:italic}.setup-optional{background:#ffffff0d;padding:15px;border-radius:10px;margin-top:20px}.setup-optional input[type=checkbox]{width:auto;margin-right:10px;transform:scale(1.2)}.setup-optional label{display:inline;color:#ccc;font-weight:400}.setup-discord-enable{background:#5865f21a;border:1px solid rgba(88,101,242,.3);border-radius:10px;padding:15px;margin-bottom:20px}.setup-discord-enable label{display:inline;color:#5865f2;font-weight:600;font-size:1.1em}.setup-discord-config{margin-top:20px}.setup-info-box{background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:10px;padding:20px;margin-bottom:25px}.setup-info-box h4{margin:0 0 10px;color:#00d4ff;font-size:1.2em}.setup-info-box p{margin:0 0 10px;color:#ccc;font-size:.95em;line-height:1.5}.setup-info-box ol{margin:10px 0 0 20px;padding:0;color:#ccc;font-size:.95em}.setup-info-box li{margin-bottom:5px}.setup-info-box a{color:#00d4ff;text-decoration:none}.setup-info-box a:hover{text-decoration:underline}.setup-summary{background:#2a2a2a;border:1px solid #444;border-radius:10px;padding:20px;margin-bottom:25px}.setup-summary-section{margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #444}.setup-summary-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.setup-summary-section h4{margin:0 0 10px;color:#00d4ff;font-size:1.2em}.setup-summary-item{display:flex;justify-content:space-between;margin-bottom:5px;color:#ccc}.setup-summary-item strong{color:#fff}.setup-save-options{background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:10px;padding:20px}.setup-wizard-footer{background:#2a2a2a;padding:25px 40px;border-top:1px solid #444;display:flex;justify-content:space-between;align-items:center;gap:15px}.setup-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1em;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.setup-btn:disabled{opacity:.5;cursor:not-allowed}.setup-btn-primary{background:linear-gradient(135deg,#00d4ff,#09c);color:#fff}.setup-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#00b8e6,#08b);transform:translateY(-2px);box-shadow:0 5px 15px #00d4ff66}.setup-btn-success{background:linear-gradient(135deg,#0f8,#0c6);color:#fff}.setup-btn-success:hover:not(:disabled){background:linear-gradient(135deg,#00e676,#00b359);transform:translateY(-2px);box-shadow:0 5px 15px #0f86}.setup-btn-secondary{background:#555;color:#fff}.setup-btn-secondary:hover:not(:disabled){background:#666;transform:translateY(-2px)}.setup-btn-ghost{background:transparent;color:#999;border:1px solid #555}.setup-btn-ghost:hover{background:#ffffff1a;color:#ccc}@media(max-width:768px){.setup-wizard-modal{width:95%;max-height:95vh}.setup-wizard-header,.setup-wizard-content,.setup-wizard-footer{padding:20px}.setup-wizard-header h2{font-size:1.8em}.setup-choice{flex-direction:column;gap:20px}.setup-choice-option{max-width:none}.setup-choice-divider{writing-mode:horizontal-tb;text-orientation:initial}.setup-progress{gap:10px}.setup-step{width:35px;height:35px;font-size:1em}.setup-wizard-footer{flex-direction:column;gap:10px}.setup-btn{width:100%;padding:15px}}.setup-unified-login{background:#00d4ff0d;border:1px solid rgba(0,212,255,.3);border-radius:10px;padding:20px;margin:20px 0}.setup-unified-login label[for=setup-use-unified-login]{color:#00d4ff;font-weight:600;display:flex;align-items:center;gap:10px}.setup-unified-login input[type=checkbox]{transform:scale(1.3)}.setup-unified-credentials{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,212,255,.2)}.setup-unified-credentials .setup-form-group{margin-bottom:15px}.setup-unified-credentials input{border:2px solid rgba(0,212,255,.3);background:#00d4ff0d}.setup-unified-credentials input:focus{border-color:#00d4ff;box-shadow:0 0 0 3px #00d4ff33}.setup-individual-credentials input:read-only,.setup-individual-azuracast-credentials input:read-only{background:#f0f0f0!important;color:#666;border-color:#ccc;cursor:not-allowed}.setup-individual-credentials input:read-only::placeholder,.setup-individual-azuracast-credentials input:read-only::placeholder{color:#999}.version-display{position:fixed;bottom:14px;right:60px;z-index:1000;font-family:Courier New,monospace;font-size:11px;color:#64ff6499;background:#0000004d;padding:4px 8px;border-radius:3px;border:1px solid rgba(100,255,100,.2);text-shadow:0 0 3px rgba(100,255,100,.3);opacity:.7;transition:opacity .3s ease;cursor:default;user-select:none;backdrop-filter:blur(2px)}.version-display:hover{opacity:1;border-color:#64ff6466}.version-label{opacity:.5;margin-right:2px}.version-text{font-weight:700;letter-spacing:.5px}.github-cat{position:fixed;bottom:8px;right:8px;width:42px;height:42px;z-index:1000;cursor:pointer;transition:none;filter:drop-shadow(0 0 3px rgba(100,255,100,.2)) brightness(.7) contrast(1.1);opacity:.85}.github-cat svg{width:100%;height:100%;fill:#888;transition:none}.github-cat.playing{animation:catOldCrtJitter .05s infinite linear,catOldCrtFlicker .08s infinite linear,catColorShift 4.7s infinite linear,catVerticalHold 2.3s infinite linear,catHorizontalSync 1.1s infinite linear;filter:drop-shadow(0 0 4px rgba(0,150,0,.3)) drop-shadow(1px 0 2px rgba(255,0,0,.2)) drop-shadow(-1px 0 2px rgba(0,0,255,.2)) contrast(1.4) brightness(.6) saturate(.8)}.github-cat.playing svg{fill:#6c6;animation:catPhosphorDecay .7s infinite linear,catScanlineRoll .3s infinite linear}@keyframes catOldCrtJitter{0%{transform:translate(0) scaleY(1)}3%{transform:translate(-2px) scaleY(.99)}7%{transform:translate(1px,-1px) scaleY(1.01) skew(.3deg)}12%{transform:translate(-1px,1px) scaleY(.98) skew(-.2deg)}18%{transform:translate(2px) scaleY(1.02)}23%{transform:translateY(-2px) scaleY(.97) skew(.5deg)}29%{transform:translate(-2px,-1px) scaleY(1.01)}35%{transform:translate(1px,2px) scaleY(.99) skew(-.4deg)}42%{transform:translate(-1px) scaleY(1.03)}48%{transform:translate(2px,-1px) scaleY(.96) skew(.6deg)}55%{transform:translateY(1px) scaleY(1.01)}63%{transform:translate(-1px,-2px) scaleY(.98) skew(-.3deg)}71%{transform:translate(1px) scaleY(1.02)}78%{transform:translate(-2px,1px) scaleY(.97) skew(.4deg)}86%{transform:translateY(-1px) scaleY(1.01)}94%{transform:translate(1px,-1px) scaleY(.99) skew(-.2deg)}to{transform:translate(0) scaleY(1)}}@keyframes catOldCrtFlicker{0%,87%{opacity:.85}88%{opacity:.2}89%{opacity:.9}90%{opacity:.3}91%{opacity:.95}92%,95%{opacity:.85}96%{opacity:.4}97%{opacity:.9}98%{opacity:.6}99%{opacity:.95}to{opacity:.85}}@keyframes catColorShift{0%,93%{filter:drop-shadow(0 0 4px rgba(0,150,0,.3)) drop-shadow(1px 0 2px rgba(255,0,0,.2)) drop-shadow(-1px 0 2px rgba(0,0,255,.2))}94%{filter:drop-shadow(0 0 6px rgba(255,0,0,.5)) drop-shadow(2px 0 3px rgba(255,0,0,.4)) drop-shadow(-2px 0 3px rgba(0,255,255,.4)) hue-rotate(30deg)}95%{filter:drop-shadow(0 0 8px rgba(0,0,255,.6)) drop-shadow(-3px 0 4px rgba(0,0,255,.5)) drop-shadow(3px 0 4px rgba(255,255,0,.5)) hue-rotate(-45deg)}96%{filter:drop-shadow(0 0 5px rgba(255,0,255,.4)) drop-shadow(1px 0 2px rgba(255,0,0,.3)) drop-shadow(-1px 0 2px rgba(0,255,0,.3)) hue-rotate(90deg)}97%,to{filter:drop-shadow(0 0 4px rgba(0,150,0,.3)) drop-shadow(1px 0 2px rgba(255,0,0,.2)) drop-shadow(-1px 0 2px rgba(0,0,255,.2))}}@keyframes catVerticalHold{0%,88%{transform:translateY(0)}89%{transform:translateY(-20px)}90%{transform:translateY(15px)}91%{transform:translateY(-8px)}92%{transform:translateY(3px)}93%,to{transform:translateY(0)}}@keyframes catHorizontalSync{0%,92%{transform:translate(0) skew(0)}93%{transform:translate(-15px) skew(2deg)}94%{transform:translate(20px) skew(-3deg)}95%{transform:translate(-5px) skew(1deg)}96%,to{transform:translate(0) skew(0)}}@keyframes catPhosphorDecay{0%{fill:#6c6;opacity:1}15%{fill:#7d7;opacity:.9}30%{fill:#6c6;opacity:1}45%{fill:#5b5;opacity:.8}60%{fill:#6c6;opacity:1}75%{fill:#4a4;opacity:.7}90%{fill:#6c6;opacity:1}to{fill:#7d7;opacity:.9}}@keyframes catScanlineRoll{0%{transform:scaleY(1)}20%{transform:scaleY(.95)}40%{transform:scaleY(1.05)}60%{transform:scaleY(.98)}80%{transform:scaleY(1.02)}to{transform:scaleY(1)}}.github-cat:hover{transform:scale(1.05);filter:drop-shadow(0 0 6px rgba(255,255,255,.4)) brightness(.9)}.github-cat:hover svg{fill:#aaa}.github-cat.playing:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent .5px,rgba(0,150,0,.15) .5px,rgba(0,150,0,.15) 1px);pointer-events:none;animation:catOldScanlines .08s linear infinite;opacity:.8}@keyframes catOldScanlines{0%{transform:translateY(0)}to{transform:translateY(2px)}}.github-cat.playing:after{content:"";position:absolute;inset:-2px;background:linear-gradient(90deg,transparent 0%,rgba(255,0,0,.1) 33%,rgba(0,255,0,.1) 66%,rgba(0,0,255,.1) 100%),radial-gradient(ellipse at 20% 50%,rgba(255,255,0,.08) 0%,transparent 70%),radial-gradient(ellipse at 80% 30%,rgba(255,0,255,.06) 0%,transparent 60%);pointer-events:none;animation:catHeavyInterference .6s infinite linear;mix-blend-mode:screen}@keyframes catHeavyInterference{0%,85%{opacity:0;transform:translate(0)}86%{opacity:.4;transform:translate(-1px)}87%{opacity:.2;transform:translate(2px)}88%{opacity:.6;transform:translate(-2px)}89%{opacity:.1;transform:translate(1px)}90%{opacity:.5;transform:translate(-1px)}91%{opacity:.3;transform:translate(0)}92%,to{opacity:0;transform:translate(0)}}@media(max-width:1399px){.dj-section{gap:.75rem;padding:.5rem 1rem 1rem}.player-deck{padding:.6rem;min-height:140px}.album-cover{width:70px;height:70px}.album-section{width:70px}}@media(max-width:1199px){.dj-section{gap:.5rem;padding:.5rem}.player-deck{padding:.5rem;min-height:120px}.album-cover{width:60px;height:60px}.album-section{width:60px}.crossfader-label{display:none}.crossfader-container{padding:.5rem}.queue-section{margin-left:-15px}.unified-song-item,.song-row{padding:.5rem .75rem;gap:.5rem}.music-library{grid-template-columns:1fr 300px}}@media(max-width:1023px){.dj-section{grid-template-columns:1fr 200px 1fr;gap:.4rem;padding:.4rem}.player-deck{padding:.4rem;min-height:100px}.album-cover{width:50px;height:50px}.album-section{width:50px}.track-info-section h3{font-size:.9rem}.track-info-section p{font-size:.75rem}.center-controls{gap:.25rem;height:100%}.center-mixer-panel{max-width:180px;min-width:180px;padding:.5rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}.channel-strip:not(.mic-channel){display:none!important}.crossfader-section,.master-section,.mic-effects-vertical,.combined-meters-section,.mic-meter-control,.master-meter-control{display:none!important}.stream-controls{order:-1}.microphone-section{flex:1;justify-content:center;grid-template-columns:1fr}.mic-button-container{grid-column:1}.mic-toggle-btn{transform:scale(.9)}.music-library{grid-template-columns:1fr 250px}.queue-section{margin-left:-10px}.queue-song-button{padding:.3rem .5rem;gap:.3rem}.queue-song-title{font-size:10px}.queue-song-artist{font-size:8px}.queue-song-rating .star{font-size:10px}}@media(max-width:899px){.dj-section{grid-template-columns:1fr 150px 1fr;grid-template-rows:auto auto;gap:.3rem}.player-deck{min-height:90px;padding:.3rem}.album-cover{width:45px;height:45px}.album-section{width:45px}.waveform-container{height:30px}.center-mixer-panel{max-width:140px;min-width:140px;padding:.4rem}.mic-toggle-btn{transform:scale(.85)}.channel-strip:not(.mic-channel){display:none!important}.crossfader-section,.master-section,.mic-effects-vertical,.combined-meters-section,.mic-meter-control,.master-meter-control{display:none!important}.microphone-section{grid-template-columns:1fr}.mic-button-container{grid-column:1}.volume-slider{height:50px}.music-library{grid-template-columns:1fr 220px}.queue-label-row{height:25px;font-size:10px}.auto-queue-btn{padding:0 12px;font-size:10px}}@media(max-width:767px){#app{height:auto;min-height:100vh}.dj-section{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;gap:.5rem}#player-a{grid-column:1;grid-row:1}#player-b{grid-column:1;grid-row:2}.center-controls{grid-column:1;grid-row:3}#player-c{grid-column:1;grid-row:4}#player-d{grid-column:1;grid-row:5}.center-mixer-panel{max-width:100%;min-width:auto}.channel-strip:not(.mic-channel){display:flex!important}.master-section,.mic-effects-vertical,.combined-meters-section,.mic-meter-control,.master-meter-control{display:flex!important}.microphone-section{grid-template-columns:1fr auto 1fr}.music-library{grid-template-columns:1fr;grid-template-rows:auto auto 1fr;grid-template-areas:"search" "queue" "content";height:auto;max-height:50vh}.queue-section{grid-area:queue;margin-left:0;max-height:300px}.library-content{grid-area:content}}@media(max-width:639px){#app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dj-section{padding:.25rem;gap:.25rem;display:flex;flex-direction:column;flex-shrink:0}#player-a,#player-b{display:flex!important}#player-c,#player-d,.dj-section .center-controls{display:none!important}.player-deck{min-height:80px;padding:.25rem}.album-cover{width:40px;height:40px}.album-section{width:40px}.track-info-section h3{font-size:.8rem}.track-info-section p{font-size:.7rem}.waveform-container{height:25px}.player-controls button{width:35px;height:35px}.music-library{display:none!important}.mobile-tabbed-container{display:flex;flex-direction:column;flex:1;min-height:0;background:#1a1a1a;overflow:hidden}.mobile-tabs{display:flex;background:#2a2a2a;border-bottom:2px solid #4a4a4a;flex-shrink:0;overflow-x:auto;overflow-y:hidden}.mobile-tab{flex:1;min-width:60px;padding:.5rem .25rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#888;font-size:.7rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.2rem}.mobile-tab .material-icons{font-size:18px}.mobile-tab:hover{color:#aaa;background:#ffffff0d}.mobile-tab.active{color:#0f8;border-bottom-color:#0f8;background:#00ff881a}.mobile-tab-content{flex:1;min-height:0;overflow:hidden;display:none}.mobile-tab-content.active{display:flex;flex-direction:column}.mobile-tab-content .center-mixer-panel{max-width:100%;min-width:auto;height:100%;display:flex;flex-direction:column}.mobile-tab-content .queue-section{display:flex;flex-direction:column;flex:1;margin-left:0}.mobile-tab-content .library-content,.mobile-tab-content .wishbox-container{flex:1;overflow:auto}.mobile-tab-content .radio-streams-container{flex:1;overflow:auto;padding:1rem}}@media(max-width:479px){body{font-size:12px}.dj-section{padding:.2rem;gap:.2rem}.player-deck{min-height:70px;padding:.2rem}.album-cover{width:35px;height:35px}.album-section{width:35px}.track-info-section{font-size:.7rem}.player-controls button{width:30px;height:30px;font-size:16px}.waveform-container{height:20px}.mixer-container,.master-section{padding:.2rem}.queue-label-row{height:20px;font-size:9px}.auto-queue-btn{padding:0 8px;font-size:9px}.queue-song-button{padding:.2rem .3rem}.queue-song-title{font-size:9px}.queue-song-artist{font-size:7px}}.song-waveform-bg{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.15;pointer-events:none;z-index:0;border-radius:inherit}.track-item>*:not(.song-waveform-bg),.track-item-oneline>*:not(.song-waveform-bg),.song-row>*:not(.song-waveform-bg),.unified-song-item>*:not(.song-waveform-bg),.music-card>*:not(.song-waveform-bg){position:relative;z-index:1}.context-menu{position:fixed;background:#141414fa;border:1px solid #00ff88;border-radius:4px;padding:4px 0;min-width:200px;box-shadow:0 4px 12px #0009;z-index:10000;backdrop-filter:blur(10px);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%)}.context-menu.hidden{display:none}.context-menu-item{display:flex;align-items:center;gap:8px;padding:8px 12px;color:#fff;cursor:pointer;transition:all .15s ease;position:relative;font-size:13px}.context-menu-item:hover{background:#0f83;color:#0f8}.context-menu-icon{font-size:18px;flex-shrink:0;width:18px}.context-menu-arrow{margin-left:auto;font-size:18px;flex-shrink:0}.context-menu-divider{height:1px;background:#333;margin:4px 0}.context-menu-submenu{position:absolute;left:calc(100% - 2px);top:-4px;background:#141414fa;border:1px solid #00ff88;border-radius:4px;padding:4px 0;min-width:150px;box-shadow:0 4px 12px #0009;backdrop-filter:blur(10px);clip-path:polygon(6px 0%,100% 0%,calc(100% - 6px) 100%,0% 100%);display:none;z-index:10001}.context-menu-submenu.show{display:block}