.artist-browser{display:flex;flex-direction:column;gap:12px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px}.search-icon{color:#7a8395;flex-shrink:0}.search-input{flex:1;background:transparent;border:none;color:#fff;font-size:13px;outline:none}.search-input::-moz-placeholder{color:#7a8395}.search-input::placeholder{color:#7a8395}.artists-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.artists-list::-webkit-scrollbar{width:6px}.artists-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.artist-card{display:flex;align-items:center;gap:10px;padding:10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:6px;transition:all .2s ease}.artist-card:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.1)}.artist-image{width:40px;height:40px;border-radius:4px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.artist-info{flex:1;min-width:0}.artist-name{font-size:12px;font-weight:600;color:#fff}.artist-genre,.artist-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artist-genre{font-size:11px;color:#7a8395;margin-top:2px}.play-button{background:#e94560;border:none;border-radius:4px;color:#fff;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.play-button:hover{background:#ff5a75;transform:scale(1.05)}.favorite-button{background:transparent;border:none;color:#7a8395;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.favorite-button.active,.favorite-button:hover{color:#e94560}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;color:#7a8395}.empty-state p{font-size:14px;font-weight:600;margin-bottom:6px;color:#a8a9b4}.empty-state small{font-size:12px;color:#7a8395}.empty-state svg{opacity:.5;margin-bottom:12px}.now-playing{display:flex;flex-direction:column;gap:16px;align-items:center}.track-image{width:100%;aspect-ratio:1;border-radius:8px;-o-object-fit:cover;object-fit:cover;margin-bottom:8px}.track-info{text-align:center;width:100%}.track-name{font-size:14px;font-weight:600;color:#fff;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{font-size:12px;color:#7a8395;margin:0}.progress-bar{width:100%;display:flex;flex-direction:column;gap:6px}.progress-slider{width:100%;height:4px;border-radius:2px;background:hsla(0,0%,100%,.1);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:#e94560;cursor:pointer}.progress-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#e94560;cursor:pointer;border:none}.progress-time{display:flex;justify-content:space-between;font-size:10px;color:#7a8395}.playback-controls{gap:8px;width:100%}.control-button,.playback-controls{display:flex;align-items:center;justify-content:center}.control-button{background:rgba(233,69,96,.2);border:1px solid #e94560;border-radius:6px;color:#e94560;padding:8px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;gap:6px}.control-button:hover{background:rgba(233,69,96,.3);border-color:#ff5a75;color:#ff5a75}.queue-toggle{width:100%;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.03);color:#a8a9b4;border-radius:6px;padding:7px 10px;font-size:11px;cursor:pointer}.queue-toggle.active{border-color:rgba(30,215,96,.45);color:#1ed760;background:rgba(30,215,96,.08)}.control-button.play-pause{flex:1;padding:10px}.control-button.play-pause:hover{transform:scale(1.05)}.control-button.spotify-link{background:linear-gradient(90deg,rgba(30,215,96,.2),rgba(30,215,96,.1));border-color:#1ed760;color:#1ed760;text-decoration:none}.control-button.spotify-link:hover{background:linear-gradient(90deg,rgba(30,215,96,.3),rgba(30,215,96,.2));border-color:#1db954;color:#1db954}.control-button.favorite.active{background:rgba(233,69,96,.3);color:#ff5a75}.favorite-tracks,.favorites-list{display:flex;flex-direction:column}.favorites-list{gap:8px;max-height:400px;overflow-y:auto}.favorites-list::-webkit-scrollbar{width:6px}.favorites-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.favorite-card{display:flex;align-items:center;gap:10px;padding:10px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05);border-radius:6px;transition:all .2s ease}.favorite-card:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.1)}.favorite-image{width:40px;height:40px;border-radius:4px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.favorite-info{flex:1;min-width:0}.favorite-name{font-size:12px;font-weight:600;color:#fff}.favorite-artist,.favorite-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-artist{font-size:11px;color:#7a8395;margin-top:2px}.favorite-date{font-size:10px;color:#6a6b75;margin-top:2px}.remove-button{background:transparent;border:none;color:#7a8395;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.remove-button:hover{color:#e94560}.available-tracks{width:100%;margin-top:6px}.available-tracks-title{font-size:11px;color:#7a8395;margin-bottom:6px}.available-tracks-list{display:flex;flex-direction:column;gap:6px;max-height:140px;overflow-y:auto}.available-track-item{display:flex;align-items:center;justify-content:space-between;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);color:#d6d7dd;border-radius:6px;font-size:11px;padding:6px 8px;cursor:pointer}.available-track-item small{color:#7a8395}.available-track-item.active{border-color:rgba(233,69,96,.45);background:rgba(233,69,96,.12)}.playlists-panel{display:flex;flex-direction:column;gap:10px}.playlist-create-row{display:grid;grid-template-columns:1fr auto;gap:8px}.playlist-io-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.playlist-card{border:1px solid hsla(0,0%,100%,.07);border-radius:8px;padding:8px;background:hsla(0,0%,100%,.02)}.playlist-header-row{display:flex;align-items:center;gap:8px}.playlist-actions{display:flex;gap:4px}.playlist-tracks{margin-top:8px;border-top:1px solid hsla(0,0%,100%,.06);padding-top:8px;display:flex;flex-direction:column;gap:6px}.playlist-track-item{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;background:hsla(0,0%,100%,.03)}.genre-selector{display:flex;flex-direction:column;gap:8px}.genre-label{font-size:12px;font-weight:600;color:#a8a9b4;text-transform:uppercase;letter-spacing:.5px}.genre-select{padding:8px 10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease}.genre-select:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.genre-select:focus{outline:none;border-color:#e94560;background:rgba(233,69,96,.1)}.genre-select option{background:#16213e;color:#fff}.genre-tag{display:inline-block;padding:4px 10px;background:rgba(233,69,96,.2);border:1px solid #e94560;border-radius:12px;color:#e94560;font-size:11px;font-weight:500;width:-moz-fit-content;width:fit-content}@media (max-width:640px){.floating-music-widget.expanded{max-height:80vh}.artists-list,.favorites-list{max-height:300px}.playback-controls{flex-direction:column}.control-button{width:100%}}.floating-music-widget-reopen{position:fixed;z-index:9998;left:16px;bottom:20px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1px solid hsla(0,0%,100%,.12);background:linear-gradient(135deg,#1a1a2e,#16213e);box-shadow:0 4px 20px rgba(0,0,0,.35);color:#e94560;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.floating-music-widget-reopen:hover{transform:scale(1.05);box-shadow:0 6px 24px rgba(233,69,96,.25)}.floating-music-widget{position:fixed;z-index:9999;background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;transition:all .3s ease}.floating-music-widget.collapsed{width:300px;height:auto}.floating-music-widget.expanded{width:360px;max-height:600px;display:flex;flex-direction:column}.widget-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(90deg,#0f3460,#16213e);border-bottom:1px solid hsla(0,0%,100%,.05);cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.widget-header:active{cursor:grabbing}.header-content{display:flex;align-items:center;gap:8px;flex:1}.header-icon{color:#e94560}.header-title{font-size:14px;font-weight:600;color:#fff}.header-actions{display:flex;gap:4px}.icon-button{background:transparent;border:none;color:#a8a9b4;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.icon-button:hover{background:hsla(0,0%,100%,.1);color:#fff}.icon-button.close-btn:hover{background:rgba(233,69,96,.2);color:#e94560}.widget-content{display:flex;flex-direction:column;flex:1;min-height:0}.widget-tabs{display:flex;gap:0;border-bottom:1px solid hsla(0,0%,100%,.05);padding:0;background:rgba(0,0,0,.2)}.tab{flex:1;padding:10px 12px;background:transparent;color:#7a8395;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;border-bottom:2px solid transparent}.tab:hover{color:#a8a9b4}.tab.active{color:#e94560;border-bottom-color:#e94560}.widget-body{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:12px}.widget-body::-webkit-scrollbar{width:6px}.widget-body::-webkit-scrollbar-track{background:transparent}.widget-body::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.widget-body::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.browse-content{display:flex;flex-direction:column;gap:12px}.spotify-connect{width:100%}.spotify-button{width:100%;padding:8px 12px;background:linear-gradient(90deg,#1db954,#1ed760);border:none;border-radius:6px;color:#fff;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s ease}.spotify-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(30,215,96,.3)}.spotify-connected{width:100%;padding:8px 12px;background:rgba(30,215,96,.1);border:1px solid #1ed760;border-radius:6px;color:#1ed760;text-align:center;font-size:12px;font-weight:500}.widget-footer{display:flex;align-items:center;gap:8px;padding:10px 12px;border-top:1px solid hsla(0,0%,100%,.05);background:rgba(0,0,0,.2)}.widget-footer svg{color:#a8a9b4;flex-shrink:0}.volume-slider{flex:1;height:4px;border-radius:2px;background:hsla(0,0%,100%,.1);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#e94560;cursor:pointer;-webkit-transition:all .2s ease;transition:all .2s ease}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:#e94560;cursor:pointer;border:none;-moz-transition:all .2s ease;transition:all .2s ease}.volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.volume-slider:hover::-moz-range-thumb{transform:scale(1.2)}.volume-text{font-size:11px;color:#7a8395;min-width:28px;text-align:right}@media (max-width:640px){.floating-music-widget.expanded{width:calc(100vw - 32px);max-width:360px}}