*{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;gap:2rem;padding:1.5rem;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-bottom:2px solid #4a4a4a;flex-shrink:0;position:relative;z-index:10}.player-deck{background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:2px solid #444;border-radius:4px;padding:1.25rem;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;position:relative;height:fit-content;min-height:180px}.player-header{display:flex;justify-content:center;align-items:center;margin-bottom:.75rem}.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:1rem;align-items:start}.album-cover{width:90px;height:90px;border-radius:4px;overflow:hidden;background:linear-gradient(145deg,#333,#444);display:flex;align-items:center;justify-content:center;border:2px solid #555;box-shadow:0 2px 8px #0006,inset 0 1px #ffffff1a;flex-shrink:0;min-width:90px;min-height:90px;max-width:90px;max-height:90px;position:relative;z-index:1;aspect-ratio:1}.album-cover img{width:100%;height:100%;object-fit:cover;object-position:center}.album-cover .no-cover{color:#666;font-size:2rem}.player-content{display:flex;flex-direction:column;gap:.5rem;min-width:0}.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:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:0;width:36px;height:32px;color:#000;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}.transport-controls button:hover{background:linear-gradient(135deg,#0c6,#0a5);transform:translateY(-1px)}.play-pause-btn{background:linear-gradient(135deg,#0f8,#0c6)!important}.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}.volume-section{display:flex;flex-direction:row;align-items:center;gap:.5rem;height:90px}.volume-control{display:flex;flex-direction:column;align-items:center;height:100%}.volume-control input[type=range]{writing-mode:bt-lr;-webkit-appearance:slider-vertical;appearance:slider-vertical;width:6px;height:60px;background:#444;outline:none;border-radius:3px}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#0f8;cursor:pointer;box-shadow:0 0 4px #00ff8880}.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-label{font-size:.7em;color:#888;margin-top:.25rem;writing-mode:vertical-rl;text-orientation:mixed}.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}}.eject-btn{background:linear-gradient(135deg,#f80,#c60)}.center-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem;height:100%;justify-content:center;position:relative}.navidrome-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 button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.dj-controls{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%}.center-mixer-panel{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:420px;background:linear-gradient(145deg,#1e1e1e,#2a2a2a);border:2px solid #444;border-radius:4px;padding:1.5rem;box-shadow:0 4px 12px #0006,inset 0 1px #ffffff1a;position:relative}.microphone-section{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;width:100%;max-width:300px}.mic-volume-control,.mic-meter-control{display:flex;flex-direction:column;align-items:center;gap:.5rem}.mic-button-container{display:flex;justify-content:center;align-items:center}.crossfader-section{display:flex;flex-direction:column;align-items:center;gap:.75rem;width:100%;max-width:200px;background:#0003;border:1px solid #333;border-radius:4px;padding:1rem}.secondary-controls{display:flex;justify-content:center;width:100%;max-width:120px}.live-status-indicator{display:flex;align-items:center;gap:.5rem;position:absolute;top:-10px;right: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%);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)}}.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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.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:before{border-color:#fff3}.mic-btn-pro.active:hover{background:linear-gradient(145deg,#f66,#f44);border-color:#f88}.mic-icon{font-size:28px}.mic-label{font-size:9px;letter-spacing:1px}.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)}.volume-meter-compact{display:flex;flex-direction:column;align-items:center;gap:.25rem;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:#111;border:1px solid #000;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}.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}.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}.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}.crossfader-pro{width:120px;height:8px;background:linear-gradient(90deg,#444,#222);outline:none;border:2px solid #555;border-radius:2px;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:inset 0 2px 4px #00000080,0 1px #ffffff1a}.crossfader-pro::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(145deg,#777,#444);cursor:pointer;border:2px solid #999;border-radius:2px;box-shadow:0 0 6px #0006,inset 0 1px #fff3}.crossfader-pro::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(145deg,#777,#444);cursor:pointer;border:2px solid #999;border-radius:2px;box-shadow:0 0 6px #0006,inset 0 1px #fff3}.crossfader-labels{display:flex;justify-content:space-between;width:120px;font-size:9px;font-weight:700;color:#555;margin-top:.5rem;letter-spacing:1px}.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}.vertical-slider,.crossfader-pro{width:var(--slider-width)!important;height:var(--slider-height)!important}.vertical-slider{--slider-width: 6px;--slider-height: 60px}.crossfader-pro{--slider-width: 120px;--slider-height: 8px}.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:#333;border:1px solid #222;border-radius:2px;transition:all .1s ease}.broadcast-btn{background:linear-gradient(135deg,#f80,#c60);border:none;border-radius:8px;padding:.8rem 1.5rem;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #ff88004d;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:linear-gradient(135deg,#0f8,#00cc6a);transform:translateY(-2px);box-shadow:0 4px 12px #00ff884d}.stream-config-btn .material-icons{font-size:20px}.stream-config-panel{position:absolute;top:100%;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:2px solid #00ff88;border-radius:12px;padding:1.5rem;width:350px;box-shadow:0 8px 25px #0f83;z-index:1000;margin-top:1rem}.config-form h3{color:#0f8;margin-bottom:1.5rem;text-align:center}.config-group{margin-bottom:1rem}.config-group label{display:block;color:#fff;margin-bottom:.5rem;font-weight:500}.config-group input,.config-group select{width:100%;padding:.75rem;border:2px solid #4a4a4a;border-radius:6px;background:#333;color:#fff;font-size:1rem}.config-group input:focus,.config-group select:focus{outline:none;border-color:#0f8;box-shadow:0 0 10px #00ff884d}.config-group small{display:block;color:#888;font-size:.8rem;margin-top:.25rem;font-style:italic}.config-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.config-buttons button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:700;cursor:pointer;transition:all .3s ease}#save-stream-config{background:linear-gradient(135deg,#0f8,#00cc6a);color:#000}#save-stream-config:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f86}#cancel-stream-config{background:linear-gradient(135deg,#666,#444);color:#fff}#cancel-stream-config:hover{background:linear-gradient(135deg,#777,#555);transform:translateY(-2px)}.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}.auto-queue-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:8px;padding:12px 20px;color:#fff;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #48bb784d;font-size:1rem;margin:5px}.auto-queue-btn:hover{background:linear-gradient(135deg,#68d391,#48bb78);transform:translateY(-2px);box-shadow:0 6px 12px #48bb7866}.auto-queue-btn.inactive{background:linear-gradient(135deg,#718096,#4a5568);box-shadow:0 4px 8px #7180964d}@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{display:flex;flex-direction:column;align-items:center;gap:.5rem}.crossfader-container label{color:#0f8;font-weight:700;text-shadow:0 0 10px rgba(0,255,136,.3)}.crossfader{width:200px;height:8px;background:linear-gradient(90deg,#f44,#333,#44f);border-radius:4px;outline:none;-webkit-appearance:none;appearance:none}.crossfader::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d}.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:hidden;gap:1rem;padding:1rem;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}.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 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}.tab-content{display:none;flex:1;min-height:0}.tab-content.active{display:flex!important;flex-direction:row;flex:1;min-height:0;overflow:hidden}.content-main{grid-area:content;display:flex;flex-direction:column;overflow:hidden;min-height:0}.library-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.search-results{height:100%;overflow-y:auto;overflow-x:hidden}#search-content{min-height:100%}.navidrome-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-form h3{color:#0f8;margin-bottom:1rem;text-align:center}.login-form input{width:100%;padding:.75rem;margin-bottom:1rem;border:2px solid #4a4a4a;border-radius:6px;background:#333;color:#fff;font-size:1rem}.login-form input:focus{outline:none;border-color:#0f8;box-shadow:0 0 10px #00ff884d}.login-form button{width:100%;padding:.75rem;background:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:6px;color:#000;font-weight:700;cursor:pointer;transition:all .3s ease}.login-form button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00ff8880}.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-panel{grid-area:queue;background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border:2px solid #4a4a4a;border-radius:8px;display:flex;flex-direction:column;min-height:0;max-height:100%;overflow:hidden}.queue-header{padding:.75rem;border-bottom:2px solid #4a4a4a;background:#333}.queue-header h3{color:#0f8;margin-bottom:.5rem;font-size:1.1em}.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}.auto-queue-controls{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.auto-queue-btn{background:linear-gradient(135deg,#0f8,#0c6);border:none;border-radius:4px;padding:.4rem .8rem;color:#000;font-size:.8em;font-weight:700;cursor:pointer;transition:all .3s ease}.auto-queue-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #00ff884d}.auto-queue-btn.active{background:linear-gradient(135deg,#f80,#c60);color:#fff}.queue-items{flex:1;overflow-y:auto;padding:.75rem;min-height:0;max-height:100%}.queue-items.drag-over{border:2px dashed #00ff88;background:#00ff881a}.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}.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;-webkit-backdrop-filter:blur(10px);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;-webkit-backdrop-filter:blur(10px);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;-webkit-backdrop-filter:blur(5px);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-cover{width:100%;height:140px;background:#444;border-radius:4px;margin-bottom:.5rem;background-size:cover;background-position:center}.album-title{color:#fff;font-weight:700;margin-bottom:.25rem;font-size:.9em}.album-artist{color:#aaa;font-size:.8em}.artist-item{background:#333;border:1px solid #555;border-radius:6px;padding:1rem;margin-bottom:.5rem;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.artist-item:hover{background:#404040;border-color:#0f8}.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{background:#333;border:1px solid #555;border-radius:4px;padding:.75rem;margin-bottom:.4rem;cursor:grab;transition:all .3s ease}.track-item:hover{background:#404040;border-color:#0f8;transform:translateY(-1px)}.track-item.dragging{opacity:.5;cursor:grabbing}.track-item h4{color:#fff;margin-bottom:.25rem;font-size:.9em}.track-item p{color:#aaa;font-size:.8em}.queue-panel{background:#2a2a2a;border:2px solid #4a4a4a;border-radius:8px;padding:1rem}.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-panel{order:-1}}.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}.queue-item:hover{background:#404040;border-color:#0f8}.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}.player-deck audio{display:none}.progress-bar{cursor:pointer}.progress-bar:hover{background:#444}.album-header,.artist-header{background:linear-gradient(135deg,#2d3748,#4a5568);padding:1rem;border-radius:8px;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.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-deck.playing{border:2px solid #00ff88;box-shadow:0 0 20px #00ff884d}.player-deck.playing h3{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5)}.player-deck.playing .track-title{color:#0f8}.rating-container{margin-top:.5rem}.rating-stars{display:flex;gap:2px;align-items:center}.star{font-size:16px;color:#666;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.star:hover{color:gold;transform:scale(1.2)}.star.filled{color:gold;text-shadow:0 0 4px rgba(255,215,0,.5)}.star.hover-preview{color:#ffed4a}.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{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}.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:center}.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)}.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{width:8px}.library-content::-webkit-scrollbar-track,.search-results::-webkit-scrollbar-track{background:#2a2a2a;border-radius:4px}.library-content::-webkit-scrollbar-thumb,.search-results::-webkit-scrollbar-thumb{background:#4a4a4a;border-radius:4px}.library-content::-webkit-scrollbar-thumb:hover,.search-results::-webkit-scrollbar-thumb:hover{background:#0f8}@keyframes pulse{0%{box-shadow:0 4px 15px #ff33334d;transform:scale(1)}50%{box-shadow:0 6px 25px #f339;transform:scale(1.02)}to{box-shadow:0 4px 15px #ff33334d;transform:scale(1)}}#streaming-status{-webkit-backdrop-filter:blur(10px);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}}