/*!
 * Radio Player Pro – base player styles shared by every skin.
 * Skins only change custom properties and layout; components live here.
 */
.rpp-player{--rpp-bg:#ffffff;--rpp-bg-image:none;--rpp-text:#141824;--rpp-secondary:#5d6577;--rpp-primary:#ff5a36;--rpp-btn:var(--rpp-primary);--rpp-btn-icon:#ffffff;--rpp-border:rgba(20, 24, 36, 0.1);--rpp-border-w:1px;--rpp-radius:16px;--rpp-shadow:0 10px 30px rgba(20, 24, 36, 0.08);--rpp-pad:16px;--rpp-font:inherit;--rpp-fs:15px;--rpp-ctl:48px;--rpp-art:72px;--rpp-art-radius:12px;--rpp-surface:rgba(20, 24, 36, 0.04);--rpp-panel-bg:var(--rpp-bg);--rpp-focus:var(--rpp-primary);--rpp-width:100%;--rpp-max-width:720px;--rpp-margin:0px;--rpp-live:#b4161b;container-type:inline-size;container-name:rpp;position:relative;box-sizing:border-box;width:var(--rpp-width);max-width:var(--rpp-max-width);min-height:var(--rpp-height, auto);margin:var(--rpp-margin) auto;padding:var(--rpp-pad);color:var(--rpp-text);background-color:var(--rpp-bg);background-image:var(--rpp-bg-image);background-size:cover;background-position:center;border:var(--rpp-border-w) solid var(--rpp-border);border-radius:var(--rpp-radius);box-shadow:var(--rpp-shadow);font-family:var(--rpp-font);font-size:var(--rpp-fs);line-height:1.35;text-align:left;-webkit-font-smoothing:antialiased}.rpp-player *,.rpp-player ::before,.rpp-player ::after{box-sizing:border-box}.rpp-player.rpp-align-left{margin-left:0}.rpp-player.rpp-align-right{margin-right:0}.rpp-player.rpp-theme-dark{--rpp-bg:#12141b;--rpp-text:#f3f4f7;--rpp-secondary:#9aa1b2;--rpp-border:rgba(255, 255, 255, 0.08);--rpp-surface:rgba(255, 255, 255, 0.06);--rpp-shadow:0 16px 40px rgba(0, 0, 0, 0.35);--rpp-live:#ff7a7a}.rpp-player.rpp-theme-light{--rpp-bg:#ffffff;--rpp-text:#141824;--rpp-secondary:#5d6577;--rpp-border:rgba(20, 24, 36, 0.1);--rpp-surface:rgba(20, 24, 36, 0.04)}.rpp-player [hidden]{display:none!important}.rpp-inner{display:flex;align-items:center;gap:14px;min-width:0}.rpp-art{position:relative;flex:0 0 auto;width:var(--rpp-art);height:var(--rpp-art);border-radius:var(--rpp-art-radius);overflow:hidden;background:var(--rpp-surface);color:var(--rpp-secondary);display:grid;place-items:center}.rpp-art-img{width:100%;height:100%;object-fit:cover;display:block}.rpp-art-fallback .rpp-icon{width:46%;height:46%}.rpp-art-fallback{display:grid;place-items:center;width:100%;height:100%}.rpp-eq{position:absolute;right:6px;bottom:6px;display:none;align-items:flex-end;gap:2px;height:14px;padding:3px;border-radius:4px;background:rgba(0,0,0,.45)}.rpp-eq i{display:block;width:3px;height:100%;background:#fff;border-radius:1px;transform-origin:bottom;animation:rpp-eq .9s ease-in-out infinite}.rpp-eq i:nth-child(2){animation-delay:-.3s}.rpp-eq i:nth-child(3){animation-delay:-.6s}.rpp-state-playing .rpp-art .rpp-eq{display:flex}@keyframes rpp-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.rpp-info{flex:1 1 auto;min-width:0}.rpp-station-row{display:flex;align-items:center;gap:8px;min-width:0;font-size:.8em;color:var(--rpp-secondary);margin-bottom:2px}.rpp-logo{width:20px;height:20px;border-radius:5px;object-fit:cover;flex:0 0 auto}.rpp-station-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;letter-spacing:.01em}.rpp-live{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:2px 7px;border-radius:999px;font-size:.78em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--rpp-live);background:color-mix(in srgb,var(--rpp-live) 12%,transparent)}.rpp-live-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.rpp-state-playing .rpp-live-dot{animation:rpp-pulse 1.6s ease-in-out infinite}@keyframes rpp-pulse{0%,to{opacity:1}50%{opacity:.25}}.rpp-title{position:relative;overflow:hidden;white-space:nowrap;font-size:1.08em;font-weight:700;line-height:1.3;color:var(--rpp-text)}.rpp-title .rpp-marquee{display:inline-block;padding-right:0}.rpp-title.rpp-is-fallback{font-weight:600}.rpp-title:not(.rpp-scroll) .rpp-marquee{max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.rpp-title.rpp-scroll .rpp-marquee{animation:rpp-marquee var(--rpp-scroll-time, 10s) ease-in-out infinite alternate}@keyframes rpp-marquee{0%,15%{transform:translateX(0)}85%,to{transform:translateX(var(--rpp-scroll, 0))}}.rpp-artist,.rpp-album{color:var(--rpp-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92em}.rpp-album{font-size:.82em;opacity:.85}.rpp-status{font-size:.78em;color:var(--rpp-secondary);min-height:0}.rpp-status:empty{display:none}.rpp-state-error .rpp-status{color:var(--rpp-live)}.rpp-status a{color:inherit;text-decoration:underline}.rpp-player .rpp-btn{-webkit-appearance:none;appearance:none;display:inline-grid;place-items:center;flex:0 0 auto;width:38px;height:38px;padding:0;margin:0;border:0;border-radius:50%;background:0 0;color:var(--rpp-text);cursor:pointer;line-height:1;font:inherit;box-shadow:none;text-decoration:none;transition:background-color .15s ease,transform .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}.rpp-player .rpp-btn:focus:not(:focus-visible){outline:0;box-shadow:none;border:0}.rpp-player .rpp-btn .rpp-icon{width:20px;height:20px;display:block}.rpp-player .rpp-btn-ghost:hover{background:var(--rpp-surface)}.rpp-player .rpp-btn:focus-visible,.rpp-player .rpp-range:focus-visible,.rpp-player .rpp-station-choice:focus-visible,.rpp-player .rpp-chip:focus-visible{outline:2px solid var(--rpp-focus);outline-offset:2px}.rpp-player .rpp-btn[aria-pressed=true].rpp-fav,.rpp-player .rpp-fav-mini[aria-pressed=true]{color:var(--rpp-live)}.rpp-player .rpp-btn[aria-pressed=true].rpp-fav .rpp-icon path,.rpp-player .rpp-fav-mini[aria-pressed=true] .rpp-icon path{fill:currentColor}.rpp-player .rpp-play{width:var(--rpp-ctl);height:var(--rpp-ctl);background:var(--rpp-btn);color:var(--rpp-btn-icon);box-shadow:0 6px 16px color-mix(in srgb,var(--rpp-btn) 35%,transparent)}.rpp-player .rpp-play:hover{transform:scale(1.04)}.rpp-player .rpp-play:active{transform:scale(.97)}.rpp-player .rpp-play .rpp-icon{width:46%;height:46%}.rpp-player .rpp-play .rpp-icon-play{margin-left:6%}.rpp-when-playing,.rpp-when-loading,.rpp-when-muted{display:none!important}.rpp-state-playing .rpp-when-playing{display:block!important}.rpp-state-playing .rpp-when-paused{display:none!important}.rpp-state-loading .rpp-when-loading,.rpp-state-reconnecting .rpp-when-loading{display:block!important;animation:rpp-spin .9s linear infinite}.rpp-state-loading .rpp-when-paused,.rpp-state-reconnecting .rpp-when-paused{display:none!important}.rpp-muted .rpp-when-muted{display:block!important}.rpp-muted .rpp-when-unmuted{display:none!important}@keyframes rpp-spin{to{transform:rotate(360deg)}}.rpp-volume{display:flex;align-items:center;gap:4px}.rpp-player .rpp-range{-webkit-appearance:none;appearance:none;width:92px;height:20px;margin:0;padding:0;background:0 0;cursor:pointer;--rpp-track:color-mix(in srgb, var(--rpp-text) 16%, transparent)}.rpp-player .rpp-range::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--rpp-primary)0 var(--rpp-fill, 80%),var(--rpp-track) var(--rpp-fill, 80%) 100%)}.rpp-player .rpp-range::-moz-range-track{height:4px;border-radius:4px;background:var(--rpp-track)}.rpp-player .rpp-range::-moz-range-progress{height:4px;border-radius:4px;background:var(--rpp-primary)}.rpp-player .rpp-range::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--rpp-primary);border:2px solid var(--rpp-bg);box-shadow:0 1px 3px rgba(0,0,0,.25)}.rpp-player .rpp-range::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--rpp-primary);border:2px solid var(--rpp-bg)}.rpp-controls,.rpp-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.rpp-station-list,.rpp-history{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:min(320px,100%);max-height:320px;overflow:auto;padding:8px;background:var(--rpp-panel-bg);color:var(--rpp-text);border:1px solid var(--rpp-border);border-radius:14px;box-shadow:0 18px 48px rgba(10,12,20,.22);overscroll-behavior:contain}.rpp-station-list.rpp-station-list-open{position:static;width:auto;max-height:none;margin-top:12px;box-shadow:none;background:var(--rpp-surface);border-color:transparent}.rpp-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 8px;font-size:.75em;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rpp-secondary)}.rpp-station-items,.rpp-history-items{list-style:none;margin:0;padding:0}.rpp-station-item{display:flex;align-items:center;gap:2px;margin:0;padding:0}.rpp-fav-only .rpp-station-item:not(.rpp-is-fav){display:none}.rpp-player .rpp-station-choice{-webkit-appearance:none;appearance:none;display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;padding:8px;margin:0;border:0;border-radius:10px;background:0 0;color:inherit;font:inherit;font-size:.92em;text-align:left;cursor:pointer}.rpp-player .rpp-station-choice:hover{background:var(--rpp-surface)}.rpp-player .rpp-station-choice[aria-current=true]{background:color-mix(in srgb,var(--rpp-primary) 14%,transparent);font-weight:700}.rpp-station-choice img,.rpp-station-ph{width:32px;height:32px;border-radius:8px;object-fit:cover;flex:0 0 auto;display:grid;place-items:center;background:var(--rpp-surface)}.rpp-station-ph .rpp-icon{width:18px;height:18px}.rpp-station-choice-name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpp-eq-mini{position:static;display:none;background:0 0;padding:0;height:12px}.rpp-eq-mini i{background:var(--rpp-primary)}.rpp-state-playing .rpp-station-choice[aria-current=true] .rpp-eq-mini{display:inline-flex}.rpp-player .rpp-fav-mini{width:32px;height:32px}.rpp-player .rpp-fav-mini .rpp-icon{width:16px;height:16px}.rpp-player .rpp-chip{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid var(--rpp-border);border-radius:999px;background:0 0;color:inherit;font:inherit;font-size:1em;text-transform:none;letter-spacing:0;cursor:pointer}.rpp-player .rpp-chip .rpp-icon{width:12px;height:12px}.rpp-player .rpp-chip[aria-pressed=true]{color:var(--rpp-live);border-color:currentColor}.rpp-history-items li{display:flex;gap:10px;padding:7px 6px;font-size:.88em;border-top:1px solid var(--rpp-border)}.rpp-history-items li:first-child{border-top:0}.rpp-history-items time{color:var(--rpp-secondary);font-variant-numeric:tabular-nums;flex:0 0 auto}.rpp-history-empty{color:var(--rpp-secondary)}.rpp-branding{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;font-size:.72em;color:var(--rpp-secondary)}.rpp-branding a{color:inherit}.rpp-admin-notice{padding:12px 14px;border:1px dashed #c3c4c7;border-radius:8px;background:#fff8e5;color:#3c434a;font-size:14px}@media (max-width:767px){.rpp-player.rpp-hide-mobile{display:none!important}}@media (min-width:768px){.rpp-player.rpp-hide-desktop{display:none!important}}@container rpp (max-width: 380px){.rpp-player .rpp-range{display:none}}@media (prefers-reduced-motion:reduce){.rpp-player *,.rpp-player ::before,.rpp-player ::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}.rpp-title.rpp-scroll .rpp-marquee{animation:none!important}.rpp-player .rpp-when-loading{animation:none!important}}@media (forced-colors:active){.rpp-player .rpp-play{border:2px solid ButtonText}.rpp-player .rpp-range::-webkit-slider-runnable-track{background:ButtonText}}.rpp-progress{display:flex;align-items:center;gap:8px;width:100%;min-width:0;margin-top:6px;font-size:.78em;color:var(--rpp-secondary)}.rpp-progress[hidden]{display:none}.rpp-progress .rpp-time{flex:0 0 auto;font-variant-numeric:tabular-nums;min-width:2.6em;text-align:center}.rpp-player .rpp-progress-btn{-webkit-appearance:none;appearance:none;flex:0 0 auto;display:inline-grid;place-items:center;width:30px;height:30px;padding:0;margin:0;border:0;border-radius:50%;background:0 0;color:var(--rpp-text);cursor:pointer}.rpp-player .rpp-progress-btn svg{width:16px;height:16px}.rpp-player .rpp-progress-btn:hover:not(:disabled){background:color-mix(in srgb,var(--rpp-text) 10%,transparent)}.rpp-player .rpp-progress-btn:disabled{opacity:.35;cursor:default}.rpp-player .rpp-progress-btn:focus-visible{outline:2px solid var(--rpp-primary);outline-offset:2px}.rpp-player .rpp-seek{-webkit-appearance:none;appearance:none;flex:1 1 auto;min-width:40px;height:4px;margin:0;padding:0;border-radius:4px;background:linear-gradient(to right,var(--rpp-primary) var(--rpp-seek, 0%),color-mix(in srgb,var(--rpp-text) 18%,transparent) var(--rpp-seek, 0%));cursor:pointer}.rpp-player .rpp-seek:disabled{cursor:default;opacity:.6}.rpp-player .rpp-seek::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--rpp-primary);border:0}.rpp-player .rpp-seek::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--rpp-primary);border:0}.rpp-player .rpp-seek:focus-visible{outline:2px solid var(--rpp-primary);outline-offset:4px}