.radio-widget{width:100%;margin:0 auto;padding:0 16px}@media (max-width:600px){.radio-widget{padding:0}}.radio-empty,.radio-error,.radio-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-secondary)}.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-genre-selector{text-align:center;padding:32px 0}.radio-genre-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.radio-genre-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 32px}.radio-genre-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.radio-genre-btn{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:100px;padding:20px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:.2s}.radio-genre-btn:hover{border-color:var(--accent);background:var(--bg-hover)}.radio-genre-icon{font-size:24px}.radio-genre-name{font-size:14px;font-weight:600}.radio-header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;padding-bottom:16px;margin-bottom:0}.radio-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--border)}.radio-genre-tabs{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-left:auto}.radio-genre-tab{height:32px;padding:0 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:.2s;display:flex;align-items:center}.radio-genre-tab:hover{border-color:#666;background:var(--bg-hover);color:var(--text-primary)}.radio-genre-tab.active{border-color:var(--accent);color:var(--accent);background:var(--bg-hover)}.radio-player-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-top:16px;transition:min-height .3s ease}.radio-player-area.has-content{min-height:auto;align-items:stretch}.radio-initial-state,.radio-player-area.radio-error,.radio-player-area.radio-loading{color:var(--text-secondary)}.radio-initial-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 0}.radio-initial-icon{font-size:48px;opacity:.5}.radio-initial-text{font-size:14px;margin:0}.radio-player-layout{display:flex;gap:24px;width:100%}.radio-tags-panel{flex:0 0 200px;display:flex;flex-direction:column;gap:12px}.radio-tags-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin:0 0 4px}.radio-mood-grid{display:flex;flex-direction:column;gap:8px}.radio-player-panel{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 16px;border-left:1px solid var(--border);min-height:180px}.radio-status{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary)}.radio-status-dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.radio-player-panel:has(.radio-status-dot) .radio-status{color:var(--success)}:root{--mood-chill:#60a5fa;--mood-energetic:#fb923c;--mood-melancholic:#a78bfa;--mood-uplifting:#fbbf24;--mood-dark:#6b7280;--mood-groovy:#f472b6}.radio-mood-btn{height:32px;padding:0 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:flex-start;width:100%}.radio-mood-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.radio-mood-btn--chill{border-left:3px solid var(--mood-chill)}.radio-mood-btn--energetic{border-left:3px solid var(--mood-energetic)}.radio-mood-btn--melancholic{border-left:3px solid var(--mood-melancholic)}.radio-mood-btn--uplifting{border-left:3px solid var(--mood-uplifting)}.radio-mood-btn--dark{border-left:3px solid var(--mood-dark)}.radio-mood-btn--groovy{border-left:3px solid var(--mood-groovy)}.radio-mood-btn--chill.active{background:var(--mood-chill);border-color:var(--mood-chill);color:white}.radio-mood-btn--energetic.active{background:var(--mood-energetic);border-color:var(--mood-energetic);color:white}.radio-mood-btn--melancholic.active{background:var(--mood-melancholic);border-color:var(--mood-melancholic);color:white}.radio-mood-btn--uplifting.active{background:var(--mood-uplifting);border-color:var(--mood-uplifting);color:#1a1a1a}.radio-mood-btn--dark.active{background:var(--mood-dark);border-color:var(--mood-dark);color:white}.radio-mood-btn--groovy.active{background:var(--mood-groovy);border-color:var(--mood-groovy);color:white}.radio-mood-btn--default{border-left:3px solid var(--accent)}.radio-mood-btn--default.active{background:var(--accent);border-color:var(--accent);color:white}.radio-visualizer-bars{display:flex;align-items:flex-end;justify-content:space-between;gap:2px;width:100%;height:80px;flex-grow:1;padding:0}.radio-bar{flex:1 1;min-height:4px;height:var(--bar-height,15%);border:1px solid var(--border);border-radius:1px;background:transparent;opacity:calc(.3 + (var(--bar-index) * .02));transition:height .15s ease-out}.radio-bar.is-playing{border-color:var(--text-secondary);opacity:calc(.35 + (var(--bar-index) * .02));animation:bar-sway 3s ease-in-out infinite;animation-delay:calc(var(--bar-index) * .08s)}@keyframes bar-sway{0%,to{height:var(--bar-height,15%)}50%{height:calc(var(--bar-height, 15%) * .5)}}.radio-player-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%}.radio-btn-play{width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;flex-shrink:0}.radio-btn-play:hover{border-color:#666;background:var(--bg-hover)}.radio-btn-play.is-playing{border-color:var(--success);color:var(--success)}.radio-volume-control{display:flex;align-items:center;gap:10px;color:var(--text-secondary);flex:1 1;max-width:100%}.radio-volume-slider::-webkit-slider-thumb{width:14px;height:14px}.radio-volume-slider::-moz-range-thumb{width:14px;height:14px}.radio-volume-percent{font-size:12px;font-weight:600;min-width:32px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.radio-share-btn{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:0 20px;height:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:center}.radio-share-btn:hover{border-color:#666;background:var(--bg-hover);color:var(--text-primary)}.radio-share-btn.is-copied{background:rgba(16,185,129,.1);border-color:var(--success);color:var(--success)}.radio-player-minimal{display:flex;flex-direction:column;align-items:center;gap:24px;padding:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.radio-visualizer{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:48px}.radio-visualizer-bar{width:4px;background:var(--accent);border-radius:2px;min-height:8px;transition:height .1s ease}.radio-btn-play-large{width:72px;height:72px;background:var(--accent);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.radio-btn-play-large:hover{opacity:.9;transform:scale(1.02)}.radio-btn-play-large:active{transform:scale(.98)}.radio-volume-minimal{display:flex;align-items:center;gap:8px;color:var(--text-secondary);width:140px}.radio-volume-slider{flex:1 1;-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:12px;height:12px;background:var(--accent);border-radius:50%;cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.radio-volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.radio-volume-slider::-moz-range-thumb{width:12px;height:12px;background:var(--accent);border-radius:50%;border:none;cursor:pointer}@media (max-width:768px){.radio-player-area{padding:16px}.radio-player-layout{flex-direction:column;gap:16px}.radio-tags-panel{flex:none;width:100%;border-bottom:1px solid var(--border);padding-bottom:16px}.radio-mood-grid{flex-direction:row;flex-wrap:wrap;gap:8px}.radio-mood-btn{width:auto;flex:0 0 auto}.radio-player-panel{border-left:none;padding:16px 0 0}.radio-player-core{width:120px;height:120px}.radio-ring-segment{transform-origin:center 42px}.radio-btn-play-large{width:56px;height:56px}.radio-btn-play-large svg{width:28px;height:28px}.radio-initial-icon{font-size:40px}.radio-share-btn{width:100%}}.radio-player{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px}.radio-track-info{text-align:center;width:100%}.radio-now-playing{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);margin-bottom:8px;font-weight:600}.radio-track-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.radio-track-artist{font-size:14px;color:var(--text-secondary);margin:0}.radio-progress-container{display:flex;align-items:center;gap:12px;width:100%;max-width:400px}.radio-time{font-size:12px;color:var(--text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:36px}.radio-progress-bar{flex:1 1;height:4px;background:var(--border);border-radius:2px;position:relative;cursor:pointer}.radio-progress-fill{height:100%;background:var(--accent);border-radius:2px}.radio-controls{gap:12px}.radio-btn,.radio-controls{display:flex;align-items:center}.radio-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:50%;justify-content:center;transition:.2s}.radio-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.radio-btn.active{color:var(--accent)}.radio-volume{display:flex;align-items:center;gap:8px;color:var(--text-secondary);width:160px}