.listening{padding-top:55px;padding-bottom:65px}
.listening-heading{margin-bottom:30px}
.listening-profile{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}
.listening-profile svg{width:20px;height:20px;fill:#1ed760}
.listening-profile:hover{color:var(--fg)}
.listening-player{min-height:352px;border-radius:12px;overflow:hidden;background:#161616}
.listening-player iframe{display:block;width:100%;height:352px;border:0;border-radius:12px}
.listening-player[hidden],.listening-deck[hidden],.listening-item a[hidden],.listening-empty[hidden]{display:none}
.listening-deck{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:42px;align-items:center;padding:12px 0 18px}
.listening-item{min-width:0;align-self:center}
.listening-item a{display:block}
.listening-art{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:3px;box-shadow:8px 8px 0 #000}
.listening-state{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted);margin:0 0 18px}
.listening-state:before{content:"";width:6px;height:6px;background:#7d8580;border-radius:50%;flex:none}
.listening-item.is-playing .listening-state{color:#1ed760}
.listening-item.is-playing .listening-state:before{background:#1ed760;animation:listening-pulse 1.8s ease-in-out infinite}
.listening-track-title{display:block;font-size:16px;font-weight:500;line-height:1.4;margin:22px 0 8px;overflow-wrap:anywhere}
.listening-item[data-track=current] .listening-track-title{font-size:22px}
.listening-artist{font-size:12px;line-height:1.5;color:var(--muted);margin:0}
.listening-item a:hover .listening-track-title{color:var(--amber)}
.listening-empty{display:grid;place-content:center;aspect-ratio:1;border:1px dashed var(--line,#303434);padding:24px;color:var(--muted);font-size:12px;line-height:1.7;text-align:center}
@keyframes listening-pulse{50%{opacity:.3}}
@media(max-width:640px){.listening{padding:38px 0 45px}.listening-heading{gap:12px;margin-bottom:22px}.listening-heading h2{font-size:16px}.listening-profile{font-size:11px}.listening-profile svg{width:17px;height:17px}.listening-deck{gap:15px;grid-template-columns:1fr 1.3fr 1fr;align-items:start;padding-top:10px}.listening-item{align-self:start}.listening-state{font-size:11px;gap:5px;margin-bottom:12px;min-height:34px}.listening-track-title,.listening-item[data-track=current] .listening-track-title{font-size:12px;margin-top:15px}.listening-artist{font-size:11px}.listening-empty{padding:8px;font-size:11px}.listening-art{box-shadow:4px 4px 0 #000}}
@media(prefers-reduced-motion:reduce){.listening-item.is-playing .listening-state:before{animation:none}}

.listening-art[hidden]{visibility:hidden}

.listening-state{font-size:12px}.listening-artist{font-size:13px}
@media(max-width:640px){.listening-state,.listening-artist{font-size:11px}.listening-state{min-height:34px}}