.listen{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:20px 0 8px;padding:16px}.listen h2{margin-bottom:10px;font-size:1.2rem}.listen-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.listen-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.listen-play{color:#06140a;background:#1db954;border-color:#1db954}.listen-play:hover{background:#1ed760;border-color:#1ed760}.listen-player iframe{border:0;border-radius:12px;display:block}.listen-note{color:var(--ink-3);margin:6px 0 0;font-size:.85rem}.listen-alt{color:var(--ink-2);margin-top:4px;font-size:.88rem;display:inline-block}