.radio-list{display:flex;flex-direction:column;gap:0}.radio-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.radio-list-count{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.radio-list-count span{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.radio-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:all var(--transition-fast);position:relative;text-decoration:none;color:inherit;border-left:3px solid transparent;min-height:68px;box-sizing:border-box;content-visibility:auto;contain-intrinsic-size:0 72px}.radio-card:first-child{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:1px solid var(--color-border-light)}.radio-card:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.radio-card:first-child:last-child{border-radius:var(--radius-lg);border-top:1px solid var(--color-border-light)}.radio-card:hover{background:var(--color-bg);border-left-color:var(--color-accent)}.radio-card:hover .play-btn{opacity:1;transform:scale(1)}.radio-card.is-playing{background:var(--color-accent-alpha);border-left-color:var(--color-accent)}.radio-card.is-playing .play-btn{opacity:1;transform:scale(1);background-color:var(--color-accent);color:#fff}.radio-card.is-playing .station-name{color:var(--color-accent)}.station-logo-wrap{flex-shrink:0;position:relative;overflow:hidden;border-radius:var(--radius-md);width:52px;height:52px;aspect-ratio:1}.station-logo{width:52px;height:52px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-bg);border:1px solid var(--color-border-light);display:block}.station-logo-fallback{width:52px;height:52px;border-radius:var(--radius-md);background:linear-gradient(135deg,#1a1a1a 0,#333 100%);border:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:var(--color-accent);text-transform:uppercase;letter-spacing:-.03em;overflow:hidden}.station-live-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;background-color:var(--color-success);border-radius:50%;border:2px solid var(--color-bg-secondary);animation:pulse-live 2s ease-in-out infinite}@keyframes pulse-live{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}.station-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:3px}.station-name{font-family:var(--font-display);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--transition-fast);line-height:1.3}.station-location{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.station-location .location-separator{color:var(--color-border)}.station-location .country-flag{font-size:.85em}.station-location .location-country{color:var(--color-text-muted);font-size:var(--font-size-xs)}.station-genres{display:flex;align-items:center;gap:var(--space-2);flex-wrap:nowrap;overflow:hidden}.genre-tag{display:inline-flex;align-items:center;min-height:24px;padding:3px var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap;transition:all var(--transition-fast);text-decoration:none}.genre-tag:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-alpha)}.radio-card.is-playing .genre-tag{border-color:rgba(255,107,53,.3);color:var(--color-accent)}.genres-more{font-size:.75rem;color:var(--color-text-muted);font-weight:var(--font-weight-medium);white-space:nowrap}.station-meta{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.bitrate-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);letter-spacing:var(--letter-spacing-wide);white-space:nowrap}.play-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;opacity:0;transform:scale(.85);transition:all var(--transition-spring);z-index:var(--z-base)}.radio-card:hover .play-btn{opacity:1;transform:scale(1);background-color:var(--color-text-primary);border-color:var(--color-text-primary);color:#fff}.play-btn:hover,.radio-card:hover .play-btn:hover{background-color:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff!important;transform:scale(1.08)!important;box-shadow:var(--shadow-accent)}.play-btn svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.radio-card.is-paused .play-btn,.radio-card.is-playing .play-btn{opacity:1!important;transform:scale(1)!important;background-color:var(--color-accent)!important;border-color:var(--color-accent)!important;color:#fff!important;box-shadow:var(--shadow-accent)}.play-btn svg.icon-play{display:block}.play-btn svg.icon-pause{display:none}.play-btn.is-playing svg.icon-play,.radio-card.is-playing .play-btn svg.icon-play{display:none}.play-btn.is-playing svg.icon-pause,.radio-card.is-playing .play-btn svg.icon-pause{display:block}.play-btn.is-paused svg.icon-play,.radio-card.is-paused .play-btn svg.icon-play{display:block}.play-btn.is-paused svg.icon-pause,.radio-card.is-paused .play-btn svg.icon-pause{display:none}@media (hover:none){.play-btn{opacity:1;transform:scale(1)}}.equalizer{display:none;align-items:flex-end;justify-content:center;gap:2px;height:20px;width:100%;position:absolute;bottom:6px;left:0;right:0;z-index:2}.radio-card.is-playing .equalizer{display:flex}.radio-card.is-playing .station-logo,.radio-card.is-playing .station-logo-fallback{filter:brightness(.55)}.eq-bar{width:3px;background-color:var(--color-accent);border-radius:1px;animation:eq-bounce 1s ease-in-out infinite}.eq-bar:first-child{animation-delay:0s;animation-duration:.9s}.eq-bar:nth-child(2){animation-delay:.15s;animation-duration:1.1s}.eq-bar:nth-child(3){animation-delay:50ms;animation-duration:.8s}.eq-bar:nth-child(4){animation-delay:.2s;animation-duration:1.2s}@keyframes eq-bounce{0%,100%{height:4px}50%{height:14px}}.radio-card.is-paused .eq-bar{animation-play-state:paused;height:6px}.radio-card-skeleton{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-border) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-logo{width:50px;height:50px;border-radius:var(--radius-md);flex-shrink:0}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-title{height:14px;width:60%}.skeleton-subtitle{height:11px;width:40%}.skeleton-tags{height:10px;width:50%}@media (max-width:640px){.station-logo,.station-logo-fallback{width:46px;height:46px}}@media (max-width:480px){.radio-card{padding:var(--space-3);gap:var(--space-2)}.station-logo,.station-logo-fallback{width:42px;height:42px}.bitrate-badge{display:none}.station-genres .genre-tag:nth-child(n+2){display:none}.station-name{font-size:var(--font-size-md)}}.radio-card-link{position:absolute;inset:0;z-index:0;border-radius:inherit}.radio-card{position:relative}.radio-card .station-info,.radio-card .station-logo-wrap,.radio-card .station-meta{position:relative;z-index:1;pointer-events:none}.radio-card .play-btn,.radio-card .station-genres a,.radio-card .station-location .location-link{position:relative;z-index:2;pointer-events:auto}a.station-name{color:inherit;text-decoration:none;display:block}a.station-name:hover{text-decoration:underline;color:var(--color-primary,#6c63ff)}a.station-logo-wrap{text-decoration:none;flex-shrink:0}.station-location .location-link{color:var(--color-accent,#6c63ff);text-decoration:none;transition:color var(--transition-fast);cursor:pointer;font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;min-height:24px;padding:3px 0}.station-location .location-link:hover{color:var(--color-accent);text-decoration:underline}.rt-card-favorite{position:absolute;top:6px;left:6px;width:28px;height:28px;background:rgba(0,0,0,.45);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;color:rgba(255,255,255,.5);opacity:0;transform:scale(.8);transition:opacity .18s ease,transform .18s ease,color .18s ease,background .18s ease;z-index:2;flex-shrink:0}.radio-card:focus-within .rt-card-favorite,.radio-card:hover .rt-card-favorite{opacity:1;transform:scale(1)}.rt-card-favorite.is-favorite{opacity:1;transform:scale(1);color:#e53e3e;background:rgba(229,62,62,.15)}.rt-card-favorite:hover{background:rgba(229,62,62,.2);color:#e53e3e}.rt-card-favorite svg{width:14px;height:14px;display:block}.rt-card-favorite .fav-icon-empty{display:block}.rt-card-favorite .fav-icon-filled{display:none}.rt-card-favorite.is-favorite .fav-icon-empty{display:none}.rt-card-favorite.is-favorite .fav-icon-filled{display:block}.in-feed-ad{width:100%;display:flex;justify-content:center;align-items:center;padding:var(--space-2) 0;grid-column:1/-1}.in-feed-ad--placeholder{height:54px;border:1px dashed var(--color-border);border-radius:var(--radius-md);gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}