.trp-full-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:28px 16px;background:#020817;box-sizing:border-box}
.trp-radio-pro,.trp-radio-pro *,.trp-mini-card,.trp-mini-card *{box-sizing:border-box}
.trp-radio-pro{max-width:1540px;margin:0 auto;color:#fff;font-family:Inter,Arial,sans-serif}
.trp-layout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:14px;align-items:start}
.trp-main-card,.trp-sidebar,.trp-panel,.trp-bottom-player{background:linear-gradient(145deg,#061638,#020817);border:1px solid rgba(105,145,255,.36);box-shadow:0 18px 55px rgba(0,0,0,.35),inset 0 0 55px rgba(0,100,255,.08);border-radius:16px}
.trp-main-card{padding:28px;overflow:hidden}.trp-topbar{display:flex;gap:18px;align-items:center;margin-bottom:20px}
.trp-live-badge{display:inline-flex!important;align-items:center;gap:8px;background:linear-gradient(#ff2b31,#c8000b);padding:11px 17px;border-radius:8px;font-size:20px;font-weight:950;color:#fff;box-shadow:0 0 28px rgba(255,0,0,.35)}
.trp-live-badge i{width:10px;height:10px;border-radius:50%;background:#ffe300;box-shadow:0 0 12px #ffe300}
.trp-red-wave{height:44px;display:flex;gap:7px;align-items:center}
.trp-red-wave i{width:6px;border-radius:8px;background:#ff3b30;animation:trpRedWave .8s infinite ease-in-out alternate}
.trp-red-wave i:nth-child(1){height:21px}.trp-red-wave i:nth-child(2){height:38px;animation-delay:.1s}.trp-red-wave i:nth-child(3){height:28px;animation-delay:.2s}.trp-red-wave i:nth-child(4){height:14px;animation-delay:.3s}

.trp-hero{display:grid;grid-template-columns:280px minmax(360px,1fr) 260px;gap:18px;align-items:center}
.trp-brand h1{margin:0 0 14px;font-size:34px;line-height:1.1;font-weight:950;text-transform:uppercase;color:#ffe400}.trp-brand h1::first-line{color:#fff}
.trp-brand p{margin:0 0 20px;font-size:19px;color:#fff}.trp-listeners{color:#ffe400;font-weight:850;margin-bottom:26px}.trp-socials{display:flex;gap:18px}
.trp-socials a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;text-decoration:none!important;color:#fff!important;font-weight:900;background:linear-gradient(145deg,#0a7cff,#0646ba);box-shadow:0 10px 24px rgba(0,0,0,.28)}
.trp-socials a:nth-child(2){background:linear-gradient(145deg,#ff2929,#b80d0d)}.trp-socials a:nth-child(3){background:linear-gradient(145deg,#25d65d,#098f36)}

.trp-art-stage{position:relative;height:315px;display:grid;place-items:center;overflow:visible}
.trp-logo-ring{position:absolute;width:300px;height:300px;border-radius:50%;background:conic-gradient(#ffe500,#08c6ff,#0869ff,#ffe500);filter:drop-shadow(0 0 24px rgba(255,225,0,.58));animation:trpSpin 8s linear infinite;z-index:1}
.trp-logo{position:relative;z-index:3;width:245px!important;height:245px!important;border-radius:50%!important;object-fit:cover;box-shadow:0 0 0 7px #071636,0 0 0 11px #ffe300!important}

/* Main equalizer: two animated segmented blue/yellow pyramids like the screenshot */
.trp-eq{pointer-events:none}
.trp-eq-side{position:absolute;bottom:4px;display:flex;align-items:flex-end;gap:7px;z-index:2;height:140px}
.trp-eq-left{right:50%;margin-right:132px}
.trp-eq-right{left:50%;margin-left:132px}
.trp-eq i{display:block;width:10px;height:calc(var(--h) * 8px);border-radius:2px;background:linear-gradient(to top,#126bff 0 42%,#ffe600 42% 100%);-webkit-mask:repeating-linear-gradient(to top,#000 0 7px,transparent 7px 10px);mask:repeating-linear-gradient(to top,#000 0 7px,transparent 7px 10px);animation:trpEqMove .72s infinite ease-in-out alternate;animation-delay:calc(var(--i) * .055s);filter:drop-shadow(0 0 5px rgba(0,146,255,.35))}
.trp-eq i:nth-child(2n){animation-duration:.92s}.trp-eq i:nth-child(3n){animation-duration:1.05s}.trp-eq i:nth-child(4n){animation-duration:.66s}

.trp-now-card small,.trp-info-box small,.trp-mini-label{color:#ffe400;font-weight:950}.trp-now-card h2{font-size:25px;margin:8px 0}.trp-now-card p{margin:0 0 14px;color:#dfe7ff}.trp-now-card b{display:inline-block;background:linear-gradient(#147bff,#004fb8);border-radius:6px;padding:8px 14px}

.trp-control-card{margin:28px 0 18px;min-height:135px;border:1px solid rgba(120,150,255,.32);border-radius:16px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.015));display:grid;grid-template-columns:1fr auto 110px 110px;gap:28px;align-items:center;padding:22px 36px}
.trp-volume{display:flex;align-items:center;gap:16px;font-size:28px}.trp-volume input{accent-color:#ffe000;width:min(300px,100%)}
.trp-play-main,.trp-play-bottom{border:0;border-radius:999px;background:radial-gradient(circle at 35% 25%,#fff475,#ffdc00 48%,#d69c00 100%);color:#111;font-weight:950;box-shadow:0 0 38px rgba(255,215,0,.52),inset 0 2px 10px rgba(255,255,255,.5);cursor:pointer;display:grid;place-items:center}
.trp-play-main{width:108px;height:108px;font-size:48px}.trp-play-bottom{width:70px;height:70px;font-size:34px}
.trp-action,.trp-nav{border:0;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}.trp-action{font-size:36px}.trp-action span{font-size:14px;font-weight:750}.trp-nav{font-size:28px}
.trp-pause{display:none}.is-playing .trp-play{display:none}.is-playing .trp-pause{display:inline}

.trp-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.trp-info-box{min-height:130px;padding:26px 28px;background:rgba(0,10,35,.55);border:1px solid rgba(120,150,255,.28);border-radius:14px;display:grid;gap:8px}.trp-info-box strong{font-size:21px}.trp-info-box span{color:#dfe7ff}
.trp-ad{margin-top:16px;min-height:105px;border-radius:12px;display:flex;align-items:center;gap:24px;background:linear-gradient(105deg,#fff 0 22%,#075bd4 22% 68%,#ddd 68%);padding:18px 28px;color:#fff;overflow:hidden}.trp-ad strong{font-size:34px;color:#0b51b5}.trp-ad span{font-size:24px;font-weight:800}.trp-ad button{margin-left:auto;background:#f5a900;color:#fff;border:0;border-radius:6px;padding:13px 24px;font-weight:900}

.trp-sidebar{padding:14px}.trp-panel{padding:16px;margin-bottom:12px}.trp-panel h3{margin:0 0 14px;font-size:18px}.trp-schedule{position:relative;padding:16px 20px;border:1px solid rgba(100,145,255,.18);border-radius:10px;margin-bottom:6px;background:#020a1e}.trp-schedule.active{background:linear-gradient(100deg,rgba(255,213,0,.18),rgba(255,255,255,.04));border-color:rgba(255,226,0,.5)}.trp-schedule b{display:block;color:#ffe400;margin-bottom:6px}.trp-schedule strong{display:block}.trp-schedule span{font-size:13px;color:#dfe7ff}.trp-schedule em{position:absolute;right:16px;top:22px;background:#ffe000;color:#111;border-radius:7px;padding:10px 14px;font-style:normal;font-weight:950}
.trp-track{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.08)}.trp-track img{width:54px!important;height:54px!important;border-radius:6px;object-fit:cover}.trp-track span,.trp-track time{color:#c9d4ee;font-size:13px}

.trp-bottom-player{margin-top:14px;min-height:94px;padding:12px 22px;display:grid;grid-template-columns:74px 80px minmax(170px,1fr) 54px 74px 54px minmax(170px,270px) 80px 80px;gap:14px;align-items:center}.trp-bottom-player img{width:72px!important;height:72px!important;border-radius:12px;border:2px solid #ffe400;object-fit:cover}.trp-bottom-live{background:linear-gradient(#ff222b,#c8000b);border-radius:7px;padding:10px 17px;font-weight:900}.trp-bottom-title strong,.trp-bottom-title small{display:block}

/* Stable mini player: fixed height; equalizer animates with transform, not height, so sidebar does not jump */
.trp-mini-card{width:100%;max-width:260px;height:356px!important;min-height:356px!important;max-height:356px!important;overflow:hidden;margin:0 auto;padding:20px 18px;text-align:center;border-radius:14px;background:radial-gradient(circle at top,#f8fbff,#fff3fb 82%);border:1px solid #e3d5fa;box-shadow:0 16px 36px rgba(20,40,90,.12);font-family:Inter,Arial,sans-serif;color:#10234c;contain:layout paint}
.trp-mini-logo-wrap{width:108px;height:108px;margin:0 auto 8px;position:relative;display:grid;place-items:center}.trp-mini-logo-wrap span{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#ffe400,#1fc9ff,#075ee4,#ffe400);filter:drop-shadow(0 8px 20px rgba(0,110,255,.35));animation:trpSpin 7s linear infinite}.trp-mini-logo-wrap img{position:relative;z-index:2;width:88px!important;height:88px!important;border-radius:50%!important;object-fit:cover;background:white;box-shadow:0 0 0 5px #fff}
.trp-mini-card h4{margin:4px 0 6px;font-size:16px!important;font-weight:900;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trp-mini-status{display:flex;align-items:center;justify-content:center;gap:8px;height:20px}.trp-mini-status b{background:#f31321;color:#fff;border-radius:5px;padding:4px 9px;font-size:10px}.trp-mini-status i{width:12px;height:12px;border:2px solid #ff4b5c;border-radius:50%;display:block}
.trp-eq-mini{width:150px;height:50px;margin:10px auto 6px;display:flex;align-items:flex-end;justify-content:center;gap:3px;overflow:hidden}.trp-eq-mini i{width:5px;height:calc(var(--h) * 3.2px);-webkit-mask:repeating-linear-gradient(to top,#000 0 4px,transparent 4px 6px);mask:repeating-linear-gradient(to top,#000 0 4px,transparent 4px 6px)}
.trp-mini-label{height:14px;font-size:10px;color:#f31321;letter-spacing:.08em}.trp-mini-title{height:20px;line-height:20px;font-weight:950;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trp-mini-artist{height:16px;line-height:16px;font-size:12px;color:#617095;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.trp-mini-controls{
height:54px;
margin-top:6px;
padding-bottom:12px;
display:flex;
align-items:center;
justify-content:center;
gap:10px
}

.trp-mini-play,
.trp-mini-mute{
width:48px;
height:48px;
border-radius:50%;
display:grid;
place-items:center;
cursor:pointer;
transition:all .22s ease;
font-size:18px;
}

.trp-mini-play{
border:1px solid rgba(255,255,255,.25);
background:
radial-gradient(circle at 30% 30%,rgba(255,255,255,.30),transparent 35%),
linear-gradient(145deg,#0a58ff,#062774);
color:#fff;
box-shadow:
0 8px 20px rgba(0,76,255,.28),
inset 0 2px 8px rgba(255,255,255,.18);
}

.trp-mini-play:hover{
transform:translateY(-1px) scale(1.04);
box-shadow:
0 10px 24px rgba(0,76,255,.34),
inset 0 2px 10px rgba(255,255,255,.22);
}

.trp-mini-card.is-playing .trp-mini-play{
background:
radial-gradient(circle at 30% 30%,rgba(255,255,255,.18),transparent 35%),
linear-gradient(145deg,#062774,#0b63ff);
}

.trp-mini-mute{
border:1px solid #d8e5ff;
background:linear-gradient(145deg,#ffffff,#eef4ff);
color:#71809f;
box-shadow:0 6px 16px rgba(20,40,90,.08);
}

.trp-mini-mute:hover{
transform:scale(1.05);
background:#fff;
}


@keyframes trpSpin{to{transform:rotate(360deg)}}@keyframes trpRedWave{0%{transform:scaleY(.55);opacity:.75}100%{transform:scaleY(1);opacity:1}}
@keyframes trpEqMove{0%{transform:scaleY(.42);opacity:.68;filter:drop-shadow(0 0 3px rgba(0,146,255,.18))}45%{transform:scaleY(.78);opacity:.92}100%{transform:scaleY(1.18);opacity:1;filter:drop-shadow(0 0 8px rgba(255,226,0,.45))}}
@media(max-width:1150px){.trp-layout{grid-template-columns:1fr}.trp-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trp-panel{margin-bottom:0}.trp-hero{grid-template-columns:1fr;text-align:center}.trp-socials{justify-content:center}.trp-art-stage{height:330px}.trp-control-card{grid-template-columns:1fr;justify-items:center}.trp-cards{grid-template-columns:1fr}.trp-bottom-player{grid-template-columns:60px 70px 1fr 60px}.trp-bottom-volume,.trp-bottom-player .trp-action,.trp-bottom-player .trp-nav{display:none}}
@media(max-width:700px){.trp-main-card{padding:18px}.trp-sidebar{display:block}.trp-brand h1{font-size:27px}.trp-art-stage{height:285px}.trp-logo{width:190px!important;height:190px!important}.trp-logo-ring{width:232px;height:232px}.trp-eq-side{gap:4px;height:105px}.trp-eq i{width:6px}.trp-eq-left{margin-right:104px}.trp-eq-right{margin-left:104px}.trp-ad{display:none}.trp-bottom-title{display:none}}