/* ---------- soundtrack player: 30-second Spotify previews ---------- */
.rhp{position:fixed;right:16px;bottom:16px;z-index:90;font-family:var(--font);color:var(--fg);width:min(380px,calc(100vw - 32px));
  -webkit-user-select:none;user-select:none}
.rhp-bar{display:flex;align-items:center;gap:12px;padding:10px 12px 10px 10px;border-radius:999px;border:1px solid var(--line);
  background:rgba(22,22,24,.84);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);
  box-shadow:0 18px 50px rgba(0,0,0,.5)}
.rhp-play{position:relative;flex:0 0 48px;width:48px;height:48px;border-radius:50%;border:0;background:#fff;color:#000;cursor:pointer;
  display:grid;place-items:center;transition:transform .12s ease-out}
.rhp-play:active{transform:scale(.92)}
.rhp-play svg.ic{width:18px;height:18px;fill:currentColor}
.rhp-play .ic-pause{display:none}
.rhp.playing .rhp-play .ic-play{display:none}
.rhp.playing .rhp-play .ic-pause{display:block}
.rhp-ring{position:absolute;inset:-5px;width:58px;height:58px;transform:rotate(-90deg);pointer-events:none}
.rhp-ring circle{fill:none;stroke-width:3}
.rhp-ring .bg{stroke:rgba(255,255,255,.14)}
.rhp-ring .fg{stroke:url(#rhpGrad);stroke-linecap:round;stroke-dasharray:166;stroke-dashoffset:166}
.rhp-meta{flex:1 1 auto;min-width:0;cursor:pointer}
.rhp-t,.rhp-a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rhp-t{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.25}
.rhp-a{font-size:14px;font-weight:500;color:var(--mute);line-height:1.3}
.rhp-btn{flex:0 0 40px;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.1);color:var(--fg);cursor:pointer;
  display:grid;place-items:center;transition:background .2s,transform .12s ease-out}
.rhp-btn:hover{background:rgba(255,255,255,.18)}
.rhp-btn:active{transform:scale(.92)}
.rhp-btn svg{width:16px;height:16px;fill:currentColor}
.rhp.open .rhp-list-btn{background:#fff;color:#000}
.rhp.nudge .rhp-play{animation:rhpPulse 1.6s ease-in-out infinite}
@keyframes rhpPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,90,31,.6)}50%{box-shadow:0 0 0 12px rgba(255,90,31,0)}}
.rhp-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:100%;max-height:min(62vh,560px);display:flex;flex-direction:column;
  border-radius:26px;border:1px solid var(--line);background:rgba(22,22,24,.92);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);
  box-shadow:0 30px 80px rgba(0,0,0,.6);opacity:0;transform:translateY(10px) scale(.98);transform-origin:bottom right;pointer-events:none;
  transition:opacity .3s var(--ease),transform .3s var(--ease)}
.rhp.open .rhp-panel{opacity:1;transform:none;pointer-events:auto}
.rhp-head{padding:20px 22px 12px}
.rhp-head b{display:block;font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.rhp-head span{display:block;margin-top:4px;font-size:13px;color:var(--mute)}
.rhp-ol{list-style:none;overflow:auto;padding:0 10px 10px;overscroll-behavior:contain}
.rhp-ol li{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;cursor:pointer}
.rhp-ol li:hover{background:rgba(255,255,255,.07)}
.rhp-ol li.on{background:rgba(255,255,255,.12)}
.rhp-ol .n{flex:0 0 22px;font-size:13px;font-weight:600;color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}
.rhp-ol li.on .n{color:var(--hot1)}
.rhp-ol .x{flex:1 1 auto;min-width:0}
.rhp-ol .x b,.rhp-ol .x i{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rhp-ol .x b{font-size:15px;font-weight:600}
.rhp-ol .x i{font-style:normal;font-size:13px;color:var(--mute)}
.rhp-ol a{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--mute);padding:6px 8px;border-radius:8px}
.rhp-ol a:hover{color:var(--fg);background:rgba(255,255,255,.1)}
.rhp-foot{padding:10px 22px 16px;font-size:13px;color:var(--dim);border-top:1px solid var(--line)}
.rhp-space{height:96px}
@media (max-width:560px){.rhp{right:12px;left:12px;bottom:12px;width:auto}}
@media (prefers-reduced-motion:reduce){.rhp.nudge .rhp-play{animation:none}.rhp-panel{transition:none}}