.tvc-rpp{--tvc-accent:#087CF0;position:fixed;z-index:2147483000;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.tvc-rpp--right{right:0;top:50%;transform:translateY(-50%)}
.tvc-rpp--left{left:0;top:50%;transform:translateY(-50%)}
.tvc-rpp *{box-sizing:border-box}
html.tvc-rpp-lock{overflow:hidden}
.tvc-rpp button{font:inherit}

.tvc-rpp__launcher{position:relative;display:flex;align-items:center;gap:10px;border:0;color:#fff;background:linear-gradient(180deg,#178cff,#006be6);padding:14px 12px;cursor:pointer;box-shadow:0 18px 38px rgba(0,93,210,.32);transition:.2s ease}
.tvc-rpp--right .tvc-rpp__launcher{border-radius:18px 0 0 18px;writing-mode:vertical-rl;transform:rotate(180deg)}
.tvc-rpp--left .tvc-rpp__launcher{border-radius:0 18px 18px 0;writing-mode:vertical-rl}
.tvc-rpp__launcher:hover{filter:brightness(1.06);padding-inline:15px}
.tvc-rpp__launcher-text{font-size:13px;font-weight:900;letter-spacing:.06em}
.tvc-rpp__dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff315c;box-shadow:0 0 0 5px rgba(255,49,92,.14)}
.tvc-rpp.is-playing .tvc-rpp__dot{animation:tvcPulse 1.15s infinite}
@keyframes tvcPulse{50%{opacity:.4;transform:scale(.72)}}

.tvc-rpp__radio-icon{position:relative;width:24px;height:20px;display:inline-block}
.tvc-rpp__radio-icon:before{content:"";position:absolute;inset:5px 1px 0;border:2px solid #fff;border-radius:4px}
.tvc-rpp__antenna{position:absolute;width:17px;height:2px;background:#fff;right:1px;top:2px;transform:rotate(-22deg);transform-origin:right}
.tvc-rpp__speaker{position:absolute;width:7px;height:7px;border:2px solid #fff;border-radius:50%;left:5px;bottom:4px}
.tvc-rpp__dial{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;right:5px;bottom:6px}

.tvc-rpp__overlay{position:fixed;inset:0;background:rgba(17,35,64,.42);backdrop-filter:blur(8px);animation:tvcFade .18s ease both}
@keyframes tvcFade{from{opacity:0}to{opacity:1}}

.tvc-rpp__dialog{position:fixed;left:50%;top:50%;width:min(600px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto;transform:translate(-50%,-47%) scale(.98);opacity:0;background:linear-gradient(180deg,#fff 0%,#f4f9ff 100%);border:1px solid rgba(255,255,255,.9);border-radius:30px;padding:30px;box-shadow:0 34px 100px rgba(24,52,96,.30);transition:opacity .18s ease,transform .18s ease}
.tvc-rpp__dialog.is-open{opacity:1;transform:translate(-50%,-50%) scale(1)}
.tvc-rpp__close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#edf5ff;color:#526680;font-size:28px;line-height:1;cursor:pointer}
.tvc-rpp__header{text-align:center;padding:4px 38px 22px}
.tvc-rpp__badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:900;letter-spacing:.13em;color:#5d7190;background:#eef5ff;padding:8px 12px;border-radius:999px}
.tvc-rpp__header h2{margin:14px 0 7px;font-size:34px;line-height:1.05;color:#11243e}
.tvc-rpp__header p{margin:0;color:#70819a}

.tvc-rpp__stations{display:grid;gap:15px}
.tvc-rpp__station{display:grid;grid-template-columns:120px 1fr 48px;align-items:center;gap:18px;width:100%;padding:16px;border:1px solid #dfebf8;border-radius:22px;background:#fff;text-align:left;cursor:pointer;box-shadow:0 12px 28px rgba(42,72,114,.08);transition:.2s ease}
.tvc-rpp__station:hover{transform:translateY(-2px);border-color:rgba(8,124,240,.45);box-shadow:0 18px 36px rgba(42,72,114,.13)}
.tvc-rpp__station-logo{height:86px;padding:10px;display:grid;place-items:center;border-radius:16px;background:#f2f7fd;overflow:hidden}
.tvc-rpp__station-logo img{max-width:100%;max-height:100%;object-fit:contain}
.tvc-rpp__station-info strong{display:block;font-size:21px;color:#132640;margin-bottom:8px}
.tvc-rpp__station-info small{color:#71839b}
.tvc-rpp__station-info .tvc-rpp__dot{width:6px;height:6px;box-shadow:none;margin-right:6px}
.tvc-rpp__station-play{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--tvc-accent);color:#fff;box-shadow:0 9px 22px rgba(8,124,240,.28)}

.tvc-rpp__player{background:#fff;border:1px solid #dfebf8;border-radius:24px;padding:20px;box-shadow:0 14px 32px rgba(42,72,114,.09)}
.tvc-rpp__now{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.tvc-rpp__now-logo{width:98px;height:76px;object-fit:contain;background:#f2f7fd;border-radius:16px;padding:9px}
.tvc-rpp__now>div{display:flex;flex-direction:column}
.tvc-rpp__now-live{font-size:10px;font-weight:900;letter-spacing:.12em;color:#657893}
.tvc-rpp__now-live .tvc-rpp__dot{width:6px;height:6px;box-shadow:none;margin-right:6px}
.tvc-rpp__now-name{font-size:23px;color:#132640;margin:4px 0}
.tvc-rpp__status{color:#71839b}
.tvc-rpp__audio{display:block;width:100%;margin:8px 0 14px}
.tvc-rpp__actions{display:flex;gap:10px;flex-wrap:wrap}
.tvc-rpp__actions button{border:0;border-radius:12px;padding:11px 14px;font-weight:800;cursor:pointer}
.tvc-rpp__retry{background:var(--tvc-accent);color:#fff}
.tvc-rpp__change{background:#edf5ff;color:#315273}
.tvc-rpp__help{margin:14px 0 0;padding:12px 14px;border-radius:12px;background:#fff7dd;color:#735d16;font-size:13px}

@media (max-width:640px){
  .tvc-rpp{top:auto;bottom:20%;transform:none}
  .tvc-rpp__launcher{padding:11px 10px}
  .tvc-rpp__launcher-text{font-size:11px}
  .tvc-rpp__dialog{padding:21px;border-radius:23px}
  .tvc-rpp__header h2{font-size:28px}
  .tvc-rpp__station{grid-template-columns:84px 1fr 40px;gap:12px;padding:12px}
  .tvc-rpp__station-logo{height:67px}
  .tvc-rpp__station-info strong{font-size:17px}
  .tvc-rpp__station-info small{font-size:12px}
  .tvc-rpp__now-logo{width:78px;height:62px}
  .tvc-rpp__now-name{font-size:19px}
}