.view-toggle{display:flex;gap:4px;background:var(--surface-variant);padding:4px;border-radius:var(--radius-lg)}.view-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--text-primary);background:var(--surface)}.view-toggle-btn.active{background:var(--primary);color:#fff}.view-toggle-btn svg{flex-shrink:0}@media(max-width:480px){.view-toggle-btn span{display:none}.view-toggle-btn{padding:8px 12px}}.channel-card{position:relative;cursor:pointer;padding:0;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.channel-card:hover{transform:translateY(-4px)}.channel-badge{position:absolute;top:var(--spacing-md);left:var(--spacing-md);z-index:10;display:flex;flex-direction:column;align-items:center;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 10px;border-radius:var(--radius-md);color:#fff}.badge-label{font-size:.6rem;font-weight:600;letter-spacing:1px;opacity:.8}.badge-number{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums}.favorite-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);z-index:10;width:40px;height:40px;border-radius:var(--radius-full);background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast)}.favorite-btn:hover{background:#000000b3;transform:scale(1.1)}.favorite-btn.active{color:#ff4081;background:#ff408133}.favorite-btn.active:hover{background:#ff40814d}.channel-art{position:relative;aspect-ratio:16 / 9;background:var(--surface-variant);overflow:hidden}.channel-art img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.channel-card:hover .channel-art img{transform:scale(1.05)}.art-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-variant),var(--surface));color:var(--text-disabled)}.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity var(--transition-fast)}.channel-card:hover .play-overlay{opacity:1}.play-icon{width:64px;height:64px;border-radius:var(--radius-full);background:var(--primary);display:flex;align-items:center;justify-content:center;color:#fff;transform:scale(.8);transition:transform var(--transition-fast)}.channel-card:hover .play-icon{transform:scale(1)}.channel-card.playing{border:2px solid var(--primary)}.play-overlay.is-playing{opacity:1;background:#0009}.playing-bars{display:flex;align-items:flex-end;gap:3px;height:32px}.playing-bars span{width:6px;background:var(--primary);border-radius:2px;animation:playing-bar .5s ease-in-out infinite alternate}.playing-bars span:nth-child(1){animation-delay:0s;height:50%}.playing-bars span:nth-child(2){animation-delay:.15s;height:100%}.playing-bars span:nth-child(3){animation-delay:.3s;height:30%}@keyframes playing-bar{0%{height:30%}to{height:100%}}.channel-info{padding:var(--spacing-md)}.channel-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.channel-description{font-size:.85rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--spacing-sm)}.now-playing{display:flex;flex-direction:column;gap:2px;padding-top:var(--spacing-sm);border-top:1px solid var(--divider)}.now-playing-label{font-size:.7rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.now-playing-text{font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.channel-art{aspect-ratio:3 / 2}.play-overlay{opacity:.5}.play-icon{width:48px;height:48px}.play-icon svg{width:24px;height:24px}}[data-theme=light] .channel-name{color:#1a1a2e}[data-theme=light] .channel-description{color:#666}[data-theme=light] .now-playing-text{color:#1a1a2e}[data-theme=light] .now-playing-label{color:var(--primary)}.card-view{display:flex;flex-direction:column;gap:var(--spacing-xl)}.channel-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.channel-section .section-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.section-icon{font-size:1.2rem}.channel-row{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-sm);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.channel-row::-webkit-scrollbar{height:6px}.channel-row::-webkit-scrollbar-track{background:var(--surface-variant);border-radius:3px}.channel-row::-webkit-scrollbar-thumb{background:var(--divider);border-radius:3px}.channel-row::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.channel-row>.channel-card{scroll-snap-align:start;flex-shrink:0;width:280px;min-width:280px}.empty-row{color:var(--text-secondary);font-size:.9rem;font-style:italic}@media(max-width:600px){.channel-row>.channel-card{width:240px;min-width:240px}}.grid-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}.grid-search{width:100%}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:var(--text-secondary);pointer-events:none}.search-input{width:100%;padding:14px 44px;font-size:1rem;background:var(--surface-variant);border:1px solid transparent;border-radius:var(--radius-lg);color:var(--text-primary);transition:all var(--transition-fast)}.search-input::placeholder{color:var(--text-secondary)}.search-input:focus{outline:none;border-color:var(--primary);background:var(--surface)}.search-clear{position:absolute;right:12px;background:var(--divider);border:none;width:24px;height:24px;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem}.search-clear:hover{background:var(--text-secondary);color:var(--surface)}.grid-filters{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.category-filters{display:flex;gap:6px;flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:4px;padding:8px 14px;background:var(--surface-variant);border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.category-btn:hover{background:var(--surface);color:var(--text-primary)}.category-btn.active{background:var(--primary);color:#fff}.cat-icon{font-size:1rem}.sort-controls{display:flex;gap:4px}.sort-btn{padding:8px 12px;background:var(--surface-variant);border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.sort-btn:hover{background:var(--surface)}.sort-btn.active{background:var(--primary);color:#fff}.channel-grid-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.grid-channel-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--surface-variant);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.grid-channel-item:hover{background:var(--surface);border-color:var(--divider);transform:translate(4px)}.grid-channel-item.playing{background:rgba(var(--primary-rgb),.1);border-color:var(--primary)}.grid-channel-number{font-size:1.1rem;font-weight:700;color:var(--primary);min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.grid-channel-logo{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;background:var(--surface)}.grid-channel-logo img{width:100%;height:100%;object-fit:cover}.logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;opacity:.5}.grid-channel-info{flex:1;min-width:0;overflow:hidden}.grid-channel-name{font-weight:600;color:var(--text-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-channel-desc{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-channel-nowplaying{font-size:.8rem;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.grid-channel-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.playing-indicator{display:flex;align-items:flex-end;gap:2px;height:20px}.playing-indicator .eq-bar{width:3px;background:var(--primary);border-radius:2px;animation:eq-animation .5s ease-in-out infinite alternate}.playing-indicator .eq-bar:nth-child(1){animation-delay:0s;height:60%}.playing-indicator .eq-bar:nth-child(2){animation-delay:.15s;height:100%}.playing-indicator .eq-bar:nth-child(3){animation-delay:.3s;height:40%}@keyframes eq-animation{0%{height:40%}to{height:100%}}.grid-fav-btn{background:transparent;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all var(--transition-fast)}.grid-fav-btn:hover{color:#dc3545;transform:scale(1.2)}.grid-fav-btn.active{color:#dc3545}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--text-secondary)}.no-results-icon{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}@media(max-width:600px){.grid-filters{flex-direction:column;align-items:stretch}.category-filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--spacing-xs)}.category-btn{flex-shrink:0}.cat-label{display:none}.sort-controls{justify-content:center}.grid-channel-item{flex-wrap:wrap}.grid-channel-info{width:calc(100% - 100px)}}.channel-grid-container{display:flex;flex-direction:column;gap:var(--spacing-lg)}.channel-grid-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.section-heading{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);padding:var(--spacing-md)}.channel-grid-loading,.channel-grid-error,.channel-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:var(--spacing-md);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--divider);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.text-secondary{color:var(--text-secondary);font-size:.9rem}@media(max-width:768px){.channel-grid{grid-template-columns:1fr;gap:var(--spacing-md);padding:var(--spacing-sm)}}@media(min-width:1400px){.channel-grid{grid-template-columns:repeat(4,1fr)}}.home-page{padding-top:var(--spacing-xl)}.home-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.header-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.app-logo{height:48px;width:auto}.app-title{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--primary),var(--primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-tagline{font-size:.95rem;color:var(--text-secondary)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;color:#fff;font-weight:600;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}.stations-section{margin-top:var(--spacing-lg)}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);padding-left:var(--spacing-md)}@media(max-width:768px){.home-page{padding-top:var(--spacing-md)}.home-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.header-right{width:100%;justify-content:flex-end}.app-title{font-size:1.5rem}}.user-menu-container{position:relative}.user-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background-color:#1a1a2e;background:var(--bg-secondary, #1a1a2e);border:1px solid var(--border-color, #333);border-radius:var(--radius-lg, 12px);min-width:200px;box-shadow:0 10px 40px #00000080;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease;-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;color:var(--text-primary);font-size:14px;cursor:pointer;transition:background .15s;text-align:left}.dropdown-item:hover{background:var(--bg-tertiary)}.dropdown-item svg{flex-shrink:0;color:var(--text-secondary)}.dropdown-item:hover svg{color:var(--primary)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout svg{color:#ef4444}.dropdown-divider{height:1px;background:var(--border-color);margin:4px 0}[data-theme=light] .user-dropdown-menu{background:#fffffffa;border:1px solid var(--border-color);box-shadow:0 10px 40px #00000026}[data-theme=light] .dropdown-item{color:#333}[data-theme=light] .dropdown-item:hover{background:#0000000d}[data-theme=light] .dropdown-item svg{color:#666}[data-theme=light] .dropdown-item.logout{color:#dc2626}[data-theme=light] .dropdown-item.logout svg{color:#dc2626}.auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--player-height) - 100px);padding:var(--spacing-lg)}.auth-card{width:100%;max-width:420px;padding:var(--spacing-xl)}.auth-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-xs)}.auth-subtitle{font-size:.95rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-error{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem}.auth-submit{margin-top:var(--spacing-md);padding:14px;font-size:1rem;font-weight:600}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-footer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--divider);color:var(--text-secondary);font-size:.9rem}.auth-link{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;padding:0;font-size:.9rem}.auth-link:hover{text-decoration:underline}@media(max-width:480px){.auth-page{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-lg)}.auth-title{font-size:1.5rem}}.profile-page{padding:var(--spacing-xl) var(--spacing-md)}.profile-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.back-btn{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--text-secondary);font-size:.9rem;cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-btn:hover{color:var(--text-primary);background-color:var(--surface-variant)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.profile-section{padding:var(--spacing-lg)}.section-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-lg);color:var(--text-primary)}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.profile-message{padding:12px 16px;border-radius:var(--radius-md);font-size:.9rem;margin-bottom:var(--spacing-lg)}.profile-message.success{background-color:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745}.profile-message.error{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545}.quality-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.quality-option{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background-color:var(--surface-variant);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.quality-option:hover{background-color:var(--divider)}.quality-option.active{border-color:var(--primary);background-color:rgba(var(--primary),.1)}.quality-icon{font-size:1.5rem}.quality-label{font-weight:600;color:var(--text-primary)}.quality-desc{font-size:.75rem;color:var(--text-secondary)}.quality-note{font-size:.8rem;color:var(--text-secondary);margin-top:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--surface-variant);border-radius:var(--radius-sm)}.favorites-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-sm)}.favorite-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);background-color:var(--surface-variant)}.favorite-art{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover}.favorite-info{flex:1;display:flex;flex-direction:column;min-width:0}.favorite-title{font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.favorite-artist{font-size:.85rem;color:var(--text-secondary)}.remove-btn{width:32px;height:32px;border-radius:var(--radius-full);background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.remove-btn:hover{background-color:#dc35451a;color:#dc3545}.preferences-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.preference-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--surface-variant);border-radius:var(--radius-md)}.preference-item.theme-preference{flex-direction:column;align-items:stretch}.preference-info{display:flex;flex-direction:column;gap:4px}.preference-label{font-weight:600;color:var(--text-primary)}.preference-desc{font-size:.8rem;color:var(--text-secondary)}.toggle-switch{position:relative;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--divider);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--primary)}input:checked+.toggle-slider:before{transform:translate(24px)}.theme-options{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.theme-option{flex:1;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.theme-option:hover{background-color:var(--divider);color:var(--text-primary)}.theme-option.active{border-color:var(--primary);background-color:rgba(var(--primary),.1);color:var(--primary)}.logout-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--divider);text-align:center}.language-preference{flex-direction:column;align-items:stretch}.language-options{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.language-option{flex:1;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--text-secondary);transition:all var(--transition-fast)}.language-option:hover{background-color:var(--divider);color:var(--text-primary)}.language-option.active{border-color:var(--primary);background-color:rgba(var(--primary),.1);color:var(--primary)}@media(max-width:768px){.profile-grid,.quality-options{grid-template-columns:1fr}.theme-options,.language-options{flex-direction:column}}.satlife-services-section{background:linear-gradient(135deg,var(--surface) 0%,var(--surface-variant) 100%);border:1px solid var(--primary)}.service-subsection{padding:var(--spacing-md);background-color:var(--surface-variant);border-radius:var(--radius-md)}.subsection-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.subsection-desc{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--spacing-md)}.satlife-location-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.satlife-input-row{display:flex;gap:12px;align-items:stretch}.satlife-text-input{flex:1;height:48px;padding:0 16px;font-size:1rem;color:var(--text-primary);background-color:var(--surface);border:2px solid var(--divider);border-radius:8px;outline:none;transition:border-color .2s}.satlife-text-input:focus{border-color:var(--primary)}.satlife-text-input::placeholder{color:var(--text-secondary);opacity:.6}.satlife-gps-btn{width:48px;height:48px;font-size:1.4rem;background-color:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,opacity .2s}.satlife-gps-btn:hover{transform:scale(1.05)}.satlife-gps-btn:disabled{opacity:.6;cursor:not-allowed}.satlife-save-btn{width:100%}.spinner-small{width:16px;height:16px;border:2px solid var(--text-secondary);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.episode-editor{padding:24px;max-width:1000px;margin:0 auto}.editor-content{display:grid;grid-template-columns:300px 1fr;gap:32px;margin-bottom:32px}.episode-preview{background:var(--bg-secondary);border-radius:12px;padding:20px}.preview-image{aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-tertiary);margin-bottom:16px}.preview-image img{width:100%;height:100%;object-fit:cover}.preview-image .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.preview-info{display:flex;flex-direction:column;gap:8px}.preview-info p{margin:0;font-size:13px}.original-title{font-weight:600;color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.publish-date,.duration{color:var(--text-tertiary);font-size:12px}.editor-form{display:flex;flex-direction:column;gap:24px}.form-group input,.form-group textarea{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit;resize:vertical}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.editor-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid var(--border-color)}.btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}@media(max-width:768px){.episode-editor{padding:16px}.editor-content{grid-template-columns:1fr}.episode-preview{display:grid;grid-template-columns:150px 1fr;gap:16px}.preview-image{margin-bottom:0}}.podcast-editor{padding:24px;max-width:1200px;margin:0 auto}.editor-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.editor-header h2{margin:0;font-size:28px;font-weight:700;color:var(--text-primary)}.tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:2px solid var(--border-color)}.tab{padding:12px 24px;background:none;border:none;color:var(--text-secondary);font-size:15px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.editor-content{display:grid;grid-template-columns:1fr 320px;gap:32px}.editor-main{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:14px;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary)}.form-group .hint{font-size:12px;color:var(--text-tertiary);margin:0}.image-upload-section{background:var(--bg-secondary);border-radius:12px;padding:20px}.image-upload-section h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--text-primary)}.image-preview{aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-tertiary);margin-bottom:16px}.image-preview img{width:100%;height:100%;object-fit:cover}.image-preview .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.btn-secondary,.btn-primary{display:block;width:100%;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:8px}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--bg-quaternary)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.episodes-list{padding:20px 0}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.episode-card{background:var(--bg-secondary);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:12px}.episode-image{aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-tertiary)}.episode-image .placeholder{width:100%;height:100%;background:var(--bg-primary)}.episode-info{flex:1}.episode-info h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.episode-date,.episode-duration{margin:0;font-size:12px;color:var(--text-tertiary)}.btn-sm{padding:6px 12px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.btn-sm:hover{background:var(--primary-dark)}.editor-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-color)}.editor-actions .btn-secondary,.editor-actions .btn-primary{width:auto;min-width:120px;margin:0}@media(max-width:768px){.podcast-editor{padding:16px}.editor-content,.episodes-grid{grid-template-columns:1fr}}.podcast-management{padding:24px}.page-header{margin-bottom:32px}.page-header h2{margin:0 0 8px;font-size:28px;font-weight:700;color:var(--text-primary)}.subtitle{margin:0;color:var(--text-secondary);font-size:14px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.error-message{color:var(--error-color, #f44336);font-size:14px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:12px;color:var(--text-secondary)}.empty-state svg{opacity:.5}.empty-state p{margin:0}.empty-state .hint{font-size:13px;opacity:.7}.server-group{background:var(--bg-secondary);border-radius:16px;padding:24px}.server-name{display:flex;align-items:center;gap:12px;margin:0 0 24px;font-size:20px;font-weight:600;color:var(--text-primary)}.server-name svg{color:var(--primary)}.podcasts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.podcast-card{background:var(--bg-tertiary);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:transform .2s,box-shadow .2s}.podcast-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.podcast-image{aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-primary)}.podcast-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.podcast-info{flex:1;display:flex;flex-direction:column;gap:4px}.podcast-title{margin:0;font-size:16px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.podcast-category{margin:0;font-size:13px;color:var(--primary);font-weight:500}.podcast-episodes{margin:0;font-size:12px;color:var(--text-tertiary)}.btn-edit{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-edit:hover{background:var(--primary-dark)}.btn-edit svg{width:16px;height:16px}@media(max-width:768px){.podcast-management{padding:16px}.podcasts-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.server-group{padding:16px}}.admin-dashboard{padding:var(--spacing-xl) var(--spacing-md)}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.admin-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--divider);padding-bottom:var(--spacing-sm)}.tab-btn{background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);font-size:.95rem;font-weight:500;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all var(--transition-fast)}.tab-btn:hover{color:var(--text-primary);background-color:var(--surface-variant)}.tab-btn.active{color:var(--primary);border-bottom:2px solid var(--primary)}.admin-message{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:.9rem}.admin-message.success{background-color:#28a7451a;border:1px solid rgba(40,167,69,.3);color:#28a745}.admin-message.error{background-color:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545}.admin-section{padding:var(--spacing-xl)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-group small{font-size:.8rem;color:var(--text-disabled)}.form-group a{color:var(--primary)}.logo-upload{width:100%;height:120px;border:2px dashed var(--divider);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:var(--surface-variant);transition:all var(--transition-fast);color:var(--text-secondary);overflow:hidden}.logo-upload:hover{border-color:var(--primary);background-color:rgba(var(--primary),.05)}.logo-upload.light{background-color:#f5f5f5;color:#666}.logo-upload img{max-width:100%;max-height:100%;object-fit:contain}.color-picker{display:flex;align-items:center;gap:var(--spacing-md)}.color-picker input[type=color]{width:60px;height:44px;padding:0;border:none;border-radius:var(--radius-md);cursor:pointer}.color-input{max-width:120px;font-family:monospace}.server-form{margin-bottom:var(--spacing-xl)}.server-form .form-row{grid-template-columns:1fr 2fr 1fr auto;align-items:end}.servers-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.server-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface-variant);border-radius:var(--radius-md)}.server-info{flex:1;display:flex;flex-direction:column;min-width:0}.server-name{font-weight:600;color:var(--text-primary)}.server-url{font-size:.85rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-status{padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.status-active{background-color:#28a74533;color:#28a745}.status-inactive{background-color:#6c757d33;color:#6c757d}.delete-btn{color:#dc3545;font-size:.85rem}.empty-message{color:var(--text-secondary);text-align:center;padding:var(--spacing-xl)}@media(max-width:768px){.server-form .form-row,.form-row{grid-template-columns:1fr}.server-item,.user-item{flex-direction:column;align-items:flex-start}.server-status,.delete-btn{align-self:flex-end}.user-actions{width:100%;justify-content:flex-end}}.user-form{margin-bottom:var(--spacing-xl)}.user-form .form-row{grid-template-columns:1fr 1fr 1fr auto;align-items:end}.users-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface-variant);border-radius:var(--radius-md)}.user-info{flex:1;display:flex;flex-direction:column;min-width:0}.user-name{font-weight:600;color:var(--text-primary)}.user-email{font-size:.85rem;color:var(--text-secondary)}.user-badge{display:inline-block;margin-top:4px;padding:2px 8px;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600}.user-badge.warning{background-color:#dc354533;color:#dc3545}.user-actions{display:flex;gap:var(--spacing-xs)}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--spacing-xl);max-width:400px;width:100%;box-shadow:0 10px 40px #0000004d}.modal-content h3{margin-bottom:var(--spacing-lg);font-size:1.25rem}.modal-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.section-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.9rem}.channels-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);max-height:60vh;overflow-y:auto}.channel-config-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--surface-variant);border-radius:var(--radius-md);flex-wrap:wrap}.channel-logo-section{flex-shrink:0}.channel-logo-upload{width:56px;height:56px;border-radius:var(--radius-md);background-color:var(--surface);border:2px dashed var(--divider);cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:all var(--transition-fast)}.channel-logo-upload:hover{border-color:var(--primary);background-color:rgba(var(--primary-rgb),.1)}.channel-logo-upload img{width:100%;height:100%;object-fit:cover}.logo-placeholder{font-size:1.5rem;opacity:.5}.channel-info-section{flex:1;min-width:150px}.channel-name{font-weight:600;color:var(--text-primary);font-size:.95rem}.channel-server{font-size:.8rem;color:var(--text-secondary)}.channel-featured-section{flex-shrink:0}.featured-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;color:var(--text-secondary);font-size:.85rem;padding:6px 12px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.featured-checkbox:hover{background-color:var(--surface)}.featured-checkbox input:checked+span{color:#f5a623}.channel-genre-section{flex-shrink:0}.genre-input{width:120px;font-size:.85rem;padding:8px 12px}.channel-category-section{flex-shrink:0}.category-select{width:140px;font-size:.85rem;padding:8px 12px}@media(max-width:768px){.channel-config-item{flex-direction:column;align-items:flex-start}.channel-info-section,.genre-input,.category-select{width:100%}}.podcast-player-overlay{position:fixed;inset:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.podcast-player{position:relative;background:var(--bg-secondary);border-radius:24px;padding:48px;max-width:600px;width:90%;box-shadow:0 20px 60px #00000080}.btn-close{position:absolute;top:16px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:background .2s}.btn-close:hover{background:var(--bg-quaternary)}.player-content{display:flex;flex-direction:column;align-items:center;gap:24px}.episode-artwork{width:280px;height:280px;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.episode-artwork img{width:100%;height:100%;object-fit:cover}.episode-artwork .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.player-info{text-align:center;max-width:100%}.player-info h3{margin:0 0 8px;font-size:20px;font-weight:600;color:var(--text-primary)}.player-info p{margin:0;font-size:14px;color:var(--text-secondary)}.player-controls{width:100%;display:flex;flex-direction:column;gap:24px}.progress-section{display:flex;align-items:center;gap:12px}.time-current,.time-total{font-size:13px;color:var(--text-tertiary);min-width:40px;font-variant-numeric:tabular-nums}.time-current{text-align:right}.progress-bar{flex:1;cursor:pointer;padding:8px 0}.progress-track{position:relative;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.progress-fill{position:absolute;top:0;left:0;height:100%;background:var(--primary);transition:width .1s linear}.progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:left .1s linear}.progress-bar:hover .progress-handle{width:16px;height:16px}.control-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.btn-rewind{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;transition:all .2s}.btn-rewind:hover{background:var(--bg-quaternary);transform:scale(1.05)}.btn-play-pause{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border:none;border-radius:50%;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px rgba(var(--primary-rgb, 25, 118, 210),.4)}.btn-play-pause:hover{transform:scale(1.08);box-shadow:0 6px 20px rgba(var(--primary-rgb, 25, 118, 210),.5)}@media(max-width:768px){.podcast-player{padding:32px 24px}.episode-artwork{width:220px;height:220px}.player-info h3{font-size:18px}.btn-play-pause{width:64px;height:64px}.btn-rewind{width:48px;height:48px}}.podcast-page{padding:24px;max-width:1400px;margin:0 auto;min-height:calc(100vh - var(--player-height));padding-bottom:calc(var(--player-height) + 24px)}.page-header{display:flex;align-items:center;gap:16px;margin-bottom:32px}.page-header h1{margin:0;font-size:32px;font-weight:700;color:var(--text-primary)}.btn-back{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-tertiary);color:var(--text-primary);border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .2s}.btn-back:hover{background:var(--bg-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:var(--text-secondary)}.servers-list{display:flex;flex-direction:column;gap:48px}.server-section{background:var(--bg-secondary);border-radius:16px;padding:24px}.server-title{margin:0 0 24px;font-size:24px;font-weight:600;color:var(--text-primary)}.category-section{margin-bottom:32px}.category-section:last-child{margin-bottom:0}.category-title{margin:0 0 16px;font-size:18px;font-weight:500;color:var(--primary)}.podcasts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}.podcast-card{cursor:pointer;transition:transform .2s}.podcast-card:hover{transform:translateY(-4px)}.podcast-cover{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--bg-tertiary);margin-bottom:12px}.podcast-cover img{width:100%;height:100%;object-fit:cover}.podcast-cover .placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.podcast-info h4{margin:0 0 4px;font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.podcast-info p{margin:0;font-size:12px;color:var(--text-tertiary)}.episodes-list{display:flex;flex-direction:column;gap:16px}.episode-item{display:grid;grid-template-columns:40px 120px 1fr;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;cursor:pointer;transition:background .2s}.episode-item:hover{background:var(--bg-tertiary)}.episode-item:hover .play-overlay{opacity:1}.episode-number{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:var(--text-tertiary)}.episode-image{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden}.episode-image img{width:100%;height:100%;object-fit:cover}.play-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.episode-details{min-width:0}.episode-details h4{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--text-primary)}.episode-meta{margin:0 0 8px;font-size:13px;color:var(--text-tertiary)}.episode-description{margin:0;font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media(max-width:768px){.podcast-page{padding:16px}.podcasts-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.episode-item{grid-template-columns:30px 80px 1fr;gap:12px;padding:12px}.episode-number{font-size:14px}}.song-history{background:#1a1a2ef2;border-radius:12px;padding:16px;max-height:300px;overflow-y:auto;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .song-history{background:#fffffff2;border:1px solid var(--border-color)}.song-history-empty{text-align:center;padding:20px;color:var(--text-secondary)}.song-history-title{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.song-history-list{list-style:none;padding:0;margin:0}.song-history-item{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--border-color)}.song-history-item:last-child{border-bottom:none}.song-history-art{width:40px;height:40px;border-radius:6px;object-fit:cover;flex-shrink:0}.song-history-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.song-history-title-text{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-history-artist{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-history-time{font-size:12px;color:var(--text-tertiary);flex-shrink:0}.song-history::-webkit-scrollbar{width:6px}.song-history::-webkit-scrollbar-track{background:transparent}.song-history::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.song-history::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.share-button-container{position:relative}.share-btn{display:flex;align-items:center;gap:6px}.share-dropdown{position:absolute;bottom:100%;right:0;margin-bottom:8px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:8px;min-width:180px;box-shadow:0 4px 20px #0000004d;z-index:1000;animation:slideUp .2s ease}.share-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:none;background:transparent;color:var(--text-primary);font-size:14px;cursor:pointer;border-radius:8px;transition:background .2s}.share-option:hover{background:var(--bg-tertiary)}.share-option svg{flex-shrink:0}.share-option:nth-child(1) svg{color:#000}[data-theme=dark] .share-option:nth-child(1) svg{color:#fff}.share-option:nth-child(2) svg{color:#25d366}.share-option:nth-child(3) svg{color:#1877f2}.share-option:nth-child(4) svg{color:var(--primary)}.bottom-player{position:fixed;bottom:0;left:0;right:0;height:var(--player-height);display:flex;align-items:center;gap:var(--spacing-md);padding:0 var(--spacing-lg);background:#141414d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);z-index:1000}[data-theme=light] .bottom-player{background:#ffffffe6;border-top-color:var(--divider)}.player-btn{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);position:relative;overflow:hidden}.play-btn{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.play-btn:hover:not(:disabled){transform:scale(1.08);box-shadow:0 4px 20px rgba(var(--primary),.4)}.play-btn:disabled{opacity:.5;cursor:not-allowed}.play-btn.playing .pause-icon{display:block}.play-btn.playing:hover .eq-bars{opacity:0}.play-btn.playing:hover .pause-icon{opacity:1}.play-btn .pause-icon{position:absolute;opacity:0;transition:opacity var(--transition-fast)}.eq-bars{display:flex;align-items:flex-end;gap:3px;height:16px;transition:opacity var(--transition-fast)}.eq-bars span{width:3px;background:#fff;border-radius:2px;animation:eq-bar .8s ease-in-out infinite}.eq-bars span:nth-child(1){animation-delay:0s;height:60%}.eq-bars span:nth-child(2){animation-delay:.1s;height:100%}.eq-bars span:nth-child(3){animation-delay:.2s;height:40%}.eq-bars span:nth-child(4){animation-delay:.3s;height:80%}@keyframes eq-bar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.channel-number{display:flex;flex-direction:column;align-items:center;padding:0 var(--spacing-sm);min-width:50px}.channel-label{font-size:.65rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.channel-value{font-size:1.25rem;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums}.player-info{flex:1;min-width:0;overflow:hidden}.player-title{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-title.no-channel{color:var(--text-secondary);font-weight:400}.inline-favorite-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;background:transparent;border:none;color:var(--text-secondary);width:24px;height:24px;padding:0;margin-left:8px;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-full)}.inline-favorite-btn:hover:not(:disabled){color:#dc3545;transform:scale(1.2)}.inline-favorite-btn.active{color:#dc3545}.inline-favorite-btn:disabled{cursor:default}.player-subtitle{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.coming-up-display{display:flex;flex-direction:column;gap:2px;animation:comingUpFadeIn .5s ease-out}.coming-up-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#ffc107;animation:comingUpGlow 1.5s ease-in-out infinite}.coming-up-song{font-size:.95rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes comingUpFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes comingUpGlow{0%,to{text-shadow:0 0 5px rgba(255,193,7,.5)}50%{text-shadow:0 0 15px rgba(255,193,7,.8)}}.favorite-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);width:28px;height:28px;padding:0;cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-full)}.favorite-btn:hover:not(:disabled){color:#dc3545;transform:scale(1.15)}.favorite-btn.active{color:#dc3545}.favorite-btn:disabled{cursor:default}.hifi-btn{background:#ffc10726;border:1px solid rgba(255,193,7,.3);color:var(--hifi-gold);width:auto;padding:0 var(--spacing-md);gap:var(--spacing-xs);border-radius:10px}.hifi-btn:hover{background:#ffc10740;border-color:var(--hifi-gold)}.hifi-btn.active{background:linear-gradient(135deg,var(--hifi-gold),var(--hifi-gold-dark));border-color:transparent;color:#000;box-shadow:0 4px 16px #ffc10766}.hifi-icon{font-size:1rem}.hifi-text{font-size:.75rem;font-weight:700;letter-spacing:.5px}.theatre-btn{background:#673ab726;border:1px solid rgba(103,58,183,.3);color:#b39ddb;width:auto;padding:0 var(--spacing-md);gap:var(--spacing-xs);border-radius:10px}.theatre-btn:hover:not(:disabled){background:#673ab74d;border-color:#9575cd}.theatre-btn:disabled{opacity:.5;cursor:not-allowed}.theatre-text{font-size:.75rem;font-weight:600}@media(max-width:768px){.bottom-player{padding:0 var(--spacing-md);gap:var(--spacing-sm)}.player-btn{width:44px;height:44px}.player-subtitle,.hifi-text,.theatre-text{display:none}.hifi-btn,.theatre-btn{width:44px;padding:0}}@media(max-width:480px){.channel-number{display:none}}.history-panel{position:absolute;bottom:calc(100% + 8px);right:16px;width:320px;max-width:calc(100vw - 32px);z-index:1001;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.history-btn{background:var(--bg-tertiary);color:var(--text-primary)}.history-btn:hover:not(:disabled){background:var(--bg-secondary)}.history-btn.active{background:var(--primary);color:#fff}.network-warning{position:absolute;top:-60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:12px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px;box-shadow:0 4px 20px #f59e0b66;animation:warningSlideDown .3s ease;z-index:1002;max-width:calc(100vw - 40px)}.network-warning svg{flex-shrink:0}.network-warning span{font-size:.9rem;font-weight:500}.warning-close{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.warning-close:hover{background:#ffffff4d}@keyframes warningSlideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(max-width:600px){.network-warning{top:-50px;padding:10px 16px;gap:8px}.network-warning span{font-size:.8rem}}.theme-toggle{position:fixed;top:16px;right:16px;z-index:100;width:44px;height:44px;border-radius:var(--radius-full);background-color:var(--surface);border:1px solid var(--divider);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.theme-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.theme-toggle:active{transform:scale(.95)}@media(max-width:768px){.theme-toggle{top:12px;right:12px;width:40px;height:40px}}.weather-scene{position:relative;width:100%;height:120px;border-radius:16px;overflow:hidden;margin-bottom:16px}.weather-scene.sunny{background:linear-gradient(180deg,#87ceeb,#1e90ff,gold)}.sun{position:absolute;top:15px;right:30px;width:60px;height:60px;background:radial-gradient(circle,#FFD700 0%,#FFA500 60%,transparent 70%);border-radius:50%;box-shadow:0 0 30px gold,0 0 60px #ffd70080,0 0 100px #ffa5004d;animation:sunPulse 4s ease-in-out infinite}.sun:before{content:"";position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);background:conic-gradient(from 0deg,transparent 0deg 10deg,rgba(255,215,0,.3) 10deg 20deg,transparent 20deg 30deg);animation:sunRays 20s linear infinite}@keyframes sunPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.9}}@keyframes sunRays{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.weather-scene.cloudy{background:linear-gradient(180deg,#8b9dc3,#6b7a99,#4a5568)}.weather-scene.partly-cloudy{background:linear-gradient(180deg,#87ceeb,#a0c4e8,#8b9dc3)}.cloud{position:absolute;background:linear-gradient(180deg,#fff,#d4d4d8);border-radius:100px;box-shadow:0 4px 15px #0000001a}.cloud-1{top:15px;left:-30px;width:100px;height:40px;animation:cloudFloat 25s linear infinite}.cloud-2{top:35px;left:60%;width:80px;height:32px;animation:cloudFloat 30s linear infinite;animation-delay:-10s}.cloud-3{top:55px;left:20%;width:120px;height:45px;animation:cloudFloat 35s linear infinite;animation-delay:-5s}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:50%;height:100%;top:-40%;left:15%}.cloud:after{width:40%;height:80%;top:-30%;right:20%}@keyframes cloudFloat{0%{transform:translate(-100px)}to{transform:translate(calc(100vw + 100px))}}.weather-scene.rainy{background:linear-gradient(180deg,#4a5568,#2d3748,#1a202c)}.rain-container{position:absolute;inset:0;overflow:hidden}.raindrop{position:absolute;width:2px;height:15px;background:linear-gradient(180deg,transparent 0%,rgba(174,194,224,.8) 100%);animation:rainFall .8s linear infinite}@keyframes rainFall{0%{transform:translateY(-20px);opacity:0}50%{opacity:1}to{transform:translateY(140px);opacity:0}}.raindrop:nth-child(1){left:5%;animation-delay:0s}.raindrop:nth-child(2){left:12%;animation-delay:.1s}.raindrop:nth-child(3){left:20%;animation-delay:.2s}.raindrop:nth-child(4){left:28%;animation-delay:.3s}.raindrop:nth-child(5){left:35%;animation-delay:.15s}.raindrop:nth-child(6){left:43%;animation-delay:.25s}.raindrop:nth-child(7){left:50%;animation-delay:.05s}.raindrop:nth-child(8){left:58%;animation-delay:.35s}.raindrop:nth-child(9){left:65%;animation-delay:.12s}.raindrop:nth-child(10){left:73%;animation-delay:.22s}.raindrop:nth-child(11){left:80%;animation-delay:.08s}.raindrop:nth-child(12){left:88%;animation-delay:.28s}.raindrop:nth-child(13){left:95%;animation-delay:.18s}.weather-scene.snowy{background:linear-gradient(180deg,#a0aec0,#718096,#4a5568)}.snowflake{position:absolute;color:#fff;font-size:12px;text-shadow:0 0 5px rgba(255,255,255,.8);animation:snowFall 4s linear infinite}@keyframes snowFall{0%{transform:translateY(-20px) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(140px) rotate(360deg);opacity:0}}.snowflake:nth-child(1){left:5%;animation-delay:0s;animation-duration:5s}.snowflake:nth-child(2){left:15%;animation-delay:1s;animation-duration:4s}.snowflake:nth-child(3){left:25%;animation-delay:.5s;animation-duration:6s}.snowflake:nth-child(4){left:35%;animation-delay:2s;animation-duration:4.5s}.snowflake:nth-child(5){left:45%;animation-delay:.3s;animation-duration:5.5s}.snowflake:nth-child(6){left:55%;animation-delay:1.5s;animation-duration:4.2s}.snowflake:nth-child(7){left:65%;animation-delay:.8s;animation-duration:5.8s}.snowflake:nth-child(8){left:75%;animation-delay:2.5s;animation-duration:4.8s}.snowflake:nth-child(9){left:85%;animation-delay:.2s;animation-duration:5.2s}.snowflake:nth-child(10){left:95%;animation-delay:1.2s;animation-duration:4.4s}.weather-scene.stormy{background:linear-gradient(180deg,#1a202c,#2d3748,#1a202c)}.lightning{position:absolute;top:10px;left:40%;width:4px;height:60px;background:linear-gradient(180deg,gold,#fff,gold);opacity:0;animation:lightningFlash 4s infinite;clip-path:polygon(50% 0%,20% 40%,45% 40%,15% 100%,55% 55%,30% 55%);transform:scaleX(3)}.lightning:after{content:"";position:absolute;inset:0;background:inherit;filter:blur(10px)}@keyframes lightningFlash{0%,47%,50%,97%,to{opacity:0}48%,49%{opacity:1}98%,99%{opacity:.8}}.weather-scene.stormy .cloud{background:linear-gradient(180deg,#4a5568,#2d3748)}.weather-scene.foggy{background:linear-gradient(180deg,#a0aec0,#cbd5e0,#e2e8f0)}.fog-layer{position:absolute;width:200%;height:30px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.6) 20%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.6) 80%,transparent 100%);animation:fogDrift 15s linear infinite}.fog-layer:nth-child(1){top:20%;animation-duration:20s}.fog-layer:nth-child(2){top:40%;animation-duration:25s;animation-delay:-5s}.fog-layer:nth-child(3){top:60%;animation-duration:18s;animation-delay:-10s}.fog-layer:nth-child(4){top:80%;animation-duration:22s;animation-delay:-3s}@keyframes fogDrift{0%{transform:translate(-50%)}to{transform:translate(0)}}.weather-scene.night{background:linear-gradient(180deg,#0f0f23,#1a1a2e,#16213e)}.weather-scene.night .sun{display:none}.moon{position:absolute;top:15px;right:30px;width:50px;height:50px;background:radial-gradient(circle at 35% 35%,beige,#fffacd 60%,#e6e6aa);border-radius:50%;box-shadow:0 0 20px #fffacd80,0 0 40px #fffacd4d;animation:moonGlow 6s ease-in-out infinite}.moon:before{content:"";position:absolute;top:5px;right:8px;width:15px;height:15px;background:#c8c8964d;border-radius:50%}@keyframes moonGlow{0%,to{box-shadow:0 0 20px #fffacd80,0 0 40px #fffacd4d}50%{box-shadow:0 0 30px #fffacdb3,0 0 60px #fffacd66}}.star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;animation:starTwinkle 2s ease-in-out infinite}.star:nth-child(1){top:10%;left:10%;animation-delay:0s}.star:nth-child(2){top:25%;left:25%;animation-delay:.5s}.star:nth-child(3){top:15%;left:50%;animation-delay:1s}.star:nth-child(4){top:30%;left:70%;animation-delay:.3s}.star:nth-child(5){top:8%;left:85%;animation-delay:.8s}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.scene-temp-overlay{position:absolute;bottom:10px;left:15px;display:flex;align-items:baseline;gap:4px;z-index:10}.scene-temp{font-size:2.8rem;font-weight:700;color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5);line-height:1}.scene-unit{font-size:1.2rem;font-weight:500;color:#fffc}.scene-city{position:absolute;bottom:10px;right:15px;font-size:.9rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 4px rgba(0,0,0,.5)}.theatre-overlay{position:absolute;inset:0;pointer-events:none;z-index:10}.theatre-overlay.show-banner .theatre-banner{opacity:1;transform:translateY(0)}.theatre-overlay.hide-banner .theatre-banner{opacity:0;transform:translateY(-20px)}.theatre-overlay.show-banner .theatre-branding{opacity:1}.theatre-overlay.hide-banner .theatre-branding{opacity:0}.theatre-banner{position:absolute;top:0;left:0;right:0;padding:20px 24px;background:#0000008c;transition:opacity .5s ease,transform .5s ease}.banner-content{display:flex;align-items:flex-start;gap:20px;width:100%;justify-content:space-between}.banner-artwork{width:100px;height:100px;border-radius:8px;overflow:hidden;flex-shrink:0;box-shadow:0 4px 20px #0006}.banner-artwork img{width:100%;height:100%;object-fit:cover}.artwork-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c2c2c,#1a1a1a);color:#ffffff4d}.banner-info{flex:1;min-width:0}.banner-status-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.now-playing-text{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#9ca3af}.codec-badges{display:flex;gap:8px}.codec-badge{padding:4px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:4px;font-size:.75rem;font-weight:700;letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 2px 8px #ef444466}.song-details{display:flex;flex-direction:column;gap:4px}.artist-name{font-size:1.75rem;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 2px 10px rgba(0,0,0,.5)}.song-title{font-size:1.25rem;font-weight:400;color:#ffffffd9}.album-name{font-size:.9rem;color:#fff9;font-style:italic}.banner-time{flex-shrink:0;text-align:right}.time-display{font-size:.9rem;font-weight:500;color:#ffffffb3;letter-spacing:.5px}.theatre-branding{position:absolute;bottom:20px;right:24px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;transition:opacity .5s ease}.branding-text{font-size:.75rem;color:#ffffff80}.branding-logo{font-size:.85rem;font-weight:700;color:#ffffffe6}@media(max-width:768px){.banner-artwork{width:70px;height:70px}.artist-name{font-size:1.25rem}.song-title{font-size:1rem}.banner-time{display:none}.theatre-branding{bottom:12px;right:12px;padding:8px 12px}}.coming-up-badge{background:linear-gradient(135deg,#ffc107,#ff9800)!important;color:#000!important;animation:comingUpPulse 1s ease-in-out infinite}.coming-up-artist,.coming-up-title{color:#ffc107!important;animation:comingUpGlow 1.5s ease-in-out infinite}@keyframes comingUpPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes comingUpGlow{0%,to{text-shadow:0 0 10px rgba(255,193,7,.5)}50%{text-shadow:0 0 20px rgba(255,193,7,.8),0 0 30px rgba(255,152,0,.5)}}.banner-time-weather{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex-shrink:0;margin-right:60px;pointer-events:auto}.time-display{font-size:1rem;font-weight:600;color:#ffffffe6;letter-spacing:.5px;text-shadow:0 1px 3px rgba(0,0,0,.5)}.weather-widget{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(255,255,255,.15)}.weather-widget:hover{background:#ffffff2e;transform:scale(1.02)}.weather-icon{font-size:1.8rem}.weather-info{display:flex;flex-direction:column;align-items:flex-end}.weather-temp{font-size:1.3rem;font-weight:700;color:#fff;line-height:1}.weather-city{font-size:.7rem;color:#ffffffb3;letter-spacing:.5px}.location-input-widget{display:flex;align-items:center;gap:6px;background:#ffffff26;padding:4px 8px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.location-input{background:#0003;border:1px solid rgba(255,255,255,.1);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8rem;width:80px;outline:none}.location-btn{background:#ffffff1a;border:none;color:#fff;width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:background .2s}.location-btn:hover{background:#ffffff4d}@keyframes popupLifecycle{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}85%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.weather-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:450px;max-width:90vw;background:linear-gradient(145deg,#1e1e32f2,#141423fa);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;z-index:1000;box-shadow:0 20px 60px #0009,0 0 40px #6464ff1a;border:1px solid rgba(255,255,255,.1);animation:popupLifecycle 6s ease-in-out forwards;pointer-events:auto}.banner-playlist{position:absolute;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;max-width:40%}.station-name{font-size:.9rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:2px;text-align:center;background:linear-gradient(180deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 1px 5px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2;width:100%}.playlist-subtext{font-size:.75rem;font-weight:500;color:#ffffffb3;text-transform:lowercase;font-style:italic;letter-spacing:1px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;text-align:center}@media(max-width:768px){.banner-content{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"playlist playlist" "album info" "album weather";gap:8px 16px;padding:0;align-items:center}.banner-playlist{grid-area:playlist;position:static;transform:none;left:auto;width:100%;margin-bottom:4px;justify-content:flex-start;align-items:flex-start;padding:0;flex:none}.station-name{font-size:1.1rem;text-align:left}.playlist-subtext{font-size:.8rem;text-align:left}.banner-artwork{grid-area:album;width:85px;height:85px;align-self:start;margin-top:4px}.banner-info{grid-area:info;margin-left:0;width:100%;align-self:end;margin-bottom:4px}.artist-name{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%}.song-title{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:100%;margin-top:2px}.album-name{display:none;font-size:.8rem}.banner-time-weather{grid-area:weather;flex-direction:row;align-items:center;justify-content:flex-start;margin-right:0;gap:12px;width:100%;align-self:start;min-height:40px}.banner-time{display:none}.time-display{font-size:.9rem}.banner-status-row{margin-bottom:4px}}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.popup-title{font-size:1.2rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.popup-title svg{color:#60a5fa}.popup-close{background:#ffffff1a;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.popup-close:hover{background:#fff3;transform:scale(1.1)}.weather-today{display:flex;align-items:center;gap:20px;padding:16px;background:#ffffff0d;border-radius:12px;margin-bottom:16px}.today-icon{font-size:3.5rem}.today-info{flex:1}.today-temp{font-size:2.5rem;font-weight:700;color:#fff;line-height:1}.today-desc{font-size:.9rem;color:#ffffffb3;text-transform:capitalize;margin-top:4px}.today-details{display:flex;gap:16px;margin-top:8px;font-size:.8rem;color:#fff9}.forecast-title{font-size:.8rem;font-weight:600;color:#ffffff80;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.forecast-days{display:flex;gap:8px}.forecast-day{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;background:#ffffff0d;border-radius:10px;transition:background .2s}.forecast-day:hover{background:#ffffff1a}.forecast-day-name{font-size:.7rem;font-weight:600;color:#ffffffb3;text-transform:uppercase}.forecast-day-icon{font-size:1.5rem}.forecast-day-temp{font-size:.9rem;font-weight:600;color:#fff}.forecast-day-low{font-size:.75rem;color:#ffffff80}.weather-loading{display:flex;align-items:center;gap:8px;color:#fff9;font-size:.8rem}.weather-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){.banner-time-weather{margin-right:20px}.weather-widget{padding:8px 10px}.weather-icon{font-size:1.4rem}.weather-temp{font-size:1.1rem}.weather-popup{width:95vw;padding:16px}.forecast-days{flex-wrap:wrap}.forecast-day{min-width:calc(33% - 6px)}}.location-input-widget{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;border:1px solid rgba(255,255,255,.15)}.location-input{width:120px;padding:6px 10px;border:none;border-radius:6px;background:#ffffff26;color:#fff;font-size:.85rem;outline:none}.location-input::placeholder{color:#ffffff80}.location-input:focus{background:#ffffff40}.location-btn{width:32px;height:32px;border:none;border-radius:6px;background:#ffffff26;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s}.location-btn:hover{background:#ffffff4d;transform:scale(1.05)}.location-btn.auto{background:#3b82f64d}.location-btn.auto:hover{background:#3b82f680}.visualizer-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;background:#000;animation:fadeIn var(--transition-normal)}.visualizer-canvas{width:100%;height:100%;display:block}.visualizer-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:var(--spacing-sm);opacity:0;transition:opacity var(--transition-normal)}.visualizer-container:hover .visualizer-controls{opacity:1}.preset-skip-btn{width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast)}.preset-skip-btn:hover{background:#fff3;transform:scale(1.1)}.visualizer-close{position:absolute;top:20px;right:20px;width:40px;height:40px;border-radius:var(--radius-full);background:#ef444433;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(239,68,68,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fca5a5;opacity:0;transition:all var(--transition-normal)}.visualizer-container:hover .visualizer-close{opacity:1}.visualizer-close:hover{background:#ef444466;border-color:#ef444499;color:#fff;transform:scale(1.1)}.channel-guide-btn{position:absolute;top:70px;right:20px;width:40px;height:40px;border-radius:var(--radius-full);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:all var(--transition-normal)}.visualizer-container:hover .channel-guide-btn{opacity:1}.channel-guide-btn:hover,.channel-guide-btn.active{background:#ffffff40;transform:scale(1.1)}.channel-guide-panel{position:absolute;top:0;right:0;width:25%;min-width:320px;height:100%;background:#0009;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(100%);transition:transform .3s ease-out;display:flex;flex-direction:column;z-index:10}.channel-guide-panel.open{transform:translate(0)}.channel-guide-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.channel-guide-header h3{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.close-guide-btn{width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff1a;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-fast)}.close-guide-btn:hover{background:#fff3}.channel-guide-list{flex:1;overflow-y:auto;padding:12px}.guide-channel-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all var(--transition-fast);margin-bottom:4px}.guide-channel-item:hover{background:#ffffff1a}.guide-channel-item.active{background:rgba(var(--primary-rgb),.3);border:1px solid var(--primary)}.guide-channel-number{font-size:1rem;font-weight:700;color:var(--primary);min-width:30px;text-align:center}.guide-channel-logo{width:44px;height:44px;border-radius:6px;overflow:hidden;flex-shrink:0;background:#ffffff1a}.guide-channel-logo img{width:100%;height:100%;object-fit:cover}.guide-logo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.guide-channel-info{flex:1;min-width:0;overflow:hidden}.guide-channel-name{display:block;font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guide-channel-nowplaying{display:block;font-size:.75rem;color:#fff9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.navigation-hint{position:absolute;bottom:20px;left:20px;padding:8px 16px;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;color:#fff9;font-size:.75rem;opacity:0;transition:opacity var(--transition-normal)}.visualizer-container:hover .navigation-hint{opacity:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.visualizer-controls{bottom:16px}.visualizer-close{top:16px;right:16px}.channel-guide-btn{top:66px;right:16px}.channel-guide-panel{width:75%;min-width:280px}.guide-channel-item{padding:10px}.guide-channel-logo{width:36px;height:36px}.navigation-hint{display:none}}.offline-indicator{position:fixed;top:0;left:0;right:0;z-index:10000;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.offline-content{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:14px;font-weight:500}.offline-content svg{flex-shrink:0}.offline-content span{text-align:center}.offline-dismiss{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:4px 8px;opacity:.8;transition:opacity .2s}.offline-dismiss:hover{opacity:1}@media(max-width:480px){.offline-content{font-size:12px;padding:10px 12px;gap:8px}.offline-content svg{width:16px;height:16px}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:var(--spacing-md);padding-bottom:calc(var(--player-height) + var(--spacing-lg))}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md)}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary)}.page-subtitle{font-size:1rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.app-logo{height:48px;width:auto;transition:transform var(--transition-fast)}.app-logo:hover{transform:scale(1.05)}.user-nav{display:flex;align-items:center;gap:var(--spacing-md)}.user-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),var(--primary-dark));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;cursor:pointer;transition:transform var(--transition-fast)}.user-avatar:hover{transform:scale(1.1)}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.page-title{font-size:1.5rem}}:root{--primary: #1976d2;--primary-dark: #1565c0;--primary-light: #42a5f5;--secondary: #dc004e;--background: #fafafa;--surface: #ffffff;--surface-variant: #f5f5f5;--surface-elevated: #ffffff;--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--text-disabled: rgba(0, 0, 0, .38);--divider: rgba(0, 0, 0, .12);--shadow: rgba(0, 0, 0, .15);--hifi-gold: #ffc107;--hifi-gold-dark: #ff9800;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 50%;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 2px 4px var(--shadow);--shadow-md: 0 4px 12px var(--shadow);--shadow-lg: 0 8px 24px var(--shadow);--shadow-xl: 0 16px 48px var(--shadow);--player-height: 72px}[data-theme=dark]{--primary: #90caf9;--primary-dark: #42a5f5;--primary-light: #e3f2fd;--background: #0a0a0a;--surface: #141414;--surface-variant: #1e1e1e;--surface-elevated: #242424;--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .65);--text-disabled: rgba(255, 255, 255, .38);--divider: rgba(255, 255, 255, .12);--shadow: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal);min-height:100vh;overflow-x:hidden;padding-bottom:var(--player-height)}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md);width:100%}.card{background-color:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg)}.btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background-color:var(--surface-variant);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--divider)}.btn-icon{width:44px;height:44px;border-radius:var(--radius-full);padding:0}.input{width:100%;padding:12px 16px;border:1px solid var(--divider);border-radius:var(--radius-md);background-color:var(--surface);color:var(--text-primary);font-family:inherit;font-size:1rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary),.15)}.input::placeholder{color:var(--text-disabled)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.slide-up{animation:slideUp var(--transition-slow) ease-out}.glass{background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15)}[data-theme=dark] .glass{background:#0000004d;border:1px solid rgba(255,255,255,.1)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-variant)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-sm)}@media(max-width:768px){:root{--player-height: 64px}.container{padding:0 var(--spacing-sm)}}