:root{--spotify-black: #000000;--spotify-dark: #121212;--spotify-card: #181818;--spotify-card-hover: #282828;--spotify-green: #2563eb;--spotify-green-hover: #3b82f6;--spotline-blue: #2563eb;--spotline-blue-hover: #3b82f6;--spotify-white: #ffffff;--spotify-gray: #b3b3b3;--spotify-gray-dark: #535353;--spotify-border: #282828;--cat-energy: #F59E0B;--cat-economy: #3B82F6;--cat-business: #1E40AF;--cat-tech: #8B5CF6;--cat-world: #F97316;--cat-politics: #EF4444;--cat-esg: #22C55E;--cat-sports: #14B8A6;--cat-local: #EC4899;--cat-agro: #D97706;--sidebar-width: 280px;--player-height: 120px;--header-height: 64px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .6875rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--spotify-dark);color:var(--spotify-white);line-height:1.5;min-height:100vh;overflow:hidden}#app{min-height:100vh;display:flex;flex-direction:column}.emergency-bar{position:fixed;top:0;left:0;right:0;background:#e74c3c;color:#fff;z-index:1000;padding:8px 16px}.emergency-content{display:flex;align-items:center;justify-content:center;gap:8px;max-width:800px;margin:0 auto}.emergency-icon{font-size:1.2rem}.emergency-text{font-weight:500;font-size:var(--font-size-sm)}.emergency-close{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;margin-left:16px;opacity:.8;transition:opacity var(--transition-fast)}.emergency-close:hover{opacity:1}.app-wrapper{display:flex;height:100vh;padding-bottom:0}.app-wrapper.player-visible{padding-bottom:0}.sidebar{width:var(--sidebar-width);background:var(--spotify-black);display:flex;flex-direction:column;flex-shrink:0;height:100vh}.player-visible .sidebar{height:100vh}.sidebar-logo{padding:20px 16px 16px;display:flex;align-items:center;gap:8px}.sidebar-logo-img{height:64px;width:auto;object-fit:contain}.sidebar-logo .logo-icon{height:36px;width:36px;flex-shrink:0;object-fit:contain;border-radius:8px}.sidebar-logo .logo-text{font-size:22px;font-weight:700;color:#fff;letter-spacing:-.3px;line-height:1.1}.sidebar-logo .logo-text .logo-highlight{color:#ef4444}.sidebar-logo span{font-size:var(--font-size-lg);font-weight:700;color:var(--spotify-white)}.sidebar-nav{padding:0 12px;margin-bottom:8px}.nav-item{display:flex;align-items:center;gap:16px;padding:12px;border-radius:var(--radius-md);color:var(--spotify-gray);text-decoration:none;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast);background:none;border:none;width:100%;text-align:left}.nav-item:hover,.nav-item.active{color:var(--spotify-white)}.nav-item svg{width:24px;height:24px;flex-shrink:0}.sidebar-library{background:transparent;border-radius:var(--radius-md);margin:8px;display:flex;flex-direction:column;overflow:hidden}.library-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.library-title{display:flex;align-items:center;gap:12px;color:var(--spotify-gray);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:color var(--transition-fast)}.library-title:hover{color:var(--spotify-white)}.library-title svg{width:24px;height:24px}.library-actions{display:flex;gap:8px}.library-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;color:var(--spotify-gray);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.library-btn:hover{color:var(--spotify-white);background:var(--spotify-card-hover)}.library-filters{display:flex;gap:8px;padding:0 16px 12px;overflow-x:auto}.filter-chip{padding:8px 12px;background:var(--spotify-card-hover);border:none;border-radius:var(--radius-full);color:var(--spotify-white);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.filter-chip:hover{background:var(--spotify-gray-dark)}.filter-chip.active{background:var(--spotify-white);color:var(--spotify-black)}.filter-chip.climate-chip{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;display:flex;align-items:center;gap:4px}.filter-chip.climate-chip:hover{background:linear-gradient(135deg,#16a34a,#15803d)}.filter-chip.climate-chip.active{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 0 8px #f9731680}.filter-chip.climate-chip .climate-indicator{font-size:8px;color:#f97316}.filter-chip.emergency-chip{background:linear-gradient(135deg,#f57c00,#e65100);color:#fff;display:flex;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:600}.filter-chip.emergency-chip:hover{background:linear-gradient(135deg,#e65100,#bf360c)}.filter-chip.emergency-chip.active{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 0 12px #ff980080}.urgent-section{margin-bottom:16px}.urgent-news-card{background:#b91c1c;border-radius:10px;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.urgent-news-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.urgent-news-dot{width:8px;height:8px;border-radius:50%;background:#fca5a5;animation:urgentBlink 1.2s ease-in-out infinite}@keyframes urgentBlink{0%,to{opacity:1}50%{opacity:.3}}.urgent-news-label{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#fff}.urgent-news-source{font-size:11px;color:#fff9;font-weight:500}.urgent-news-title{flex:1;min-width:200px;font-size:14px;font-weight:600;color:#fff;line-height:1.3;text-decoration:none;transition:opacity .2s}.urgent-news-title:hover{opacity:.8;text-decoration:underline}.urgent-news-actions{flex-shrink:0;display:flex;align-items:center;gap:8px}.urgent-news-action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff26;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:background .2s,color .2s}.urgent-news-action-btn:hover{background:#ffffff4d}.urgent-news-action-btn.favorited{color:#ff4d6a}.urgent-news-play{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;background:#fff3;color:#fff;border:none;border-radius:16px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.urgent-news-play:hover{background:#ffffff4d}.disaster-section{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.disaster-alert-item{background:#e65100;border-radius:10px;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.disaster-alert-item .disaster-header{display:flex;align-items:center;gap:8px;flex-shrink:0}.disaster-alert-item .disaster-icon{font-size:16px}.disaster-alert-item .disaster-label{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#fff}.disaster-alert-item .disaster-location{font-size:11px;color:#fff9;font-weight:500}.disaster-alert-item .disaster-message{flex:1;min-width:200px;font-size:14px;font-weight:600;color:#fff;line-height:1.3}.disaster-no-alert{background:#1a5c2a}.disaster-no-alert .disaster-label{color:#ffffffd9}.library-list{flex:1;overflow-y:auto;padding:0 8px 8px}.library-item{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.library-item:hover{background:var(--spotify-card-hover)}.library-item-image{width:48px;height:48px;border-radius:4px;background:var(--spotify-card);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0;overflow:hidden}.library-item-image img{width:100%;height:100%;object-fit:cover}.library-item-info{flex:1;min-width:0}.library-item-name{font-size:var(--font-size-sm);font-weight:500;color:var(--spotify-white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item-type{font-size:var(--font-size-xs);color:var(--spotify-gray)}.main-content{flex:1;background:var(--spotify-dark);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.main-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#121212e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-left{display:flex;align-items:center;gap:16px}.header-brand{font-size:1.25rem;font-weight:700;color:var(--primary-blue);letter-spacing:-.02em}.header-logo{font-size:1.5rem;font-weight:700;color:var(--spotline-blue);letter-spacing:-.02em;margin:0}.mobile-header-logo{display:none;height:64px;width:64px;object-fit:contain}.nav-arrows{display:flex;gap:8px}.nav-arrow{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#000000b3;border:none;border-radius:var(--radius-full);color:var(--spotify-white);cursor:pointer;transition:transform var(--transition-fast)}.nav-arrow:hover{transform:scale(1.05)}.nav-arrow:disabled{opacity:.5;cursor:not-allowed}.search-bar{display:flex;align-items:center;background:var(--spotify-card-hover);border-radius:var(--radius-full);padding:8px 16px;width:360px;gap:12px}.search-bar svg{width:20px;height:20px;color:var(--spotify-gray);flex-shrink:0}.search-bar input{flex:1;background:none;border:none;color:var(--spotify-white);font-size:var(--font-size-sm);outline:none}.search-bar input::placeholder{color:var(--spotify-gray)}.header-right{display:flex;align-items:center;gap:8px}.header-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;border-radius:var(--radius-full);color:var(--spotify-gray);cursor:pointer;transition:all var(--transition-fast);position:relative}.header-btn:hover{color:var(--spotify-white);transform:scale(1.05)}.alert-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:#ef4444;color:#fff;border-radius:var(--radius-full);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.user-avatar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--spotify-card-hover);border:none;border-radius:var(--radius-full);cursor:pointer;overflow:hidden}.user-avatar-btn img{width:100%;height:100%;object-fit:cover}.user-initials{color:var(--spotify-white);font-weight:600;font-size:var(--font-size-sm)}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#2a2a2a;border-radius:12px;min-width:260px;padding:8px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0f;z-index:100}.user-dropdown-header{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:background .15s}.user-dropdown-header:hover{background:#ffffff0f}.user-dropdown-avatar{width:36px;height:36px;border-radius:50%;background:#444;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.user-dropdown-avatar img{width:100%;height:100%;object-fit:cover}.user-dropdown-initials{color:#fff;font-weight:600;font-size:14px}.user-dropdown-identity{display:flex;flex-direction:column;min-width:0}.user-dropdown-identity strong{color:#fff;font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-identity span{color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-divider{height:1px;background:#ffffff14;margin:4px 0}.plan-badge{display:inline-block;padding:2px 8px;background:var(--spotify-green);color:var(--spotify-black);border-radius:6px;font-size:11px;font-weight:700;margin-left:auto}.user-dropdown-item{display:flex;align-items:center;gap:12px;padding:12px;color:#d1d1d1;text-decoration:none;font-size:14px;border-radius:8px;transition:background .15s;cursor:pointer;background:none;border:none;width:100%;text-align:left}.user-dropdown-item svg{flex-shrink:0;opacity:.7}.user-dropdown-item span{flex:1}.user-dropdown-item:hover{background:#ffffff0f;color:#fff}.user-dropdown-item:hover svg{opacity:1}.user-dropdown-item.logout-item{color:#d1d1d1}.user-dropdown-item.logout-item:hover{background:#ffffff0f;color:#fff}@media (max-width: 768px){.user-dropdown{position:fixed;bottom:0;left:0;right:0;top:auto;z-index:1100;border-radius:16px 16px 0 0;min-width:unset;width:100%;padding:8px 8px 16px;box-shadow:0 -8px 32px #00000080;animation:slideUpMenu .2s ease-out}@keyframes slideUpMenu{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.user-menu{position:relative}.content-scroll{flex:1;padding:0 32px 32px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;margin-top:32px}.section-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--spotify-white)}.section-link{color:var(--spotify-gray);font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:color var(--transition-fast)}.section-link:hover{color:var(--spotify-white);text-decoration:underline}.play-all-section{display:flex;align-items:center;gap:24px;margin-bottom:32px;padding:24px;background:linear-gradient(180deg,rgba(37,99,235,.3) 0%,var(--spotify-dark) 100%);border-radius:var(--radius-lg)}.play-all-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 24px 0 20px;background:var(--spotify-green);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 8px 24px #00000080}.play-all-btn:hover{transform:scale(1.05);background:var(--spotify-green-hover)}.play-all-btn svg{width:24px;height:24px;fill:#fff;flex-shrink:0}.play-all-btn span{font-size:16px;font-weight:700;color:#fff;white-space:nowrap;letter-spacing:.3px}.play-all-info h2{font-size:var(--font-size-xl);font-weight:700;color:var(--spotify-white);margin-bottom:4px}.play-all-info p{color:var(--spotify-gray);font-size:var(--font-size-sm)}.play-all-buttons{display:flex;gap:10px;flex-shrink:0}.customize-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:56px;padding:0 20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.customize-btn:hover{background:#ffffff24;border-color:#fff3;transform:scale(1.03)}.customize-btn.active{background:#2563eb33;border-color:#2563eb80}.customize-btn svg{width:20px;height:20px;stroke:var(--spotify-gray);flex-shrink:0}.customize-btn span{font-size:14px;font-weight:600;color:var(--spotify-white);letter-spacing:.2px}.customize-panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:24px;margin-bottom:24px;animation:panelSlideDown .25s ease-out}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.customize-section{margin-bottom:20px}.customize-section:last-of-type{margin-bottom:24px}.customize-section-title{font-size:var(--font-size-xs);font-weight:600;color:var(--spotify-gray);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.customize-chips{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customize-chips .chip{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--spotify-gray);font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.customize-chips .chip:hover{background:#ffffff14;border-color:#ffffff2e}.customize-chips .chip.selected{background:#2563eb33;border-color:#2563eb80;color:var(--spotify-white)}.customize-chips .chip .chip-icon{font-size:14px}.customize-modules{display:flex;gap:8px;flex-wrap:wrap}.customize-modules .module-chip{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--spotify-gray);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .15s ease}.customize-modules .module-chip:hover{background:#ffffff14;border-color:#ffffff2e}.customize-modules .module-chip.selected{background:#2563eb33;border-color:#2563eb80;color:var(--spotify-white)}.customize-modules .module-chip .module-chip-desc{font-weight:400;font-size:12px;color:var(--spotify-gray)}.sob-medida-input-row{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding:16px;background:#ffffff08;border-radius:12px;border:1px solid rgba(255,255,255,.08);animation:fadeSlideDown .25s ease}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sob-medida-input-wrapper{display:flex;align-items:center;gap:8px;position:relative}.sob-medida-input{flex:1;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--spotify-white);font-size:16px;font-weight:500;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease;max-width:180px}.sob-medida-input::placeholder{color:#ffffff4d;font-weight:400}.sob-medida-input:focus{border-color:#2563eb99;box-shadow:0 0 0 3px #2563eb26}.sob-medida-suffix{color:var(--spotify-gray);font-size:14px;font-weight:500;white-space:nowrap}.sob-medida-hint{font-size:12px;color:var(--spotify-gray);transition:color .2s ease}.sob-medida-hint.error{color:#ef4444}.sob-medida-hint.success{color:#22c55e}.customize-voice{display:flex;gap:8px}.voice-chip{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--spotify-gray);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .15s ease}.voice-chip:hover{background:#ffffff14;border-color:#ffffff2e}.voice-chip.selected{background:#2563eb33;border-color:#2563eb80;color:var(--spotify-white)}.voice-chip-icon{font-size:16px}.customize-toggle-row{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:4px 0}.customize-toggle-info{flex:1}.customize-toggle-desc{font-size:12px;color:#ffffff80}.customize-switch{position:relative;width:44px;height:24px;flex-shrink:0;margin-left:12px}.customize-switch input{opacity:0;width:0;height:0}.customize-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ffffff26;border-radius:24px;transition:.3s}.customize-switch-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.customize-switch input:checked+.customize-switch-slider{background:var(--spotify-green)}.customize-switch input:checked+.customize-switch-slider:before{transform:translate(20px)}.customize-apply-btn{width:100%;padding:12px;border-radius:999px;border:none;background:var(--spotify-green);color:#fff;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.3px}.customize-apply-btn:hover{background:var(--spotify-green-hover);transform:scale(1.02)}.news-sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:24px}.source-card{position:relative;background:var(--spotify-card);border-radius:var(--radius-md);padding:16px;cursor:pointer;transition:background var(--transition-normal)}.source-card:hover{background:var(--spotify-card-hover)}.source-card:hover .source-play-btn{opacity:1;transform:translateY(0)}.source-card-image{position:relative;width:100%;aspect-ratio:1;margin-bottom:16px;border-radius:var(--radius-md);overflow:hidden;background:linear-gradient(135deg,var(--spotify-card-hover) 0%,var(--spotify-gray-dark) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #00000080}.source-card-image img{width:100%;height:100%;object-fit:cover}.source-logo-placeholder{font-size:2.5rem;font-weight:800;color:var(--spotify-white);text-shadow:0 2px 8px rgba(0,0,0,.3)}.source-badge{position:absolute;top:8px;right:8px;padding:4px 8px;background:#000000b3;border-radius:var(--radius-sm);font-size:9px;font-weight:700;color:var(--spotify-white);letter-spacing:.1em}.source-play-btn{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--spotify-green);border:none;border-radius:var(--radius-full);cursor:pointer;opacity:0;transform:translateY(8px);transition:all var(--transition-normal);box-shadow:0 8px 16px #0000004d}.source-play-btn:hover{transform:scale(1.05) translateY(0);background:var(--spotify-green-hover)}.source-play-btn svg{width:20px;height:20px;fill:#fff;margin-left:2px}.source-card-name{font-size:var(--font-size-base);font-weight:700;color:var(--spotify-white);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.source-card-desc{font-size:var(--font-size-sm);color:var(--spotify-gray);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-grid{display:flex;flex-direction:column;gap:32px;margin-top:24px}.news-section-group{display:flex;flex-direction:column;gap:16px}.news-section-header{display:flex;align-items:center;gap:10px;padding:0 4px}.news-section-emoji{font-size:1.4rem;line-height:1}.news-section-title{font-size:1.2rem;font-weight:700;color:var(--section-color, var(--text-primary));margin:0;letter-spacing:-.01em}.news-section-count{font-size:.75rem;font-weight:600;color:var(--text-secondary);background:var(--spotify-card);border-radius:10px;padding:2px 8px;min-width:20px;text-align:center}.news-section-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.capas-cards-container{display:flex;flex-direction:column;gap:16px}.capa-card{background:var(--spotify-card);border-radius:var(--radius-lg);overflow:hidden;transition:background var(--transition-normal);margin-bottom:24px;border:1px solid rgba(255,255,255,.06)}.capa-card:last-child{margin-bottom:0}.capa-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px 12px;border-bottom:none}.capa-card-header-accent{width:4px;height:28px;border-radius:2px;background:var(--spotline-blue);flex-shrink:0}.capa-card-newspaper{font-size:1.15rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;flex:1}.capa-card-date{font-size:.78rem;color:var(--text-secondary);white-space:nowrap}.capa-card-body{display:flex;flex-direction:row;align-items:flex-start;padding:0 20px 8px;gap:20px}.capa-card-image{flex:0 0 220px;overflow:hidden;position:relative;background:#0a0a0a;cursor:pointer;border-radius:8px;align-self:flex-start}.capa-card-image img{width:100%;height:auto;display:block;border-radius:8px}.capa-card-placeholder{width:220px;height:300px;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--spotify-card-hover);border-radius:8px}.capa-card-headlines{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.capa-headline{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px;transition:background .15s}.capa-headline:hover{background:#ffffff0f}.capa-headline.playing{background:#1db9541a;border-left:3px solid var(--accent-green, #1DB954);box-shadow:0 0 16px #1db95433;transform:scale(1.02);z-index:10;position:relative;opacity:1!important}.capa-headline.listened-fade{opacity:.35;transition:opacity .6s ease}.capa-headline.listened-fade:hover{opacity:.7}.capa-headline-play{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.3);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;opacity:.7}.capa-headline:hover .capa-headline-play{opacity:1;border-color:var(--spotline-blue);background:var(--spotline-blue)}.capa-headline-play:hover{transform:scale(1.15)}.capa-headline-play svg{width:10px;height:10px;fill:#fff}.capa-headline-title{flex:1;font-size:.88rem;line-height:1.4;color:#d0d0d0;text-decoration:none;min-width:0}.capa-headline-title:hover{color:#fff;text-decoration:underline}.capa-headline-fav{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .15s,transform .15s}.capa-headline-fav:hover{opacity:1!important;transform:scale(1.15)}.capa-headline-fav svg{width:13px;height:13px;color:#fff;stroke:#fff;fill:none}.capa-headline-fav.favorited{opacity:1!important}.capa-headline-share{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity .15s,transform .15s}.capa-headline-share:hover{opacity:1;transform:scale(1.15)}.capa-headline-share svg{width:13px;height:13px;color:#fff;stroke:#fff;fill:none}.capa-headline-fav.favorited svg{color:#ff4d6a;fill:#ff4d6a;stroke:#ff4d6a}@media (max-width: 600px){.capa-card-body{flex-direction:column}.capa-card-image{flex:none;width:100%}.capa-card-image img{width:100%}.capa-headline-share,.capa-headline-fav,.capa-headline-play{width:40px;height:40px}.capa-headline-share svg,.capa-headline-fav svg,.capa-headline-play svg{width:20px;height:20px}.capa-headline-share,.capa-headline-fav{opacity:.7}}.news-card-image-actions{display:none}.news-card-actions-bar{display:flex;gap:4px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.card-action-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;background:transparent;border:none;color:#ffffff80;font-size:12px;cursor:pointer;border-radius:6px;transition:background .15s,color .15s;font-family:inherit}.card-action-btn:hover{background:#ffffff14;color:#ffffffd9}.card-action-play{color:var(--primary-blue, #3b82f6)}.card-action-play:hover{background:#3b82f61f}.card-action-fav.favorited{color:#ff4d6a}.card-action-fav.favorited svg{fill:#ff4d6a;stroke:#ff4d6a}.news-card{position:relative;background:var(--spotify-card);border-radius:var(--radius-md);padding:8px;cursor:pointer;transition:background var(--transition-normal),opacity .6s ease,max-height .6s ease,padding .6s ease,margin .6s ease,transform .3s ease;max-height:600px;overflow:hidden}.news-card:hover{background:var(--spotify-card-hover)}.news-card.playing,.news-card.playing.listened,.news-card.playing.listened-fade{background:var(--spotify-card-hover);border-left:4px solid var(--accent-green, #1DB954);box-shadow:0 0 30px #1db9544d,0 8px 24px #0006;transform:scale(1.08);z-index:10;position:relative;filter:none;opacity:1;max-height:600px;padding:8px}.news-card.playing .news-card-play-icon{opacity:1}.news-card.listened-fade{opacity:.35;max-height:80px;padding:10px 20px;pointer-events:auto;cursor:pointer}.news-card.listened-fade .news-card-image{display:none}.news-card.listened-fade .news-card-body{display:flex;flex-direction:row;align-items:center;gap:8px}.news-card.listened-fade .news-card-body-title{font-size:13px;-webkit-line-clamp:1;margin:0}.news-card.listened-fade .news-card-body-cat,.news-card.listened-fade .news-card-share,.news-card.listened-fade .news-card-fav,.news-card.listened-fade .news-card-actions-bar{display:none}.news-card.listened-fade:hover{opacity:.7}.news-card-image{position:relative;width:100%;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;background:var(--spotify-card-hover)}.news-card-image img{width:100%;height:100%;object-fit:cover}.news-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:10px;background:linear-gradient(transparent,#000000e6);display:flex;flex-direction:column;gap:3px}.news-card-overlay .news-card-category{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--primary-blue)}.news-card-overlay .news-card-title{font-size:14px;font-weight:600;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.news-card-title .news-title-link{color:inherit;text-decoration:none;transition:opacity .2s ease}.news-card-title .news-title-link:hover{opacity:.8;text-decoration:underline}.news-card-overlay .news-card-source{font-size:12px;color:#ffffffb3}.news-card-image.cat-politics,.news-card-image.cat-politica{background:linear-gradient(135deg,#374151,#6b7280)!important}.news-card-image.cat-economy,.news-card-image.cat-economia{background:linear-gradient(135deg,#1e40af,#60a5fa)!important}.news-card-image.cat-business,.news-card-image.cat-negocios{background:linear-gradient(135deg,#0f766e,#14b8a6)!important}.news-card-image.cat-tech,.news-card-image.cat-tecnologia{background:linear-gradient(135deg,#7c3aed,#c084fc)!important}.news-card-image.cat-world,.news-card-image.cat-mundo{background:linear-gradient(135deg,#0369a1,#38bdf8)!important}.news-card-image.cat-sports,.news-card-image.cat-esportes{background:linear-gradient(135deg,#c2410c,#fb923c)!important}.news-card-image.cat-esg_climate,.news-card-image.cat-esg,.news-card-image.cat-clima{background:linear-gradient(135deg,#059669,#34d399)!important}.news-card-image.cat-crime{background:linear-gradient(135deg,#991b1b,#ef4444)!important}.news-card-image.cat-agro{background:linear-gradient(135deg,#65a30d,#bef264)!important}.news-card-image.cat-local,.news-card-image.cat-local_alerts{background:linear-gradient(135deg,#be185d,#f472b6)!important}.news-card-image.cat-energy,.news-card-image.cat-energia{background:linear-gradient(135deg,#d97706,#fbbf24)!important}.news-card-image.cat-other,.news-card-image.cat-undefined,.news-card-image.cat-null{background:linear-gradient(135deg,#475569,#94a3b8)!important}.category-icon-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;opacity:.25;color:#fffc;pointer-events:none}.category-icon-fallback svg{width:100%;height:100%}.news-card-source-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(rgba(0,0,0,.7),transparent);z-index:2}.news-card-source-top span{font-size:11px;font-weight:600;color:#ffffffe6;letter-spacing:.02em}.news-card-source-top .source-logo{position:static;min-width:22px;height:18px;padding:0 5px;border-radius:3px;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.source-logo{position:absolute;top:8px;right:8px;min-width:28px;height:20px;padding:0 6px;border-radius:4px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000004d;z-index:5}.news-card-play-icon{position:absolute;bottom:8px;right:8px;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--spotify-green);border:none;border-radius:var(--radius-full);cursor:pointer;opacity:0;transform:translateY(8px);transition:all var(--transition-normal);box-shadow:0 8px 16px #0000004d}.news-card:hover .news-card-play-icon{opacity:1;transform:translateY(0)}.news-card-play-icon svg{width:20px;height:20px;fill:#fff;margin-left:2px}.news-card-content{padding:0}.news-card-category{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--spotify-green);margin-bottom:4px}.news-card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--spotify-white);line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-source{font-size:var(--font-size-xs);color:var(--spotify-gray)}.news-card-share{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:#000000b3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s,background .2s;z-index:5}.news-card:hover .news-card-share{opacity:1}.news-card-share:hover{background:var(--primary-blue)}.news-card-share svg{width:13px;height:13px;color:#fff}.news-card-fav{position:absolute;bottom:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0000008c;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:1;transition:background .2s,transform .2s;z-index:5}.news-card:hover .news-card-fav{opacity:1}.news-card-fav:hover{background:#000000d9;transform:scale(1.1)}.news-card-fav svg{width:14px;height:14px;color:#fff;stroke:#fff;fill:none;transition:color .2s,fill .2s,stroke .2s}.news-card-fav.favorited svg{color:#ff4d6a;fill:#ff4d6a}.news-card-fav.favorited{opacity:1}.news-card-body{display:none}.news-card-body-source{display:flex;align-items:center;gap:6px;margin-bottom:6px}.news-card-body-source span{font-size:11px;font-weight:500;color:#ffffff80}.news-card-body-source .source-logo{position:static;min-width:18px;height:14px;padding:0 4px;border-radius:3px;font-size:7px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.news-card-body-title{font-size:14px;font-weight:600;color:var(--spotify-white);line-height:1.4;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-card-body-title .news-title-link{color:inherit;text-decoration:none}.news-card-body-cat{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--primary-blue)}.bottom-player.ipod-player{position:fixed;bottom:0;left:0;right:0;height:auto;background:transparent;border-top:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:16px;z-index:200;pointer-events:none}.bottom-player.ipod-player>*{pointer-events:auto}.bottom-player.ipod-player.compact{padding:6px 12px}.ipod-container{display:flex;align-items:center;justify-content:center;gap:16px}.ipod-container.compact{gap:12px}.ipod-side-buttons{display:flex;flex-direction:column;gap:12px}.ipod-side-btn{width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border:1px solid #333;color:var(--spotify-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.ipod-side-btn:hover{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);transform:scale(1.05)}.ipod-side-btn:active{transform:scale(.95)}.ipod-side-btn svg{width:20px;height:20px}.ipod-wheel{position:relative;width:100px;height:100px;border-radius:50%;background:conic-gradient(from 0deg,#ffffff14,#ffffff26,#ffffff14);border:2px solid rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 16px #0006,inset 0 0 20px #ffffff08;flex-shrink:0;animation:ipod-wheel-glow 4s ease-in-out infinite}.ipod-wheel-btn{position:absolute;width:28px;height:28px;border-radius:50%;background:transparent;border:none;color:var(--spotify-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ipod-wheel-btn:hover{background:#ffffff1a}.ipod-wheel-btn:active{transform:scale(.9)}.ipod-wheel-btn svg{width:16px;height:16px}.ipod-wheel-btn.top{top:4px;left:50%;transform:translate(-50%)}.ipod-wheel-btn.bottom{bottom:4px;left:50%;transform:translate(-50%)}.ipod-wheel-btn.left{left:4px;top:50%;transform:translateY(-50%)}.ipod-wheel-btn.right{right:4px;top:50%;transform:translateY(-50%)}.ipod-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:var(--accent, #007AFF);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 20px #007aff66}.ipod-center-btn:hover{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 4px 24px #007aff80}.ipod-center-btn:active{transform:translate(-50%,-50%) scale(.95)}.ipod-center-btn svg{width:24px;height:24px}.bottom-player.ipod-circle-only{position:fixed;z-index:900;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;transition:opacity .3s ease;cursor:grab}.bottom-player.ipod-circle-only.dragging{cursor:grabbing;transition:none}.bottom-player.ipod-circle-only .ipod-drag-handle{pointer-events:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ffffff1a;color:#fff6;margin-bottom:2px;cursor:grab;transition:background .2s ease,color .2s ease}.bottom-player.ipod-circle-only .ipod-drag-handle:hover{background:#fff3;color:#ffffffb3}.bottom-player.ipod-circle-only.dragging .ipod-drag-handle{background:#3b82f64d;color:#3b82f6e6;cursor:grabbing}.bottom-player.ipod-circle-only>*{pointer-events:auto}.ipod-wheel-circle{position:relative;width:140px;height:140px;border-radius:50%;background:conic-gradient(from 0deg,#ffffff14,#ffffff26,#ffffff14);border:2px solid rgba(255,255,255,.12);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006,inset 0 0 30px #ffffff08;transition:all .3s ease;animation:ipod-wheel-glow 4s ease-in-out infinite}@keyframes ipod-wheel-glow{0%,to{box-shadow:0 8px 32px #0006,inset 0 0 30px #ffffff08}50%{box-shadow:0 8px 32px #007aff26,inset 0 0 30px #007aff0a}}.ipod-wheel-circle .ipod-wheel-btn{position:absolute;width:36px;height:36px;border-radius:50%;background:transparent;border:none;color:#ffffffe6;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:11px;font-weight:600}.ipod-wheel-circle .ipod-wheel-btn:hover{background:#ffffff1a}.ipod-wheel-circle .ipod-wheel-btn svg{width:18px;height:18px}.ipod-wheel-circle .ipod-wheel-btn.top{top:4px;left:50%;transform:translate(-50%)}.ipod-wheel-circle .ipod-wheel-btn.bottom{bottom:4px;left:50%;transform:translate(-50%)}.ipod-wheel-circle .ipod-wheel-btn.left{left:4px;top:50%;transform:translateY(-50%)}.ipod-wheel-circle .ipod-wheel-btn.right{right:4px;top:50%;transform:translateY(-50%)}.ipod-wheel-circle .speed-label{font-size:11px;font-weight:700;color:var(--primary-color)}.ipod-wheel-circle .time-display{font-size:10px;font-weight:500;color:#ffffffb3;cursor:default}.ipod-wheel-circle .time-display:hover{background:transparent}.ipod-center-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:var(--accent, #007AFF);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 20px #007aff66}.ipod-center-btn:hover{background:var(--accent, #007AFF);transform:translate(-50%,-50%) scale(1.08);box-shadow:0 4px 24px #007aff80}.ipod-center-btn svg{width:28px;height:28px}.ipod-wheel-large .ipod-wheel-btn.left{left:6px;top:50%;transform:translateY(-50%)}.ipod-wheel-large .ipod-wheel-btn.right{right:6px;top:50%;transform:translateY(-50%)}.ipod-center-btn-large{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70px;height:70px;border-radius:50%;background:linear-gradient(145deg,var(--primary-blue),#1e40af);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 20px #2563eb99,inset 0 1px 2px #fff3}.ipod-center-btn-large:hover{transform:translate(-50%,-50%) scale(1.05)}.ipod-center-btn-large:active{transform:translate(-50%,-50%) scale(.95)}.ipod-center-btn-large svg{width:28px;height:28px}.ipod-info-row{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:13px}.ipod-speed-btn{padding:6px 12px;background:#ffffff1a;border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s}.ipod-speed-btn:hover{background:#fff3}.ipod-time{font-family:SF Mono,monospace;color:var(--text-secondary)}.ipod-time-sep{color:var(--text-secondary);opacity:.5}.ipod-progress{display:flex;align-items:center;gap:8px;flex:1;max-width:300px}.ipod-progress .progress-bar{flex:1;height:4px;background:#333;border-radius:2px;cursor:pointer;overflow:hidden;position:relative}.ipod-progress .progress-fill{height:100%;background:var(--primary-blue);border-radius:2px;transition:width .1s linear}.ipod-progress .progress-loading{position:absolute;top:0;left:0;height:100%;background:#2563eb4d;border-radius:2px}.ipod-progress .time{font-size:10px;color:var(--spotify-gray);min-width:32px;text-align:center}.ipod-side-btn.speed-btn{width:36px;height:36px;font-size:11px}.player-center{display:flex;flex-direction:column;align-items:center;max-width:720px;width:100%;margin:0 auto}.player-controls{display:flex;align-items:center;gap:16px;margin-bottom:8px}.control-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--spotify-gray);cursor:pointer;padding:0;transition:all var(--transition-fast)}.control-btn:hover{color:var(--spotify-white);transform:scale(1.05)}.control-btn.active{color:var(--spotify-green)}.control-btn svg{width:16px;height:16px}.play-pause-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--spotify-white);border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast)}.play-pause-btn:hover{transform:scale(1.05)}.play-pause-btn svg{width:16px;height:16px;fill:var(--spotify-black)}.skip-btn{display:flex;align-items:center;gap:2px;background:none;border:none;color:var(--spotify-gray);cursor:pointer;font-size:10px;font-weight:600;transition:color var(--transition-fast)}.skip-btn:hover{color:var(--spotify-white)}.skip-btn svg{width:16px;height:16px}.progress-section{display:flex;align-items:center;gap:8px;width:100%}.time{font-size:var(--font-size-xs);color:var(--spotify-gray);min-width:40px;text-align:center}.progress-bar{flex:1;height:4px;background:var(--spotify-gray-dark);border-radius:2px;cursor:pointer;position:relative}.progress-bar:hover{height:6px}.progress-bar:hover .progress-fill{background:var(--spotify-green)}.progress-fill{height:100%;background:var(--spotify-white);border-radius:2px;width:0%;position:relative;transition:width .1s linear}.progress-fill:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:12px;height:12px;background:var(--spotify-white);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast)}.progress-bar:hover .progress-fill:after{opacity:1}.progress-loading{position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite;display:none}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(400%)}}.player-right{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:180px}.player-actions{display:flex;align-items:center;gap:8px}.player-action-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--spotify-gray);cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.player-action-btn:hover{color:var(--spotify-white)}.player-action-btn.active{color:var(--spotify-green)}.player-action-btn svg{width:16px;height:16px}.volume-control{display:flex;align-items:center;gap:8px}.volume-control button{background:none;border:none;color:var(--spotify-gray);cursor:pointer;padding:0;display:flex;transition:color var(--transition-fast)}.volume-control button:hover{color:var(--spotify-white)}.volume-control svg{width:16px;height:16px}.volume-bar{width:93px;height:4px;background:var(--spotify-gray-dark);border-radius:2px;cursor:pointer;position:relative}.volume-bar:hover{height:6px}.volume-fill{height:100%;background:var(--spotify-white);border-radius:2px;width:70%}.volume-bar:hover .volume-fill{background:var(--spotify-green)}.ai-voice-main{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--spotify-green);border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform var(--transition-fast)}.ai-voice-main:hover{transform:scale(1.1)}.ai-voice-icon-main{display:flex;align-items:center;gap:2px;height:12px}.wave{width:2px;background:var(--spotify-black);border-radius:1px;animation:wave 1s ease-in-out infinite}.wave:nth-child(1){animation-delay:0s;height:4px}.wave:nth-child(2){animation-delay:.15s;height:10px}.wave:nth-child(3){animation-delay:.3s;height:4px}@keyframes wave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.5)}}.feedback-row{display:none;position:absolute;top:-40px;left:50%;transform:translate(-50%);background:var(--spotify-card-hover);padding:8px 16px;border-radius:var(--radius-full);gap:16px;z-index:201}.feedback-row.show{display:flex}.feedback-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--spotify-gray);cursor:pointer;padding:4px;transition:all var(--transition-fast)}.feedback-btn:hover{color:var(--spotify-white);transform:scale(1.1)}.feedback-btn.like:hover,.feedback-btn.like.active{color:var(--spotify-green)}.feedback-btn.dislike:hover,.feedback-btn.dislike.active{color:#e74c3c}.feedback-btn svg{width:18px;height:18px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:900;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{background:var(--spotify-card-hover);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #00000080}.onboarding-modal{padding:48px}.onboarding-header{text-align:center;margin-bottom:32px}.app-logo-large{margin-bottom:24px}.app-logo-large img{border-radius:16px}.onboarding-header h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:8px;color:var(--spotify-white)}.onboarding-header p{color:var(--spotify-gray);font-size:var(--font-size-base)}.onboarding-section{margin-bottom:32px}.onboarding-section h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:16px;color:var(--spotify-white)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.category-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;background:var(--spotify-card);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--spotify-white)}.category-btn:hover{background:var(--spotify-card-hover)}.category-btn.selected{border-color:var(--spotify-green);background:#1db9541a}.category-icon{font-size:1.5rem}.category-label{font-size:var(--font-size-xs);font-weight:500}.voice-options{display:flex;gap:16px}.voice-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;background:var(--spotify-card);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--spotify-white)}.voice-option:hover{background:var(--spotify-card-hover)}.voice-option.active{border-color:var(--spotify-green);background:#1db9541a}.voice-icon-svg{color:var(--spotify-green)}.voice-desc{display:none}.btn-select-all{padding:8px 16px;background:#ffffff1a;color:var(--spotify-white);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);margin-bottom:16px}.btn-select-all:hover{background:#fff3;border-color:var(--spotline-blue)}.btn-primary{width:100%;padding:16px 32px;background:var(--spotify-green);color:var(--spotify-black);border:none;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{transform:scale(1.02);background:var(--spotify-green-hover)}.btn-secondary{width:100%;padding:16px 32px;background:transparent;color:var(--spotify-white);border:1px solid var(--spotify-gray-dark);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;margin-top:12px;transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--spotify-white)}.plus-menu{position:fixed;bottom:calc(var(--player-height) + 16px);left:calc(var(--sidebar-width) + 16px);background:var(--spotify-card-hover);border-radius:var(--radius-md);width:300px;max-height:60vh;overflow-y:auto;padding:8px;box-shadow:0 16px 48px #00000080}.plus-menu-section{padding:8px 0;border-bottom:1px solid var(--spotify-border)}.plus-menu-section:last-child{border-bottom:none}.plus-menu-title{display:flex;align-items:center;gap:8px;font-size:var(--font-size-xs);font-weight:600;color:var(--spotify-gray);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px}.plus-menu-title svg{width:16px;height:16px;color:var(--spotify-gray)}.plus-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;background:none;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--spotify-white);cursor:pointer;text-decoration:none;text-align:left;transition:background var(--transition-fast)}.plus-menu-item:hover{background:var(--spotify-card)}.plus-menu-item svg{width:16px;height:16px;color:var(--spotify-gray);flex-shrink:0}.voice-toggle-row,.speed-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:var(--font-size-sm);color:var(--spotify-white)}.toggle-btn{padding:6px 16px;background:var(--spotify-card);border:none;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;color:var(--spotify-white);cursor:pointer;transition:background var(--transition-fast)}.toggle-btn:hover{background:var(--spotify-gray-dark)}.speed-buttons{display:flex;gap:4px}.speed-option{padding:6px 10px;background:var(--spotify-card);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--spotify-gray);cursor:pointer;transition:all var(--transition-fast)}.speed-option:hover{color:var(--spotify-white)}.speed-option.active{background:var(--spotify-green);color:var(--spotify-black)}.more-menu{background:var(--spotify-card-hover);border-radius:var(--radius-lg);padding:24px;width:90%;max-width:360px}.more-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.more-menu-header span{font-weight:700;font-size:var(--font-size-lg);color:var(--spotify-white)}.more-menu-close{background:none;border:none;color:var(--spotify-gray);cursor:pointer;padding:8px;border-radius:var(--radius-full);transition:all var(--transition-fast)}.more-menu-close:hover{color:var(--spotify-white);background:var(--spotify-card)}.more-menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.more-menu-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--spotify-card);border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--spotify-gray);transition:all var(--transition-fast)}.more-menu-item:hover{background:var(--spotify-gray-dark);color:var(--spotify-white)}.more-menu-item svg{width:24px;height:24px}.more-menu-item span{font-size:var(--font-size-xs);font-weight:500}.covers-modal{max-width:900px;padding:32px}.covers-modal .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.covers-modal .modal-header h2{font-size:var(--font-size-xl);font-weight:700;color:var(--spotify-white)}.covers-modal .modal-close{background:none;border:none;cursor:pointer;color:var(--spotify-gray);padding:8px;border-radius:var(--radius-full);transition:all var(--transition-fast)}.covers-modal .modal-close:hover{color:var(--spotify-white);background:var(--spotify-card)}.covers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px}.cover-item{cursor:pointer;border-radius:var(--radius-md);overflow:hidden;background:var(--spotify-card);transition:transform var(--transition-fast)}.cover-item:hover{transform:scale(1.02)}.cover-item img{width:100%;height:auto;display:block}.cover-name{padding:12px;text-align:center;font-size:var(--font-size-sm);font-weight:500;color:var(--spotify-white)}.covers-loading{grid-column:1 / -1;text-align:center;padding:48px;color:var(--spotify-gray)}.upgrade-modal{padding:32px;text-align:center}.upgrade-modal-header,.upgrade-modal-header img{margin-bottom:16px}.upgrade-modal-header h2{font-size:var(--font-size-xl);color:var(--spotify-white)}.upgrade-modal p{color:var(--spotify-gray);margin-bottom:24px}.upgrade-plans{display:flex;gap:12px;margin-bottom:24px}.upgrade-plan{flex:1;padding:16px;background:var(--spotify-card);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.upgrade-plan:hover{border-color:var(--spotify-gray-dark)}.upgrade-plan.featured{border-color:var(--spotify-green);background:#1db9541a}.upgrade-plan h3{font-size:var(--font-size-base);color:var(--spotify-white);margin-bottom:4px}.upgrade-plan p{font-size:var(--font-size-lg);font-weight:700;color:var(--spotify-green);margin-bottom:4px}.upgrade-plan span{font-size:var(--font-size-xs);color:var(--spotify-gray)}.plan-popular{display:inline-block;background:var(--spotify-green);color:var(--spotify-black);padding:4px 8px;border-radius:var(--radius-sm);font-size:10px;font-weight:700;margin-bottom:8px}.ai-conversation-modal{padding:0}.ai-conversation-content{background:linear-gradient(180deg,var(--spotify-card-hover) 0%,var(--spotify-dark) 100%);border-radius:var(--radius-lg);padding:32px;width:90%;max-width:400px;position:relative}.ai-close-x{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--spotify-gray);cursor:pointer;padding:8px;border-radius:var(--radius-full);transition:all var(--transition-fast)}.ai-close-x:hover{color:var(--spotify-white);background:var(--spotify-card)}.ai-header{text-align:center;margin-bottom:24px}.ai-avatar{width:80px;height:80px;background:var(--spotify-green);border-radius:var(--radius-full);margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.ai-waves{display:flex;align-items:center;gap:4px;height:32px}.ai-waves .wave{width:4px;background:var(--spotify-black);border-radius:2px}.ai-waves .wave:nth-child(1){height:12px}.ai-waves .wave:nth-child(2){height:24px}.ai-waves .wave:nth-child(3){height:12px}.ai-header h2{font-size:var(--font-size-xl);color:var(--spotify-white);margin-bottom:4px}.ai-status{color:var(--spotify-gray);font-size:var(--font-size-sm)}.ai-transcript{background:var(--spotify-card);border-radius:var(--radius-md);padding:16px;min-height:120px;max-height:200px;overflow-y:auto;margin-bottom:24px}.ai-hint{color:var(--spotify-gray);font-size:var(--font-size-sm);text-align:center}.ai-controls{text-align:center;margin-bottom:16px}.ai-mic-btn{width:64px;height:64px;background:var(--spotify-green);border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;transition:all var(--transition-fast)}.ai-mic-btn:hover{transform:scale(1.05)}.ai-mic-btn svg{fill:var(--spotify-black)}.mic-hint{color:var(--spotify-gray);font-size:var(--font-size-xs)}.ai-close-btn{width:100%;padding:12px;background:var(--spotify-card);border:none;border-radius:var(--radius-full);color:var(--spotify-white);font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.ai-close-btn:hover{background:var(--spotify-gray-dark)}.toast{position:fixed;bottom:calc(var(--player-height) + 16px);left:50%;transform:translate(-50%) translateY(20px);background:var(--spotify-card-hover);color:var(--spotify-white);padding:12px 24px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;opacity:0;transition:all var(--transition-normal);z-index:10000;box-shadow:0 8px 24px #0000004d}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.loading-skeleton,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--spotify-gray)}.empty-state svg{margin-bottom:16px;opacity:.5}.empty-state p{font-size:var(--font-size-lg);font-weight:500;margin-bottom:8px}.radio-wave-loader{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 0}.radio-wave-icon{position:relative;width:140px;height:100px;display:flex;align-items:center;justify-content:center}.radio-tower-svg{width:100px;height:100px;filter:drop-shadow(0 0 16px rgba(59,130,246,.35));animation:tower-breathe 3s ease-in-out infinite}@keyframes tower-breathe{0%,to{filter:drop-shadow(0 0 12px rgba(59,130,246,.25));transform:scale(1)}50%{filter:drop-shadow(0 0 24px rgba(59,130,246,.5));transform:scale(1.03)}}.wave-arc{opacity:0}.wave-arc.w1{animation:arc-pulse 2.4s ease-in-out infinite;animation-delay:0s}.wave-arc.w2{animation:arc-pulse 2.4s ease-in-out infinite;animation-delay:.4s}.wave-arc.w3{animation:arc-pulse 2.4s ease-in-out infinite;animation-delay:.8s}@keyframes arc-pulse{0%{opacity:0;stroke-width:2.5}20%{opacity:.9}50%{opacity:.5}80%{opacity:0;stroke-width:1}to{opacity:0}}.radio-wave-text{font-size:15px;font-weight:500;color:#ffffff73;letter-spacing:1.5px;text-transform:uppercase;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.radio-wave-dots{display:flex;gap:8px}.radio-wave-dots .dot{width:6px;height:6px;border-radius:50%;background:#3b82f6;animation:dot-bounce 1.6s ease-in-out infinite}.radio-wave-dots .dot:nth-child(2){animation-delay:.2s}.radio-wave-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{opacity:.25;transform:scale(.7) translateY(0)}40%{opacity:1;transform:scale(1.1) translateY(-4px)}}.app-container,.app-header,.ticker-bar,.play-area,.greeting-section,.big-play-button,.news-grid-section,.news-grid-header,.news-grid-title,.news-grid-count,.action-bar,.action-bar-btn,.quick-actions,.quick-btn{display:none!important}@media (max-width: 1024px){:root{--sidebar-width: 80px}.sidebar-logo span,.nav-item span,.library-title span,.library-actions,.library-filters,.library-item-info{display:none}.sidebar-logo{justify-content:center;padding:24px 16px}.nav-item{justify-content:center;padding:12px}.library-header,.library-item{justify-content:center}.library-item-image{width:40px;height:40px}.news-section-cards{grid-template-columns:repeat(2,1fr)}.news-card{padding:18px}.news-card-overlay .news-card-title{font-size:14px;-webkit-line-clamp:3}.news-card-overlay .news-card-category,.news-card-overlay .news-card-source{font-size:11px}.plus-menu{left:calc(var(--sidebar-width) + 8px);width:280px}}@media (max-width: 768px){.sidebar{position:fixed;top:0;left:0;width:280px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .25s ease}.sidebar.drawer-open{transform:translate(0)}.drawer-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:999}.drawer-overlay.active{display:block}.sidebar-logo span,.sidebar-logo .logo-text,.nav-item span,.library-title span,.library-actions,.library-item-info{display:revert}.library-filters{display:flex}.sidebar-logo{justify-content:flex-start;padding:20px 16px 16px}.nav-item{justify-content:flex-start;padding:10px 16px}:root{--sidebar-width: 0px;--header-height: 44px}.main-header{position:fixed;top:0;left:0;right:0;z-index:950;padding:10px 16px;height:var(--header-height);box-sizing:border-box}.mobile-header-logo{display:block}.help-header-btn{display:none!important}.search-bar{width:100%;max-width:280px}.content-scroll{padding:56px 16px 24px}.play-all-buttons{flex-direction:column;gap:8px;width:100%}.play-all-section{flex-direction:column;text-align:center}.customize-btn{height:44px;width:100%;justify-content:center}.customize-panel{padding:16px}.customize-modules{flex-direction:column}.section-title{font-size:var(--font-size-xl)}.news-sources-grid,.news-section-cards{grid-template-columns:1fr;gap:10px}.news-card{display:flex;flex-direction:row;align-items:stretch;padding:0;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);overflow:hidden}.news-card .news-card-image{width:100px;min-width:100px;aspect-ratio:auto;border-radius:0;margin-bottom:0}.news-card .category-icon-fallback{width:36px;height:36px}.news-card .news-card-overlay,.news-card .news-card-source-top{display:none}.news-card .news-card-actions-bar{margin-top:8px;padding-top:6px}.news-card .news-card-body{display:flex;flex-direction:column;justify-content:center;flex:1;padding:10px 14px;min-width:0}.news-card .news-card-play-icon{width:36px;height:36px;bottom:6px;right:6px;opacity:1;transform:none}.news-card .news-card-play-icon svg{width:14px;height:14px}.news-card .news-card-share{position:absolute;top:6px;right:6px;width:40px;height:40px;opacity:.7}.news-card .news-card-share svg{width:20px;height:20px}.news-card .news-card-fav{width:40px;height:40px}.news-card .news-card-fav svg{width:20px;height:20px}.source-card{padding:12px}.source-card-image{margin-bottom:12px}.play-all-section{padding:16px;flex-direction:row;align-items:center;gap:16px;margin-bottom:20px}.play-all-btn{height:48px;padding:0 20px 0 16px;flex-shrink:0}.play-all-btn svg{width:20px;height:20px}.play-all-btn span{font-size:14px}.play-all-info h2{font-size:16px;line-height:1.2}.play-all-info p{font-size:12px}.bottom-player:not(.ipod-circle-only){grid-template-columns:1fr auto 1fr;padding:8px 12px;height:72px}.player-left{min-width:auto}.player-track-image{width:48px;height:48px}.player-track-actions{display:none}.player-center{display:flex;flex-direction:column;align-items:center;gap:4px}.player-controls{gap:8px}.player-controls .play-btn{width:40px;height:40px}.player-controls .skip-btn{width:28px;height:28px}.player-progress{display:none}.player-right{min-width:auto;gap:4px;justify-content:flex-end}.player-action-btn{width:32px;height:32px}.volume-control{display:none}.plus-menu{left:16px;right:16px;width:auto;bottom:calc(var(--player-height) + 8px)}.play-all-section{padding:16px;flex-direction:column;text-align:center}.news-card .news-card-share,.news-card .news-card-fav{width:44px;height:44px;opacity:1}.news-card .news-card-share svg,.news-card .news-card-fav svg{width:22px;height:22px}}@media (max-width: 480px){.news-sources-grid{grid-template-columns:repeat(2,1fr);gap:8px}.news-section-cards{grid-template-columns:1fr;gap:8px}.source-card-name{font-size:var(--font-size-xs)}.source-card-desc{display:none}.news-card .news-card-image{width:80px;min-width:80px}.category-grid{grid-template-columns:repeat(3,1fr)}.voice-options{flex-direction:column}.bottom-player.ipod-circle-only{display:flex;grid-template-columns:none;height:auto;padding:0;background:transparent;border-top:none}}.news-ticker{position:fixed;top:var(--header-height);left:var(--sidebar-width);right:0;height:36px;background:linear-gradient(90deg,var(--spotline-blue),#1e40af);display:flex;align-items:center;z-index:100}.ticker-content{display:flex;align-items:center;gap:12px;padding:0 24px;width:100%;overflow:hidden}.ticker-icon{font-size:12px;animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ticker-label{font-size:var(--font-size-xs);font-weight:600;color:var(--spotify-black);text-transform:uppercase;white-space:nowrap}.ticker-text{flex:1;font-size:var(--font-size-sm);font-weight:500;color:var(--spotify-black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker-progress{font-size:var(--font-size-xs);font-weight:600;color:var(--spotify-black);background:#0003;padding:4px 10px;border-radius:var(--radius-full);white-space:nowrap}.continue-banner{display:none!important}.continue-content{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}.continue-info{display:flex;align-items:center;gap:12px}.continue-icon{font-size:24px}.continue-text{display:flex;flex-direction:column;gap:2px}.continue-text strong{color:var(--spotify-white);font-size:var(--font-size-sm)}.continue-text span{color:var(--spotify-gray);font-size:var(--font-size-xs)}.continue-actions{display:flex;align-items:center;gap:8px}.continue-btn{background:var(--spotify-green);color:var(--spotify-black);border:none;padding:8px 24px;border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.continue-btn:hover{background:var(--spotify-green-hover);transform:scale(1.02)}.continue-dismiss{background:transparent;border:none;color:var(--spotify-gray);font-size:20px;cursor:pointer;padding:4px 8px}.continue-dismiss:hover{color:var(--spotify-white)}.headline-card{background:var(--spotify-card);border-radius:var(--radius-lg);padding:16px;position:relative;transition:all var(--transition-normal);display:flex;flex-direction:column;gap:8px;min-height:140px}.headline-card.compact{padding:12px;gap:6px;min-height:110px}.source-icon{min-width:26px;height:20px;padding:0 4px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:-.3px}.source-logo{width:20px;height:20px;border-radius:4px;object-fit:contain;flex-shrink:0}.headline-card:hover{background:var(--spotify-card-hover);transform:translateY(-2px)}.headline-card.partially-played{border-left:3px solid var(--spotify-green)}.headline-card-top{display:flex;justify-content:space-between;align-items:flex-start}.headline-category{font-size:var(--font-size-xs);color:var(--spotify-gray);background:#ffffff1a;padding:4px 8px;border-radius:var(--radius-sm)}.headline-actions{display:flex;gap:4px;opacity:0;transition:opacity var(--transition-fast)}.headline-card:hover .headline-actions{opacity:1}.headline-action-btn{background:#ffffff1a;border:none;color:var(--spotify-gray);width:28px;height:28px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast)}.headline-action-btn:hover{background:#fff3;color:var(--spotify-white)}.headline-title{font-size:var(--font-size-sm);font-weight:600;color:var(--spotify-white);line-height:1.3;flex:1;cursor:pointer;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.headline-title:hover{text-decoration:underline}.headline-footer{display:flex;align-items:center;gap:8px;margin-top:auto}.headline-source,.headline-duration{font-size:var(--font-size-xs);color:var(--spotify-gray)}.headline-progress-bar{height:3px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-top:4px}.headline-progress-fill{height:100%;background:var(--spotify-green);border-radius:2px}.headline-play-btn{position:absolute;bottom:12px;right:12px;width:40px;height:40px;border-radius:50%;background:var(--spotify-green);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(8px);transition:all var(--transition-normal);box-shadow:0 4px 12px #0006}.headline-card:hover .headline-play-btn{opacity:1;transform:translateY(0)}.headline-play-btn:hover{transform:scale(1.05);background:var(--spotify-green-hover)}.headline-play-btn svg{width:18px;height:18px;fill:#fff}@media (max-width: 768px){.news-ticker,.continue-banner{left:0}.content-scroll.ticker-visible{padding-top:100px}.ticker-content{padding:0 16px}.ticker-label{display:none}}.sidebar-expanded{padding:16px 12px;border-top:1px solid rgba(255,255,255,.1);overflow-y:auto;flex:1}.sidebar-nav-extended{padding:8px;margin-top:8px}.sidebar-nav-extended .nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.sidebar-nav-extended .nav-item:hover{background:#ffffff14;color:var(--text-primary)}.sidebar-nav-extended .nav-item svg{width:20px;height:20px;flex-shrink:0}.sidebar-nav-extended .nav-item.has-submenu{justify-content:flex-start}.sidebar-nav-extended .nav-item .submenu-arrow{margin-left:auto;transition:transform .2s}.sidebar-nav-extended .nav-item.expanded .submenu-arrow{transform:rotate(180deg)}.submenu{display:none;padding:4px 0 8px 36px}.submenu.open{display:block}.submenu-item{display:block;width:100%;padding:10px 14px;font-size:13px;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s ease}.submenu-item:hover{background:#ffffff14;color:var(--text-primary)}.submenu-item.pref-tile{display:flex;align-items:center;gap:10px;padding:10px 12px;margin-bottom:2px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);transition:all .2s ease}.submenu-item.pref-tile:hover{background:#ffffff14;border-color:#ffffff1f}.pref-tile-icon{font-size:18px;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#ffffff0f}.pref-tile-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pref-tile-title{font-size:13px;font-weight:500;color:var(--text-primary);line-height:1.3}.pref-tile-desc{font-size:11px;color:var(--text-secondary);opacity:.7;line-height:1.3}.pref-tile-arrow{flex-shrink:0;width:16px;height:16px;color:var(--text-secondary);opacity:.4;transition:opacity .15s}.submenu-item.pref-tile:hover .pref-tile-arrow{opacity:.8}.pref-tile-toggle{cursor:pointer}.pref-toggle-switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;border-radius:12px;background:#ffffff26;position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0;border:none;outline:none}.pref-toggle-switch:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #0000004d}.pref-toggle-switch:checked{background:var(--accent, #007AFF)}.pref-toggle-switch:checked:before{transform:translate(16px)}.submenu-row{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;font-size:13px;color:var(--text-secondary)}.submenu-toggle{padding:6px 12px;background:#ffffff1a;border:none;border-radius:6px;color:var(--text-primary);font-size:12px;cursor:pointer}.submenu-toggle:hover{background:#ffffff26}.submenu-speed-btns{display:flex;gap:4px}.submenu-speed-btns .speed-btn{padding:4px 8px;font-size:11px;background:#ffffff1a;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer}.submenu-speed-btns .speed-btn.active{background:var(--primary-blue);color:#fff}.sidebar-audio-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;font-size:12px;color:var(--text-secondary)}.sidebar-toggle-btn{background:#ffffff1a;border:none;border-radius:12px;padding:4px 12px;font-size:11px;color:var(--text-primary);cursor:pointer;transition:all .15s ease}.sidebar-toggle-btn:hover{background:#fff3}.sidebar-speed-btns{display:flex;gap:4px}.sidebar-speed-btns .speed-btn{background:#ffffff1a;border:none;border-radius:10px;padding:3px 8px;font-size:10px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.sidebar-speed-btns .speed-btn:hover{background:#fff3}.sidebar-speed-btns .speed-btn.active{background:var(--spotify-green);color:#000}@media (max-width: 768px){.sidebar-expanded{display:none}}.sidebar{display:flex;flex-direction:column}.sources-modal{max-width:500px;max-height:80vh;overflow-y:auto}.sources-grid{display:flex;flex-direction:column;gap:8px;margin:16px 0}.source-checkbox{display:flex;align-items:center;padding:12px 16px;background:#ffffff0d;border-radius:10px;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.source-checkbox:hover{background:#ffffff1a}.source-checkbox.checked{border-color:var(--spotify-green);background:#1ed7601a}.source-checkbox input{width:20px;height:20px;min-width:20px;margin-right:12px;accent-color:var(--spotify-green);cursor:pointer}.source-info{display:flex;align-items:center;gap:12px;width:100%}.source-initial{min-width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.source-details{display:flex;flex-direction:column;gap:2px}.source-name{font-size:14px;font-weight:600;color:var(--text-primary)}.source-desc{font-size:12px;color:var(--text-secondary)}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-secondary{padding:10px 20px;background:#ffffff1a;color:var(--text-primary);border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease}.modal-header-row{display:flex;align-items:center;justify-content:space-between}.modal-header-row h2{margin:0}.modal-close-btn{background:none;border:none;color:var(--spotify-gray);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);line-height:1;transition:all var(--transition-fast)}.modal-close-btn:hover{color:var(--spotify-white);background:#ffffff1a}.notifications-modal{max-width:480px}.notifications-list{display:flex;flex-direction:column;gap:2px;margin-top:12px;max-height:400px;overflow-y:auto}.notif-player-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-top:12px;background:#1db95414;border:1px solid rgba(29,185,84,.2);border-radius:var(--radius-md)}.notif-player-info{display:flex;align-items:center;gap:8px}.notif-player-count{font-size:var(--font-size-sm);color:var(--spotify-white);font-weight:500}.notif-play-all-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:var(--spotify-green);color:#000;border:none;border-radius:999px;font-size:var(--font-size-sm);font-weight:700;cursor:pointer;transition:all .15s ease}.notif-play-all-btn:hover{background:var(--spotify-green-hover);transform:scale(1.03)}.notif-player-actions{display:flex;align-items:center;gap:8px}.notif-share-all-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;background:#ffffff14;color:var(--spotify-white);border:none;border-radius:999px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .15s ease}.notif-share-all-btn:hover{background:#ffffff26;transform:scale(1.03)}.notif-item-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.notif-item-share{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:none;background:#ffffff0d;color:#ffffff80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.notif-item-share:hover{background:#ffffff1f;color:var(--spotify-white);transform:scale(1.1)}.notification-item{display:flex;align-items:center;gap:10px;padding:12px;background:#ffffff08;border-radius:var(--radius-sm);transition:background var(--transition-fast);cursor:pointer}.notification-item .notif-content{flex:1;min-width:0}.notif-item-play{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:none;background:#ffffff14;color:var(--spotify-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.notif-item-play:hover{background:var(--spotify-green);color:#000;transform:scale(1.1)}.notification-item:hover{background:#ffffff12}.notification-item.breaking{border-left:3px solid #ef4444}.notif-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.notif-source{font-size:11px;font-weight:600;color:var(--spotify-green);text-transform:uppercase}.notif-category{font-size:11px;color:var(--spotify-gray);background:#ffffff14;padding:1px 6px;border-radius:4px}.notif-breaking{font-size:10px;font-weight:700;color:#fff;background:#ef4444;padding:1px 6px;border-radius:4px}.notif-time{font-size:11px;color:#ffffff59;margin-left:auto}.notif-title{font-size:var(--font-size-sm);color:var(--spotify-white);line-height:1.4}.no-notifications,.loading-spinner{text-align:center;color:var(--spotify-gray);padding:24px 0;font-size:var(--font-size-sm)}.scroll-loading-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 0 40px;color:#ffffff80;font-size:14px;letter-spacing:.5px}.scroll-loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--accent-blue, #3b82f6);border-radius:50%;animation:scroll-spin .8s linear infinite}@keyframes scroll-spin{to{transform:rotate(360deg)}}.help-modal{max-width:480px}.help-sections{display:flex;flex-direction:column;gap:8px;margin-top:16px}.help-item{display:flex;gap:14px;padding:14px;background:#ffffff0d;border-radius:var(--radius-md)}.help-icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border-radius:var(--radius-sm);color:var(--spotify-green)}.help-item h3{font-size:var(--font-size-md);font-weight:600;color:var(--spotify-white);margin:0 0 4px}.help-item p{font-size:var(--font-size-sm);color:var(--spotify-gray);margin:0;line-height:1.4}.history-modal{max-width:480px}.history-list{display:flex;flex-direction:column;gap:2px;margin-top:12px;max-height:400px;overflow-y:auto;line-height:1.5}.emergency-header-btn{display:none;position:relative;color:#ff6b35}.emergency-header-btn:hover{background:#ff6b3526;color:#ff6b35}.emergency-header-indicator{position:absolute;top:4px;right:4px;font-size:8px;color:#ff3b30;animation:pulse-emergency 1.5s infinite}@keyframes pulse-emergency{0%,to{opacity:1}50%{opacity:.3}}.hamburger-btn{order:1;display:none;color:#fff}@media (max-width: 768px){.emergency-header-btn{display:flex}.hamburger-btn{display:flex;color:#fff}}.btn-secondary:hover{background:#fff3}.theme-order-modal{max-width:420px;max-height:80vh;overflow-y:auto}.theme-order-list{display:flex;flex-direction:column;gap:4px;margin:16px 0}.theme-order-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0d;border-radius:8px;transition:background .2s}.theme-order-item:hover{background:#ffffff1a}.theme-order-pos{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-secondary);background:#ffffff14;border-radius:50%;flex-shrink:0}.theme-order-emoji{font-size:18px;flex-shrink:0}.theme-order-name{flex:1;font-size:14px;font-weight:500;color:var(--text-primary)}.theme-order-arrows{display:flex;flex-direction:column;gap:2px}.theme-arrow{width:28px;height:20px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:none;border-radius:4px;color:var(--text-secondary);font-size:10px;cursor:pointer;transition:all .15s}.theme-arrow:hover:not(:disabled){background:var(--spotify-green);color:#fff}.theme-arrow:disabled{opacity:.2;cursor:default}.news-card.listened{filter:grayscale(100%);opacity:.5;transition:filter .4s,opacity .4s}.news-card.listened:hover{filter:grayscale(50%);opacity:.75}.news-card.cover-card{border:2px solid rgba(37,99,235,.3);box-shadow:0 0 12px #2563eb1a}.news-card.cover-card:hover{border-color:#2563eb80;box-shadow:0 0 20px #2563eb33}.news-card-image.has-cover-image{background-size:cover!important;background-position:top center!important;background-repeat:no-repeat!important}.news-card-cover-badge{position:absolute;top:10px;right:10px;background:#2563ebe6;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:3px 8px;border-radius:4px;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.favorites-modal{max-width:560px;width:95%;max-height:80vh;overflow-y:auto;position:relative}.favorites-modal>.modal-close-btn{position:absolute;top:12px;right:12px;z-index:2;font-size:28px}.favorites-actions-bar{display:flex;gap:10px;margin-bottom:16px}.favorites-play-all{display:flex;align-items:center;gap:8px;flex:1;justify-content:center;padding:12px 16px;font-size:14px;font-weight:600}.favorites-share-all{display:flex;align-items:center;gap:8px;padding:12px 16px;font-size:13px}.favorites-list{display:flex;flex-direction:column;gap:2px}.favorite-item{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-radius:10px;background:#ffffff0a;transition:background .15s}.favorite-item:hover{background:#ffffff14}.fav-item-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.fav-item-number{font-size:12px;color:#ffffff59;font-weight:600;min-width:18px;text-align:center}.fav-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.fav-item-text .fav-title{font-size:13px;font-weight:500;color:#ffffffe6;line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fav-item-text .fav-source{font-size:11px;color:#fff6}.fav-item-actions{display:flex;align-items:center;gap:4px;margin-left:8px;flex-shrink:0}.fav-action-btn{width:36px;height:36px;border-radius:50%;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff9;transition:background .15s,color .15s}.fav-action-btn:hover{background:#ffffff1a;color:#fff}.fav-play{color:var(--primary-blue)}.fav-play:hover{background:#3b82f626;color:var(--primary-blue)}.fav-remove:hover{background:#ef444426;color:#ef4444}@media (max-width: 768px){.favorites-modal{max-height:85vh;padding:20px 16px;width:100%;max-width:100%;border-radius:16px 16px 0 0;margin-top:auto}.favorites-actions-bar{flex-direction:column;gap:8px}.favorites-play-all,.favorites-share-all{padding:14px 16px;font-size:15px}.favorite-item{padding:14px 8px;flex-wrap:wrap;gap:8px}.fav-item-info{flex:1 1 100%;min-width:0}.fav-item-actions{flex:1 1 100%;margin-left:0;justify-content:space-around;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}.fav-action-btn{width:44px;height:44px;border-radius:10px}.fav-action-btn svg{width:18px;height:18px}.fav-item-text .fav-title{font-size:14px}.fav-item-text .fav-source{font-size:12px}}