#rsp-player{position:fixed;left:0;right:0;bottom:0;z-index:999999;color:#fff;font-family:Arial,Helvetica,sans-serif;background:#080808;border-top:2px solid var(--rsp-accent);box-shadow:0 -10px 35px rgba(0,0,0,.45)}
.rsp-player:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--rsp-primary) 0%,var(--rsp-secondary) 32%,#0a0a0a 60%,#0a0a0a 100%);opacity:.95;pointer-events:none}
.rsp-bar{position:relative;max-width:1400px;min-height:78px;margin:auto;padding:8px 22px;box-sizing:border-box;display:flex;align-items:center;gap:18px}
.rsp-brand{display:flex;align-items:center;gap:10px;min-width:245px}.rsp-logo{width:57px;height:57px;border-radius:50%;background:#160000;border:2px solid var(--rsp-accent);display:grid;place-items:center;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(255,212,0,.25)}.rsp-logo img{width:100%;height:100%;object-fit:contain}.rsp-logo span{font-weight:900;font-size:17px}.rsp-logo i{position:absolute;right:1px;bottom:1px;width:11px;height:11px;border-radius:50%;background:var(--rsp-accent);border:2px solid var(--rsp-primary);box-shadow:0 0 10px var(--rsp-accent)}.rsp-brand-copy strong{display:block;font-size:17px}.rsp-brand-copy small{display:block;margin-top:4px;font-size:10px;opacity:.8}
.rsp-song{display:flex;align-items:center;gap:10px;min-width:210px;max-width:310px}.rsp-cover{width:46px;height:46px;flex:0 0 46px;border-radius:8px;overflow:hidden;background:linear-gradient(135deg,var(--rsp-primary),var(--rsp-secondary));display:grid;place-items:center;font-size:22px;border:1px solid rgba(255,255,255,.18)}.rsp-cover img{width:100%;height:100%;object-fit:cover}.rsp-song-copy{min-width:0}.rsp-live{display:block;font-size:8px;font-weight:900;color:var(--rsp-accent);letter-spacing:1px}.rsp-live b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff2d20;margin-right:4px;box-shadow:0 0 8px #ff2d20}.rsp-song-copy strong,.rsp-song-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rsp-song-copy strong{font-size:13px;margin-top:3px}.rsp-song-copy small{font-size:9px;opacity:.7;margin-top:2px}
.rsp-main-control{display:flex;align-items:center;gap:12px}.rsp-play{width:48px;height:48px;border:2px solid var(--rsp-accent);border-radius:50%;background:#111;color:#fff;cursor:pointer;font-size:17px;box-shadow:0 0 18px rgba(255,212,0,.18);transition:.2s}.rsp-play:hover{transform:scale(1.06);background:#1b1b1b}.rsp-volume-wrap{display:flex;align-items:center;gap:7px}.rsp-volume-wrap span{font-size:12px}.rsp-volume-wrap input{width:78px;height:3px;accent-color:var(--rsp-accent);cursor:pointer}
.rsp-equalizer{height:34px;display:flex;align-items:flex-end;gap:2px;padding:0 8px}.rsp-equalizer i{display:block;width:3px;height:9px;background:var(--rsp-accent);border-radius:3px;animation:rsp-eq .55s infinite alternate ease-in-out}.rsp-equalizer i:nth-child(2n){height:18px;animation-delay:.1s}.rsp-equalizer i:nth-child(3n){height:27px;animation-delay:.2s}.rsp-equalizer i:nth-child(4n){height:14px;animation-delay:.3s}#rsp-player:not(.playing) .rsp-equalizer i{animation-play-state:paused;opacity:.5}@keyframes rsp-eq{to{transform:scaleY(.35)}}
.rsp-right{margin-left:auto;display:flex;align-items:center;gap:9px}.rsp-info{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:10px;min-height:43px;padding:5px 9px;box-sizing:border-box}.rsp-info span{display:block;font-size:7px;font-weight:900;letter-spacing:1px;opacity:.65}.rsp-info strong{font-size:15px;font-variant-numeric:tabular-nums}.rsp-info.clock{text-align:center;min-width:84px}.rsp-info.weather{display:flex;align-items:center;gap:7px}.rsp-info.weather>em{font-style:normal;font-size:22px}.rsp-info.weather strong{font-size:14px}.rsp-info.weather small{display:block;font-size:8px;opacity:.7;white-space:nowrap}
@media(max-width:1050px){.rsp-bar{gap:10px;padding:7px 12px}.rsp-brand{min-width:auto}.rsp-brand-copy small{display:none}.rsp-song{min-width:170px}.rsp-equalizer{display:none}.rsp-volume-wrap input{width:60px}}
@media(max-width:750px){.rsp-brand-copy,.rsp-song-copy small,.rsp-info.clock{display:none}.rsp-brand{min-width:57px}.rsp-song{max-width:180px;min-width:0}.rsp-right{margin-left:auto}.rsp-volume-wrap input{width:50px}}
@media(max-width:520px){.rsp-song{display:none}.rsp-volume-wrap{display:none}.rsp-bar{justify-content:space-between}.rsp-right{margin-left:0}.rsp-info.weather{padding:5px}.rsp-info.weather small{display:none}}