*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#0a0a0a;color:#e0e0e0;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.player-container{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px}.player{background:#14141ecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(106,106,255,.2);border-radius:12px;padding:20px 30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;min-width:500px}.track-info{display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:opacity .2s ease}.track-info:hover{opacity:.8}.track-title{font-size:16px;font-weight:500;color:#e0e0e0}.track-artist{font-size:13px;color:#888}.controls{display:flex;align-items:center}.play-btn{width:48px;height:48px;border-radius:50%;border:1px solid rgba(106,106,255,.4);background:#6a6aff1a;color:#e0e0e0;font-size:18px;cursor:pointer;transition:all .2s ease}.play-btn:hover{background:#6a6aff40;border-color:#6a6aff99}.tracklist{background:#14141ee6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(106,106,255,.2);border-radius:12px;padding:8px;min-width:350px;max-height:300px;overflow-y:auto}.tracklist-item{padding:12px 16px;border-radius:8px;cursor:pointer;transition:background .2s ease;display:flex;flex-direction:column;gap:2px}.tracklist-item:hover{background:#6a6aff1a}.tracklist-item.active{background:#6a6aff26;border-left:2px solid rgba(106,106,255,.6)}.tracklist-title{font-size:14px;color:#e0e0e0}.tracklist-artist{font-size:12px;color:#666}.track-header{display:flex;align-items:center;gap:8px}.chevron{font-size:14px;color:#666;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.progress-container{display:flex;align-items:center;gap:12px;width:100%;padding:0}.progress-bar{flex:1;height:6px;background:#6a6aff33;border-radius:3px;cursor:pointer;overflow:hidden}.progress-fill{height:100%;background:#6a6aff99;border-radius:3px;transition:width .1s linear}.progress-bar:hover .progress-fill{background:#6a6affcc}.time{font-size:11px;color:#666;min-width:40px;text-align:center}@media(max-width:600px){.player-container{bottom:20px;width:90%;max-width:400px}.player{min-width:auto;padding:16px 20px;gap:16px}.track-title{font-size:14px}.track-artist{font-size:12px}.play-btn{width:40px;height:40px;font-size:16px}.tracklist{min-width:auto;width:100%}.tracklist-title{font-size:13px}}