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