.srp-player{--srp-accent:#e11d48;--srp-z:99999;--srp-content:1180px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box;line-height:1.2}
.srp-player *{box-sizing:border-box}.srp-player.is-hidden{display:none!important}
.srp-shell{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:64px;padding:10px 14px;background:#111827;color:#fff;border:1px solid rgba(255,255,255,.08);transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}
.srp-sticky{position:fixed;left:50%;transform:translateX(-50%);width:var(--srp-width,100%);z-index:var(--srp-z);padding:8px}.srp-sticky-top{top:0}.srp-sticky-bottom{bottom:0}.srp-sticky .srp-shell{max-width:var(--srp-content);margin:0 auto}
.srp-rounded .srp-shell{border-radius:16px}.srp-shadow .srp-shell{box-shadow:0 12px 36px rgba(0,0,0,.22)}
.srp-left,.srp-right{display:flex;align-items:center;gap:11px;min-width:0}.srp-left{flex:1}.srp-right{justify-content:flex-end}
.srp-play,.srp-mute,.srp-close{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.srp-play{width:42px;height:42px;border-radius:50%;background:var(--srp-accent);color:#fff;position:relative;box-shadow:0 4px 14px color-mix(in srgb,var(--srp-accent) 38%,transparent)}.srp-play:hover{filter:brightness(1.08)}
.srp-icon{position:absolute;display:block}.srp-icon-play{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid currentColor;margin-left:3px}.srp-icon-pause{display:none;width:12px;height:14px;border-left:4px solid currentColor;border-right:4px solid currentColor}.srp-player.is-playing .srp-icon-play{display:none}.srp-player.is-playing .srp-icon-pause{display:block}
.srp-meta{min-width:0}.srp-station{font-weight:750;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srp-statusline{display:flex;gap:8px;align-items:center;margin-top:3px;min-width:0}.srp-status{font-size:12px;opacity:.68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.srp-live{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--srp-accent);white-space:nowrap}.srp-live i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px color-mix(in srgb,var(--srp-accent) 18%,transparent)}
.srp-bars{display:flex;align-items:flex-end;gap:2px;width:20px;height:20px;opacity:.55}.srp-bars i{display:block;width:3px;height:7px;background:currentColor;border-radius:3px;animation:srpBar 1s ease-in-out infinite;animation-play-state:paused}.srp-bars i:nth-child(2){height:14px;animation-delay:.12s}.srp-bars i:nth-child(3){height:10px;animation-delay:.24s}.srp-bars i:nth-child(4){height:17px;animation-delay:.36s}.srp-player.is-playing .srp-bars i{animation-play-state:running}@keyframes srpBar{0%,100%{transform:scaleY(.45)}50%{transform:scaleY(1)}}
.srp-mute{width:34px;height:34px;border-radius:9px;background:transparent;color:inherit}.srp-mute:hover{background:rgba(255,255,255,.08)}.srp-speaker{width:15px;height:13px;position:relative;display:block}.srp-speaker:before{content:"";position:absolute;left:0;top:4px;width:5px;height:6px;background:currentColor;border-radius:1px}.srp-speaker:after{content:"";position:absolute;left:4px;top:1px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:8px solid currentColor;transform:rotate(180deg)}.srp-player.is-muted .srp-mute:after{content:"×";position:absolute;font-size:18px;font-weight:700}
.srp-volume{width:90px;accent-color:var(--srp-accent);cursor:pointer}.srp-close{width:30px;height:30px;border-radius:8px;background:transparent;color:inherit;font-size:22px;opacity:.62}.srp-close:hover{opacity:1;background:rgba(255,255,255,.08)}
.srp-theme-select-wrap{display:flex;align-items:center;flex:0 0 auto}.srp-theme-select{height:31px;max-width:92px;border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:0 23px 0 8px;background:rgba(255,255,255,.08);color:inherit;font-size:11px;line-height:1;cursor:pointer}.srp-theme-select option{color:#111;background:#fff}
.srp-player.has-error .srp-live,.srp-player.has-error .srp-status{color:#ef4444;opacity:1}.srp-compact .srp-shell{min-height:54px;padding:7px 11px}.srp-compact .srp-play{width:38px;height:38px}
/* Themes */
.srp-theme-light .srp-shell{background:#fff;color:#172033;border-color:#e5e7eb}.srp-theme-light .srp-mute:hover,.srp-theme-light .srp-close:hover{background:#f3f4f6}.srp-theme-light .srp-theme-select{background:#f7f7f8;border-color:#d9dde4}
.srp-theme-red .srp-shell{background:#24090e;color:#fff;border-color:#5c1423}.srp-theme-red{--srp-accent:#fb315e}.srp-theme-blue .srp-shell{background:#071b31;color:#fff;border-color:#113d67}.srp-theme-blue{--srp-accent:#2f93ff}
.srp-theme-glass .srp-shell{background:rgba(17,24,39,.72);color:#fff;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:rgba(255,255,255,.18)}
.srp-theme-minimal .srp-shell{background:transparent;color:inherit;border:0;box-shadow:none!important;padding-left:0;padding-right:0}.srp-theme-minimal .srp-theme-select{border-color:rgba(127,127,127,.25);background:rgba(127,127,127,.08)}
.srp-theme-gradient .srp-shell{background:linear-gradient(135deg,#171b2c,#3f1737);color:#fff;border-color:rgba(255,255,255,.1)}.srp-theme-radio .srp-shell{background:#16120e;color:#f8ead2;border-color:#453524}.srp-theme-radio{--srp-accent:#ffb020}
@media (max-width:700px){.srp-sticky{padding:5px;width:100%!important}.srp-shell{gap:8px;padding:8px 9px;min-height:56px}.srp-volume{width:58px}.srp-bars{display:none}.srp-station{font-size:14px}.srp-status{max-width:105px}.srp-live{font-size:9px}.srp-right{gap:4px}.srp-theme-select{max-width:76px;padding-left:6px;font-size:10px}}
@media (max-width:520px){.srp-theme-select-wrap{display:none}.srp-volume{width:46px}.srp-status{display:none}.srp-shell{border-radius:12px!important}.srp-play{width:38px;height:38px}.srp-station{max-width:160px}}