html{scroll-padding-bottom:calc(var(--spot-player-height, 96px) + 16px)}body{padding-bottom:calc(var(--spot-player-height, 96px) + 16px)!important}.spot-player{box-sizing:border-box;position:fixed;z-index:99;bottom:0;left:0;right:0;min-height:96px;display:grid;grid-template-columns:auto 58px minmax(120px,1fr) minmax(140px,220px) 150px;align-items:center;gap:14px;padding:12px max(18px,calc((100vw - 1160px)/2));padding-bottom:calc(12px + env(safe-area-inset-bottom));background:linear-gradient(90deg,#08090c,#202228 52%,#08090c);border-top:1px solid #a937ff;box-shadow:0 -8px 32px #7719ac70;color:#fff;font-family:Arial,sans-serif}.spot-player__art{display:block;width:64px;height:64px;border-radius:8px;object-fit:cover;background:linear-gradient(135deg,#191a20,#7e22be);border:1px solid #9a42e7}.spot-player__play{width:48px;height:48px;border:1px solid #b74dff;border-radius:50%;background:#7f20bd;color:#fff;display:grid;place-items:center;cursor:pointer}.spot-player__play svg{width:20px;height:20px;fill:currentColor}.spot-player__copy{min-width:0}.spot-player__live{display:block;font-size:10px;letter-spacing:1.4px;color:#d87aff;font-weight:800;margin-bottom:5px}.spot-player__station{font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spot-player__sub{font-size:13px;color:#c5c7ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.spot-player__volume{width:100%;accent-color:#c23fff}.spot-player__select{border:1px solid #62656c;border-radius:7px;padding:10px;background:#15161b;color:#fff;font-weight:700}.spot-player__error{color:#ff9dde}@media(max-width:720px){.spot-player{grid-template-columns:54px 46px 1fr;gap:9px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.spot-player__art{width:54px;height:54px}.spot-player__play{width:44px;height:44px}.spot-player__volume{display:none}.spot-player__select{grid-column:1/-1;width:100%;padding:8px}.spot-player__live{font-size:9px}}