.hrp-player{--hrp-accent:#f45100;--hrp-bg:#101116;--hrp-text:#fff;position:relative;display:grid;grid-template-columns:minmax(120px,210px) 1fr;gap:24px;align-items:center;width:100%;padding:24px;overflow:hidden;color:var(--hrp-text);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--hrp-accent) 28%,transparent),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--hrp-bg) 91%,white),var(--hrp-bg));box-shadow:0 18px 55px rgba(0,0,0,.25);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.hrp-player *{box-sizing:border-box}.hrp-player--rounded{border-radius:24px}.hrp-artwork-wrap{position:relative;aspect-ratio:1;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.08);box-shadow:0 14px 30px rgba(0,0,0,.32)}.hrp-artwork{width:100%;height:100%;display:block;object-fit:cover}.hrp-eq{position:absolute;left:12px;bottom:12px;height:28px;display:flex;align-items:end;gap:3px;padding:6px 8px;border-radius:10px;background:rgba(0,0,0,.58);backdrop-filter:blur(8px)}.hrp-eq i{display:block;width:3px;height:40%;background:#fff;border-radius:3px}.is-playing .hrp-eq i{animation:hrp-eq .75s ease-in-out infinite alternate}.is-playing .hrp-eq i:nth-child(2){animation-delay:.18s}.is-playing .hrp-eq i:nth-child(3){animation-delay:.36s}.is-playing .hrp-eq i:nth-child(4){animation-delay:.08s}
.hrp-main{min-width:0}.hrp-brandline{display:flex;justify-content:space-between;align-items:center;gap:15px}.hrp-logo{display:block;max-width:180px;max-height:54px;object-fit:contain}.hrp-wordmark{font-size:1.8rem;font-weight:950;letter-spacing:-.05em}.hrp-live{flex:none;font-size:.68rem;font-weight:900;letter-spacing:.16em;color:color-mix(in srgb,var(--hrp-text) 75%,transparent)}.hrp-live span{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--hrp-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--hrp-accent) 20%,transparent)}.hrp-now-label{margin-top:28px;color:var(--hrp-accent);font-size:.7rem;font-weight:900;letter-spacing:.18em}.hrp-title{margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(1.25rem,3vw,2rem);font-weight:900;line-height:1.08}.hrp-artist{margin-top:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:color-mix(in srgb,var(--hrp-text) 70%,transparent);font-size:1rem}.hrp-controls{display:flex;align-items:center;gap:13px;margin-top:22px}.hrp-play{display:grid;place-items:center;width:56px;height:56px;padding:0;border:0;border-radius:50%;color:#fff;background:var(--hrp-accent);box-shadow:0 10px 26px color-mix(in srgb,var(--hrp-accent) 42%,transparent);cursor:pointer;transition:.18s}.hrp-play:hover{transform:scale(1.05)}.hrp-icon{width:25px;height:25px;fill:currentColor}.hrp-icon-play{transform:translateX(2px)}.hrp-icon-pause{display:none}.is-playing .hrp-icon-play{display:none}.is-playing .hrp-icon-pause{display:block}.hrp-status{display:flex;align-items:center;gap:7px;min-width:110px;color:color-mix(in srgb,var(--hrp-text) 62%,transparent);font-size:.78rem}.hrp-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.hrp-player[data-state=live] .hrp-status{color:var(--hrp-accent);font-weight:800}.hrp-mute{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;opacity:.8}.hrp-mute svg{width:21px;height:21px;fill:currentColor}.hrp-volume{width:min(120px,22vw);accent-color:var(--hrp-accent)}
.hrp-player--bar{grid-template-columns:92px 1fr;padding:16px;gap:18px}.hrp-player--bar .hrp-artwork-wrap{border-radius:13px}.hrp-player--bar .hrp-now-label{margin-top:12px}.hrp-player--bar .hrp-title{font-size:1.2rem}.hrp-player--bar .hrp-controls{margin-top:12px}.hrp-player--bar .hrp-play{width:46px;height:46px}.hrp-player--bar .hrp-logo{max-height:36px}.hrp-admin-notice{padding:14px 16px;border-left:4px solid #d63638;background:#fff;color:#1d2327}
@keyframes hrp-eq{from{height:25%}to{height:100%}}@media(max-width:560px){.hrp-player{grid-template-columns:92px 1fr;gap:16px;padding:16px}.hrp-now-label{margin-top:14px}.hrp-title{font-size:1.15rem}.hrp-controls{flex-wrap:wrap;margin-top:14px}.hrp-volume{flex:1;min-width:90px}.hrp-logo{max-width:120px;max-height:38px}.hrp-live{display:none}.hrp-artwork-wrap{border-radius:13px}}@media(prefers-reduced-motion:reduce){.hrp-player *{animation:none!important;transition:none!important}}