:root{--bg:#050b18;--panel:#0b1730;--text:#fff;--muted:#aeb8cb;--accent:#8b35ff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 30% -10%,color-mix(in srgb,var(--accent) 24%,#050b18),#050b18 36%,#030712 80%);color:var(--text)}a{text-decoration:none;color:inherit}.rp-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px max(18px,calc((100vw - 850px)/2));background:#050b18ec;border-bottom:1px solid #ffffff18;backdrop-filter:blur(12px)}.rp-brand{display:flex;align-items:center;gap:12px;min-width:0}.rp-brand img{width:56px;height:56px;border-radius:15px;object-fit:contain;background:#050509;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 42%,transparent)}.rp-brand b{display:block;font-size:22px}.rp-brand small{display:block;color:var(--muted);margin-top:3px}.rp-home{padding:12px 16px;border:1px solid #ffffff22;border-radius:16px;background:#ffffff0a;font-weight:800}.rp-wrap{width:min(760px,calc(100% - 28px));margin:26px auto 60px}.rp-card{position:relative;overflow:hidden;padding:24px;border-radius:34px;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 18%,#102142),#07152a 52%,#050b18);border:1px solid color-mix(in srgb,var(--accent) 62%,#2e4b73);box-shadow:0 26px 80px #0009}.rp-glow{position:absolute;inset:-35%;background:conic-gradient(from 0deg,transparent,color-mix(in srgb,var(--accent) 25%,transparent),transparent,#00d9ff22,transparent);animation:glow 16s linear infinite;pointer-events:none}@keyframes glow{to{transform:rotate(360deg)}}.rp-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.rp-live{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--accent);font-weight:900}.rp-live i{width:9px;height:9px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px transparent}}.rp-station-icon{font-size:28px}.rp-art{position:relative;z-index:2;width:min(78vw,390px);aspect-ratio:1;margin:28px auto 20px;display:grid;place-items:center}.rp-rings{position:absolute;inset:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 60%,#fff0);box-shadow:0 0 0 18px #ffffff08,0 0 0 36px color-mix(in srgb,var(--accent) 8%,transparent),0 0 55px color-mix(in srgb,var(--accent) 35%,transparent)}.rp-rings:before,.rp-rings:after{content:'';position:absolute;border-radius:50%;border:1px dashed #ffffff25}.rp-rings:before{inset:10%;animation:spin 11s linear infinite}.rp-rings:after{inset:20%;animation:spin 8s linear reverse infinite}@keyframes spin{to{transform:rotate(360deg)}}#rpCover{width:76%;height:76%;object-fit:cover;border-radius:50%;border:8px solid #fff;box-shadow:0 20px 45px #000a;transition:.3s}.playing #rpCover{animation:coverSpin 18s linear infinite}@keyframes coverSpin{to{transform:rotate(360deg)}}.rp-eq{position:absolute;bottom:4%;display:flex;gap:4px;align-items:flex-end;height:40px}.rp-eq i{width:5px;height:10px;border-radius:5px;background:linear-gradient(#21dfff,var(--accent),#ff8a28)}.playing .rp-eq i{animation:eq .65s ease-in-out infinite alternate}.playing .rp-eq i:nth-child(2n){animation-delay:.12s}.playing .rp-eq i:nth-child(3n){animation-delay:.25s}@keyframes eq{to{height:40px}}.rp-meta{position:relative;z-index:2;text-align:center}.rp-kicker{font-size:12px;font-weight:900;color:color-mix(in srgb,var(--accent) 75%,#fff);letter-spacing:.12em}.rp-meta h1{font-size:clamp(27px,7vw,42px);line-height:1.08;margin:11px 0 8px}.rp-meta p{font-size:21px;color:#c6d1e4;margin:0}.rp-meta small{display:block;margin-top:9px;color:#ffb178;font-weight:800}.rp-controls{position:relative;z-index:2;margin:26px 0 20px;display:flex;justify-content:center;align-items:center;gap:20px}.rp-side{width:62px;height:62px;border-radius:19px;border:1px solid #ffffff20;background:#ffffff0b;color:#fff;font-size:22px}.rp-play{width:100px;height:100px;border-radius:50%;border:0;background:#fff;color:#071225;font-size:39px;box-shadow:0 15px 42px #000b}.rp-volume{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:15px 18px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff18}.rp-volume input{width:100%;accent-color:var(--accent)}.rp-status{position:relative;z-index:2;text-align:center;color:var(--muted);margin:13px 0 0;font-size:14px}.rp-actions{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.rp-actions a{padding:15px;border-radius:16px;text-align:center;background:#ffffff0b;border:1px solid #ffffff18;font-weight:900}.rp-actions .wa{background:#20b45a;border-color:#20b45a}@media(max-width:560px){.rp-brand small{display:none}.rp-brand b{font-size:19px}.rp-brand img{width:50px;height:50px}.rp-home{font-size:14px;padding:10px 12px}.rp-wrap{width:calc(100% - 20px);margin-top:15px}.rp-card{padding:17px;border-radius:26px}.rp-actions{grid-template-columns:1fr}.rp-side{width:56px;height:56px}.rp-play{width:92px;height:92px}}