.radio-widget{width:100%;margin:0 auto;padding:0 16px;display:flex;flex-direction:column;gap:16px}@media (max-width:600px){.radio-widget{padding:0}}.radio-filters-bar{display:flex;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border)}.radio-filters-bar>*{flex:1 1}@media (max-width:768px){.radio-filters-bar{flex-direction:row;padding-bottom:12px;width:100%;gap:8px}.radio-filters-bar>*{flex:1 1;min-width:0}}.radio-search-bar{width:100%}.radio-compact-player{display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--bg-card);border:1px solid var(--accent);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.radio-now-playing-info{flex:1 1;min-width:0;display:flex;flex-direction:column}.radio-now-playing-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.radio-now-playing-meta,.radio-now-playing-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-now-playing-meta{font-size:12px;color:var(--text-secondary)}.radio-player-controls-right{gap:16px}.radio-btn-play,.radio-player-controls-right{display:flex;align-items:center;flex-shrink:0}.radio-btn-play{width:48px;height:48px;background:var(--accent);border:none;border-radius:50%;color:#fff;justify-content:center;cursor:pointer;transition:var(--transition-spring)}.radio-btn-play:hover{transform:scale(1.05);filter:brightness(1.1)}.radio-volume-control{display:flex;align-items:center;gap:8px;color:var(--text-secondary);width:90px;flex-shrink:0}.radio-volume-slider{flex:1 1;min-width:0;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.radio-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border-radius:50%;cursor:pointer;-webkit-transition:var(--transition-spring);transition:var(--transition-spring)}.radio-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.radio-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:var(--transition-spring);flex-shrink:0}.radio-action-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.radio-action-btn.is-copied{border-color:var(--success);color:var(--success);background:rgba(16,185,129,.1)}.radio-error,.radio-initial-state,.radio-loading{padding:48px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);width:100%}.radio-error,.radio-initial-state,.radio-loading,.radio-player-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary)}.radio-player-placeholder .placeholder-icon{font-size:32px;opacity:.5;margin-bottom:8px}.radio-loading-spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(1turn)}}.radio-initial-icon{font-size:48px;opacity:.5;margin-bottom:12px}.radio-content-layout{width:100%}.radio-station-list-full{display:flex;flex-direction:column;max-height:500px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card)}.radio-station-list-full::-webkit-scrollbar{width:6px}.radio-station-list-full::-webkit-scrollbar-track{background:transparent}.radio-station-list-full::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.radio-station-list-full::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.radio-station-card{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:var(--transition-spring);text-align:left;width:100%}.radio-station-card:last-child{border-bottom:none}.radio-station-card:hover{background:var(--bg-hover)}.radio-station-card.active{background:var(--bg-hover);border-left:3px solid var(--accent)}.radio-station-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.radio-station-icon,.radio-station-icon img{width:32px;height:32px;border-radius:var(--radius-sm)}.radio-station-icon img{object-fit:cover}.radio-station-fallback-icon{font-size:20px;line-height:1}.radio-station-fallback-icon.hidden{display:none}.radio-station-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.radio-station-name{font-size:14px;font-weight:500}.radio-station-meta,.radio-station-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-station-meta{font-size:12px;color:var(--text-secondary)}.radio-favorite-btn,.radio-station-actions{display:flex;align-items:center}.radio-favorite-btn{padding:8px;border-radius:50%;transition:var(--transition-spring);justify-content:center}.radio-favorite-btn:hover{background:var(--bg-hover)}@media (max-width:768px){.radio-widget{display:flex;flex-direction:column}.radio-header-controls{order:1}.radio-compact-player{order:2;flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;position:relative;z-index:50}.radio-filters-bar{order:3;position:relative;z-index:40}.radio-content-layout{order:4}.radio-player-controls-right{justify-content:space-between}.radio-volume-control{width:auto;flex:1 1;margin-right:16px}}