.station-card{cursor:pointer}
.station-card:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.station-live{display:block;font-size:12px;font-weight:750;color:var(--text);margin:8px 0;min-height:18px}
.station-live[hidden]{display:none}
.station-card.is-playing{border-color:#92b877;box-shadow:inset 0 0 0 1px #92b877;background:#273728}
.station-card.is-playing .station-live{color:#d3edbc}
.station-card.is-playing .station-play{background:#c4dda9;color:#23321e}
.station-card.is-connecting{border-color:var(--accent)}
:root[data-theme="light"] .station-card.is-playing{background:#edf5e6;border-color:#668550;box-shadow:inset 0 0 0 1px #668550}
:root[data-theme="light"] .station-card.is-playing .station-live{color:#365827}

/* Saved hearts use soft red, with a lighter shade on dark backgrounds. */
.station-card .icon-button.saved,#player-fav.saved{color:#e1747c}
:root[data-theme="light"] .station-card .icon-button.saved,:root[data-theme="light"] #player-fav.saved{color:#c44752}

.station-bottom .station-live{margin:0 0 0 4px;min-height:0;font-size:11px;line-height:1.3;flex:1;min-width:0}
.station-bottom .station-play{flex-shrink:0}

/* Information and playback are separate, labelled actions. */
.station-card{display:flex;flex-direction:column;padding:13px}
.station-card .station-head{margin-bottom:8px;align-items:center}
.station-card .station-logo{width:44px;height:44px;border-radius:8px;font-size:21px}
.station-card .station-name{margin-bottom:2px;line-height:1.4}
.station-card .station-place{margin-bottom:7px;line-height:1.5}
.station-card .station-tag{padding:2px 6px;line-height:1.5}
.station-bottom{margin-top:auto;min-height:24px;justify-content:flex-start;flex-wrap:wrap;gap:6px}
.station-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:6px;padding-top:7px;border-top:1px solid var(--line)}
.station-details{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:5px 8px;border:1px solid var(--line);border-radius:8px;color:var(--text);font-size:12px;font-weight:600;text-decoration:none;line-height:1.3}
.station-details svg{width:15px;height:15px;flex-shrink:0}
.station-details>span{display:inline-flex}
.station-details:hover{border-color:var(--accent);background:var(--surface)}
.station-details:focus-visible,.genre-tabs a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.station-actions .station-play{flex-shrink:0}
.genre-tabs a{text-decoration:none;white-space:nowrap}
@media(min-width:1500px){.station-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:540px){.station-card{padding:11px}.station-card .station-logo{width:40px;height:40px}.station-card .station-head{margin-bottom:7px}.station-actions{gap:5px}.station-details{font-size:11px;padding:5px 6px;gap:4px}.station-details svg{width:13px;height:13px}}
@media(pointer:coarse){.station-details,.station-card .station-play,.station-card .icon-button{min-height:36px}.station-card .station-play,.station-card .icon-button{min-width:36px}}