@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+Devanagari:wght@400;500;600;700;800;900&family=Outfit:wght@600;700;800;900&display=swap");.is-hidden{display:none!important}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-glass:hsla(0,0%,100%,.92);--border-glass:#e2e8f0;--border-subtle:#f1f5f9;--border-glow:rgba(217,119,6,.35);--accent-gold:#d97706;--accent-gold-hover:#b45309;--accent-gold-bg:#fef3c7;--accent-red:#e11d48;--accent-red-hover:#be123c;--accent-red-bg:#ffe4e6;--accent-blue:#0284c7;--accent-cyan:#0891b2;--accent-green:#10b981;--accent-purple:#7c3aed;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-hindi:"Noto Sans Devanagari",-apple-system,sans-serif;--font-display:"Outfit",sans-serif;--radius-xl:20px;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--shadow-card:0 4px 20px -2px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.05);--shadow-hover:0 20px 40px -12px rgba(15,23,42,.12),0 0 0 1px rgba(217,119,6,.25);--shadow-active-audio:0 12px 36px -6px rgba(217,119,6,.2),0 0 0 1.5px #d97706}[data-theme=dark]{--bg-primary:#080c14;--bg-secondary:#0e1524;--bg-card:rgba(14,21,37,.9);--bg-glass:rgba(8,12,20,.88);--border-glass:hsla(0,0%,100%,.08);--border-subtle:hsla(0,0%,100%,.04);--border-glow:rgba(56,189,248,.4);--accent-gold:#f59e0b;--accent-gold-hover:#d97706;--accent-gold-bg:rgba(245,158,11,.12);--accent-red:#f43f5e;--accent-red-hover:#e11d48;--accent-red-bg:rgba(244,63,94,.15);--accent-blue:#38bdf8;--accent-cyan:#22d3ee;--accent-green:#34d399;--accent-purple:#a78bfa;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--shadow-card:0 10px 30px -5px rgba(0,0,0,.6),0 0 1px hsla(0,0%,100%,.08);--shadow-hover:0 25px 50px -10px rgba(0,0,0,.8),0 0 24px rgba(56,189,248,.15);--shadow-active-audio:0 12px 40px -4px rgba(56,189,248,.25),0 0 0 1.5px rgba(56,189,248,.6)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{overflow-x:hidden!important;max-width:100vw!important;width:100%!important}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;display:flex;flex-direction:column;position:relative;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}.sticky-top-container{position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);box-shadow:0 4px 20px rgba(0,0,0,.04)}.top-header{justify-content:space-between;padding:10px 24px;gap:16px;border-bottom:1px solid var(--border-subtle)}.brand-container,.top-header{display:flex;align-items:center}.brand-container{gap:10px;text-decoration:none}.live-beacon{position:relative;width:10px;height:10px;display:flex;align-items:center;justify-content:center}.live-beacon-pulse{position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--accent-red);box-shadow:0 0 10px var(--accent-red);animation:pulse-beacon 1.8s infinite}@keyframes pulse-beacon{0%{transform:scale(.9);opacity:1}50%{transform:scale(1.6);opacity:.35}to{transform:scale(.9);opacity:1}}.brand-logo{font-family:var(--font-display);font-weight:900;font-size:1.55rem;letter-spacing:-.6px;color:var(--text-primary);display:flex;align-items:center}.brand-logo span{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-left:2px}.brand-sub{font-size:.65rem;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-muted);font-weight:800;background:var(--border-subtle);padding:3px 7px;border-radius:5px;border:1px solid var(--border-glass);display:inline-block}.header-center,.live-pill{display:flex;align-items:center}.live-pill{background:var(--bg-secondary);border:1px solid var(--border-glass);padding:5px 14px;border-radius:30px;gap:8px;font-size:.78rem;font-weight:600;color:var(--text-secondary);box-shadow:0 1px 3px rgba(0,0,0,.03)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-green);box-shadow:0 0 6px var(--accent-green);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.header-right{display:flex;align-items:center;gap:10px}.lang-switch-container{position:relative;display:flex;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:30px;padding:2px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.lang-btn{position:relative;z-index:2;background:transparent;border:none;color:var(--text-muted);font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:20px;cursor:pointer;transition:color .2s ease;display:flex;align-items:center;gap:3px}.lang-btn.active{color:#fff}.lang-slider{position:absolute;top:2px;bottom:2px;width:calc(50% - 2px);background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;z-index:1;transition:transform .25s cubic-bezier(.16,1,.3,1);box-shadow:0 2px 6px rgba(217,119,6,.3)}.lang-slider.slide-hi{transform:translateX(0)}.lang-slider.slide-en{transform:translateX(100%)}.control-btn{background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-primary);font-size:.95rem;width:34px;height:34px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 3px rgba(0,0,0,.03)}.control-btn:hover{transform:scale(1.08);border-color:var(--text-muted)}.news-ticker-strip{display:flex;align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:7px 24px;gap:14px;overflow:hidden;position:relative}.ticker-badge{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.6px;padding:4px 10px;border-radius:6px;display:flex;align-items:center;gap:6px;flex-shrink:0;box-shadow:0 2px 6px rgba(225,29,72,.3)}.ticker-beacon{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse-beacon 1.2s infinite}.ticker-content-track{overflow:hidden;white-space:nowrap;flex:1 1;position:relative}.ticker-scroll{display:inline-flex;align-items:center;white-space:nowrap;animation:ticker-slide 75s linear infinite}.ticker-scroll:hover{animation-play-state:paused}@keyframes ticker-slide{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.ticker-item{display:inline-flex;align-items:center;margin-right:32px}.ticker-sep{color:var(--accent-gold);font-size:.75rem;margin-right:10px}.ticker-text{font-size:.86rem;font-weight:600;color:var(--text-secondary);font-family:var(--font-hindi),var(--font-sans)}.ticker-meta-pill{font-size:.68rem;font-weight:800;color:var(--accent-cyan);background:rgba(8,145,178,.08);border:1px solid rgba(8,145,178,.25);padding:3px 8px;border-radius:20px;flex-shrink:0;letter-spacing:.5px}.category-nav-wrapper{display:flex;justify-content:center;padding:8px 16px;width:100%}.category-nav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 4px;max-width:980px;width:100%;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.category-nav::-webkit-scrollbar{display:none}.cat-btn{background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-secondary);padding:6px 16px;border-radius:30px;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;scroll-snap-align:start;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:5px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.cat-btn:hover{border-color:var(--text-muted);color:var(--text-primary);transform:translateY(-1px)}.cat-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:700;border-color:transparent;box-shadow:0 3px 12px rgba(217,119,6,.35);transform:translateY(-1px)}.deck-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:28px;gap:28px;max-width:1240px;margin:0 auto;padding:24px 24px 70px;width:100%}.news-card{width:100%;display:flex;flex-direction:column;height:100%;background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),border-color .3s ease;position:relative}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:var(--border-glow)}.news-card.card-active-audio{box-shadow:var(--shadow-active-audio);border-color:var(--accent-blue)}.card-media{position:relative;width:100%;height:230px;background:#0e1524;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;color:transparent;font-size:0;transition:transform .6s cubic-bezier(.16,1,.3,1)}.news-card:hover .card-image{transform:scale(1.05)}.card-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0,transparent 40%,rgba(0,0,0,.8));pointer-events:none}.badge-tag{position:absolute;top:12px;left:12px;color:#fff;padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:800;letter-spacing:.3px;box-shadow:0 4px 10px rgba(0,0,0,.3);z-index:3}.badge-breaking{background:linear-gradient(135deg,#e11d48,#be123c)}.badge-tech{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.badge-national{background:linear-gradient(135deg,#ea580c,#c2410c)}.badge-business{background:linear-gradient(135deg,#0284c7,#0369a1)}.badge-sports{background:linear-gradient(135deg,#059669,#047857)}.badge-world{background:linear-gradient(135deg,#0284c7,#4f46e5)}.badge-entertainment{background:linear-gradient(135deg,#ec4899,#be185d)}.source-tag{position:absolute;top:12px;right:12px;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#f8fafc;padding:4px 10px;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.2px;border:1px solid hsla(0,0%,100%,.12);z-index:3}.verified-check{color:var(--accent-cyan);font-weight:900;margin-right:2px}.image-counter-badge{left:12px;background:rgba(15,23,42,.75);font-weight:700}.image-counter-badge,.read-time-tag{position:absolute;bottom:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:.68rem;padding:3px 8px;border-radius:5px;z-index:5;border:1px solid hsla(0,0%,100%,.1)}.read-time-tag{right:12px;background:rgba(0,0,0,.65);font-weight:600}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:rgba(15,23,42,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2);color:#fff;font-size:1.3rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 4px 10px rgba(0,0,0,.3)}.carousel-arrow:hover{background:rgba(15,23,42,.95);transform:translateY(-50%) scale(1.1);border-color:var(--accent-gold)}.carousel-arrow.prev{left:8px}.carousel-arrow.next{right:8px}.carousel-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;z-index:10}.carousel-dot{width:6px;height:6px;border-radius:10px;background:hsla(0,0%,100%,.45);border:none;cursor:pointer;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1)}.carousel-dot.active{width:18px;background:var(--accent-gold);box-shadow:0 0 8px rgba(245,158,11,.7)}.card-content{padding:20px;display:flex;flex-direction:column;flex:1 1;justify-content:space-between;gap:14px}.card-text-block{display:flex;flex-direction:column;gap:10px;border-radius:var(--radius-sm);transition:all .3s ease}.card-text-block.speaking-active{background:transparent}.anchor-live-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.45);color:#ef4444;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:20px;width:-moz-fit-content;width:fit-content;animation:anchor-beacon 1.5s infinite alternate}[data-theme=dark] .anchor-live-pill{color:#f87171;border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.22)}@keyframes anchor-beacon{0%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}to{box-shadow:0 0 0 6px rgba(239,68,68,0)}}.live-pulsar{width:7px;height:7px;border-radius:50%;background:#ef4444;box-shadow:0 0 8px #ef4444;animation:pulse-dot 1s infinite alternate}.soundwave-mini{display:inline-flex;align-items:flex-end;gap:2px;height:10px;margin-left:2px}.soundwave-mini .sw-bar{width:2.5px;background:#ef4444;border-radius:1px;animation:wave-bounce .7s ease-in-out infinite alternate}.soundwave-mini .sw-bar.b1{height:4px;animation-delay:.1s}.soundwave-mini .sw-bar.b2{height:10px;animation-delay:.3s}.soundwave-mini .sw-bar.b3{height:6px;animation-delay:.2s}.card-title{font-size:1.2rem;font-weight:800;color:var(--text-primary);line-height:1.42;letter-spacing:-.2px;font-family:var(--font-hindi),var(--font-sans);transition:color .25s ease}.card-title.title-highlight{color:var(--accent-gold)}[data-theme=dark] .card-title.title-highlight{color:var(--accent-blue)}.card-summary{font-size:.94rem;color:var(--text-secondary);line-height:1.66;font-weight:400;font-family:var(--font-hindi),var(--font-sans);transition:color .25s ease}.card-summary.summary-highlight{color:var(--text-primary);font-weight:600}.word-normal{border-bottom:2.5px solid transparent;transition:border-color .1s ease,background .1s ease,color .1s ease}.word-normal,.word-speaking-now{display:inline;padding:0 1px;border-radius:2px}.word-speaking-now{border-bottom:2.5px solid #d97706!important;background:rgba(245,158,11,.15)!important;color:#b45309!important}.word-speaking-now,[data-theme=dark] .word-speaking-now{transform:none!important;box-shadow:none!important;animation:none!important}[data-theme=dark] .word-speaking-now{border-bottom:2.5px solid #f59e0b!important;background:rgba(245,158,11,.22)!important;color:#fbbf24!important}.audio-player-strip{display:flex;align-items:center;justify-content:space-between;background:var(--bg-primary);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:9px 12px;transition:all .25s cubic-bezier(.16,1,.3,1)}.audio-player-strip.playing{background:var(--accent-gold-bg);border-color:var(--accent-gold);box-shadow:0 0 14px rgba(245,158,11,.15)}[data-theme=dark] .audio-player-strip.playing{background:rgba(56,189,248,.12);border-color:var(--accent-blue);box-shadow:0 0 14px rgba(56,189,248,.2)}.audio-info{gap:10px;width:100%}.audio-btn,.audio-info{display:flex;align-items:center}.audio-btn{width:38px;height:38px;flex-shrink:0;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:50%;justify-content:center;color:#fff;cursor:pointer;box-shadow:0 3px 10px rgba(217,119,6,.35);transition:transform .2s cubic-bezier(.16,1,.3,1)}[data-theme=dark] .audio-btn{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 3px 10px rgba(56,189,248,.35)}.audio-btn:hover{transform:scale(1.08)}.audio-play-icon{font-size:.95rem;margin-left:2px}.audio-stop-icon{font-size:1.1rem}.audio-btn.stop-mode{background:linear-gradient(135deg,#f43f5e,#e11d48);box-shadow:0 3px 12px rgba(244,63,94,.5);animation:audio-stop-pulse 1.4s infinite}@keyframes audio-stop-pulse{0%,to{box-shadow:0 0 0 0 rgba(244,63,94,.5)}50%{box-shadow:0 0 0 8px rgba(244,63,94,0)}}.audio-meta{display:flex;flex-direction:column;gap:2px;flex:1 1}.audio-label-row{display:flex;align-items:center;gap:8px}.audio-label{font-size:.84rem;font-weight:700;color:var(--text-primary)}.audio-sub{font-size:.7rem;color:var(--text-muted);font-weight:500}.soundwave{display:flex;align-items:flex-end;gap:3px;height:13px}.wave-bar{width:3px;background:var(--accent-gold);border-radius:2px;animation:wave-bounce .8s ease-in-out infinite alternate}[data-theme=dark] .wave-bar{background:var(--accent-blue)}.wave-bar.b1{height:5px;animation-delay:.1s}.wave-bar.b2{height:13px;animation-delay:.3s}.wave-bar.b3{height:8px;animation-delay:.2s}.wave-bar.b4{height:12px;animation-delay:.4s}.wave-bar.b5{height:7px;animation-delay:.15s}@keyframes wave-bounce{0%{height:4px}to{height:13px}}.audio-stop-pill{background:linear-gradient(135deg,#f43f5e,#e11d48);color:#fff;border:none;border-radius:20px;font-size:.74rem;font-weight:700;padding:5px 12px;cursor:pointer;margin-left:auto;display:flex;align-items:center;gap:4px;transition:all .2s ease;box-shadow:0 2px 8px rgba(244,63,94,.35)}.audio-stop-pill:hover{transform:translateY(-1px)}.speed-pill-btn{display:inline-flex;align-items:center;gap:4px;background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-primary);font-size:.74rem;font-weight:800;padding:4px 10px;border-radius:20px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.05);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:28px;transition:all .15s ease;font-family:var(--font-sans)}.speed-pill-btn:hover{background:rgba(245,158,11,.15);border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-1px)}.speed-pill-btn:active{transform:translateY(0) scale(.96)}[data-theme=dark] .speed-pill-btn{background:rgba(30,41,59,.75);border-color:hsla(0,0%,100%,.14);color:#f8fafc}[data-theme=dark] .speed-pill-btn:hover{background:rgba(56,189,248,.18);border-color:var(--accent-blue);color:var(--accent-blue)}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-glass);padding-top:12px}.card-time{font-size:.76rem;color:var(--text-muted);font-family:var(--font-sans);font-weight:600}.card-actions{gap:8px}.action-btn,.card-actions{display:flex;align-items:center}.action-btn{background:var(--bg-primary);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:.8rem;font-weight:700;padding:5px 12px;border-radius:20px;cursor:pointer;gap:5px;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 1px 2px rgba(0,0,0,.02)}.action-btn:hover{transform:translateY(-1px);border-color:var(--text-muted);color:var(--text-primary)}.action-btn.liked{color:var(--accent-red);background:var(--accent-red-bg);border-color:var(--accent-red)}.action-icon{font-size:.9rem}.portal-footer{background:var(--bg-secondary);border-top:1px solid var(--border-glass);padding:36px 24px 28px;margin-top:auto}.footer-inner{max-width:1240px;margin:0 auto;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.footer-logo{font-family:var(--font-display);font-weight:900;font-size:1.7rem;letter-spacing:-.6px;color:var(--text-primary);margin-bottom:6px}.footer-logo span{background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.footer-sub{font-size:.84rem;color:var(--text-secondary);font-weight:600}.footer-desc{font-size:.76rem;color:var(--text-muted);margin-top:4px}.footer-badges{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.trust-pill{background:var(--bg-primary);border:1px solid var(--border-glass);padding:5px 12px;border-radius:20px;font-size:.74rem;font-weight:700;color:var(--text-muted)}.toast-notification{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:rgba(15,23,42,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:9px 20px;border-radius:30px;font-size:.84rem;font-weight:700;box-shadow:0 10px 25px rgba(0,0,0,.35);z-index:2000;border:1px solid hsla(0,0%,100%,.15);animation:toast-slide-up .3s cubic-bezier(.16,1,.3,1)}@keyframes toast-slide-up{0%{transform:translate(-50%,20px);opacity:0}to{transform:translate(-50%);opacity:1}}.empty-state{grid-column:1/-1;text-align:center;padding:70px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-icon{font-size:2.8rem;margin-bottom:6px}.spinner{width:40px;height:40px;border:4px solid var(--border-glass);border-top-color:var(--accent-gold);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:6px}@keyframes spin{to{transform:rotate(1turn)}}.radio-header-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(245,158,11,.2));border:1px solid rgba(239,68,68,.4);color:var(--accent-red);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.radio-header-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.25);background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(245,158,11,.3))}.radio-header-btn.active{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 0 14px rgba(239,68,68,.5);animation:pulse-radio 1.8s infinite}@keyframes pulse-radio{0%,to{box-shadow:0 0 14px rgba(239,68,68,.5)}50%{box-shadow:0 0 22px rgba(239,68,68,.8)}}.quiz-header-btn{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(99,102,241,.18));border:1px solid rgba(59,130,246,.35);color:#3b82f6;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.quiz-header-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.25);background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(99,102,241,.28))}.mobile-bottom-nav{display:none}.radio-sticky-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;background:#0b1120!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:1.5px solid rgba(245,158,11,.6)!important;box-shadow:0 -8px 30px rgba(0,0,0,.85)!important;z-index:99999!important;padding:10px 18px max(12px,env(safe-area-inset-bottom,12px))!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;box-sizing:border-box!important;transform:none!important;-webkit-transform:none!important;transition:none!important;animation:none!important;contain:layout paint!important;isolation:isolate!important;overscroll-behavior:contain!important;pointer-events:auto!important;overflow:visible!important}.deck-container.has-radio-bar{padding-bottom:125px!important}.radio-progress-line{position:absolute;top:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.12);pointer-events:none}.radio-progress-line-fill{height:100%;background:linear-gradient(90deg,#f59e0b,#ef4444);box-shadow:0 0 8px rgba(245,158,11,.6);transition:width .4s ease}.radio-track-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1}.radio-pulse-badge{display:flex;align-items:center;gap:5px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.5);color:#ef4444;font-size:.7rem;font-weight:800;padding:3px 8px;border-radius:12px;flex-shrink:0;letter-spacing:.5px}.radio-pulse-badge.single-mode{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.5);color:#60a5fa}.radio-track-text{min-width:0}.radio-track-title{color:#f8fafc;font-size:.88rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-hindi),var(--font-sans)}.radio-track-meta{color:#94a3b8;font-size:.74rem;font-weight:600}.radio-controls-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.radio-speed-pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:3px;background:rgba(245,158,11,.18);border:1px solid rgba(245,158,11,.55);color:#fbbf24;font-size:.76rem;font-weight:800;padding:5px 11px;border-radius:20px;height:32px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;transition:all .15s ease;white-space:nowrap;font-family:var(--font-sans)}.radio-speed-pill-btn:hover{background:rgba(245,158,11,.32);border-color:#f59e0b;color:#fff;transform:translateY(-1px)}.radio-speed-pill-btn:active{transform:translateY(0) scale(.96)}.radio-ctrl-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);color:#fff;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.88rem;transition:all .2s ease}.radio-ctrl-btn:hover{background:hsla(0,0%,100%,.25);transform:scale(1.08)}.radio-ctrl-btn.play-toggle{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;width:40px;height:40px;font-size:1.05rem;box-shadow:0 0 12px rgba(245,158,11,.45)}.radio-ctrl-btn.stop-btn{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.4);color:#ef4444}.card-radio-active{box-shadow:0 0 20px rgba(245,158,11,.35)!important;transform:translateY(-4px)}.card-active-audio,.card-radio-active{border-color:var(--accent-gold)!important}.card-active-audio{box-shadow:0 8px 24px rgba(245,158,11,.2)!important;transform:translateY(-2px)}[data-theme=dark] .card-active-audio{border-color:var(--accent-blue)!important;box-shadow:0 8px 24px rgba(56,189,248,.22)!important}.card-poll-widget{background:var(--bg-primary);border:1px solid var(--border-glass);border-radius:var(--radius-md);padding:10px 12px;margin-top:6px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}[data-theme=dark] .card-poll-widget{background:rgba(14,21,37,.65);border-color:hsla(0,0%,100%,.08)}.poll-header-row{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;font-weight:700}.poll-title-badge{color:var(--accent-gold);display:flex;align-items:center;gap:4px}[data-theme=dark] .poll-title-badge{color:var(--accent-blue)}.poll-count-text{color:var(--text-muted);font-size:.7rem;font-weight:600}.poll-question-text{font-size:.8rem;font-weight:700;color:var(--text-primary);margin-top:-2px;line-height:1.35}.poll-buttons-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.poll-option-btn{position:relative;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:8px;padding:8px 10px;cursor:pointer;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease;min-height:38px;display:flex;align-items:center}.poll-option-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.poll-option-btn.agree:hover{border-color:#10b981}.poll-option-btn.disagree:hover{border-color:#ef4444}.poll-option-btn.voted.agree{border-color:#10b981}.poll-option-btn.voted.disagree{border-color:#ef4444}.poll-fill-track{position:absolute;top:0;bottom:0;left:0;transition:width .6s cubic-bezier(.16,1,.3,1);pointer-events:none;opacity:.22}.poll-fill-track.agree-fill{background:#10b981}.poll-fill-track.disagree-fill{background:#ef4444}.poll-btn-content{position:relative;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:700}.poll-choice-label{display:flex;align-items:center;gap:5px;color:var(--text-primary)}.poll-my-vote-tag{background:#10b981;color:#fff;font-size:.62rem;font-weight:800;width:14px;height:14px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.poll-option-btn.disagree .poll-my-vote-tag{background:#ef4444}.poll-pct-badge{font-size:.78rem;font-weight:800;font-family:var(--font-sans)}.poll-option-btn.agree .poll-pct-badge{color:#059669}[data-theme=dark] .poll-option-btn.agree .poll-pct-badge{color:#34d399}.poll-option-btn.disagree .poll-pct-badge{color:#dc2626}[data-theme=dark] .poll-option-btn.disagree .poll-pct-badge{color:#f87171}.btn-whatsapp-share{display:flex;align-items:center;gap:5px;background:rgba(37,211,102,.12);border:1px solid rgba(37,211,102,.3);color:#25d366;padding:5px 10px;border-radius:var(--radius-sm);font-size:.76rem;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-whatsapp-share:hover{background:#25d366;color:#fff;box-shadow:0 3px 10px rgba(37,211,102,.3);transform:translateY(-1px)}.quiz-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2500;display:flex;align-items:center;justify-content:center;padding:16px;animation:fade-in .25s ease}.quiz-modal{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-lg);max-width:520px;width:100%;box-shadow:0 20px 40px rgba(0,0,0,.4);overflow:hidden;animation:scale-up .28s cubic-bezier(.16,1,.3,1)}@keyframes scale-up{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.quiz-modal-header{padding:16px 20px;background:linear-gradient(135deg,rgba(59,130,246,.12),rgba(99,102,241,.08));border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between}.quiz-modal-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:8px}.quiz-close-btn{background:none;border:none;color:var(--text-muted);font-size:1.3rem;cursor:pointer;padding:4px}.quiz-body{padding:22px 20px;display:flex;flex-direction:column;gap:16px}.quiz-progress-bar{height:6px;background:var(--border-glass);border-radius:10px;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);transition:width .3s ease}.quiz-question-counter{font-size:.76rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.quiz-question-text{font-size:1.12rem;font-weight:800;color:var(--text-primary);line-height:1.45;font-family:var(--font-hindi),var(--font-sans)}.quiz-options-list{display:flex;flex-direction:column;gap:10px}.quiz-option-btn{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-primary);border:1px solid var(--border-glass);color:var(--text-primary);font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-hindi),var(--font-sans);text-align:left}.quiz-option-btn:hover:not(:disabled){border-color:#3b82f6;background:rgba(59,130,246,.08);transform:translateX(4px)}.quiz-option-btn.correct{background:rgba(16,185,129,.15)!important;border-color:#10b981!important;color:#10b981!important;font-weight:800}.quiz-option-btn.wrong{background:rgba(239,68,68,.15)!important;border-color:#ef4444!important;color:#ef4444!important}.quiz-explanation-box{background:rgba(59,130,246,.08);border-left:3px solid #3b82f6;padding:10px 14px;border-radius:4px;font-size:.85rem;color:var(--text-secondary);line-height:1.5;animation:fade-in .2s ease}.quiz-next-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px;border-radius:var(--radius-md);font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(37,99,235,.35);transition:all .2s ease}.quiz-next-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,99,235,.45)}.quiz-result-view{text-align:center;padding:20px 10px;display:flex;flex-direction:column;align-items:center;gap:14px}.quiz-trophy-icon{font-size:3.2rem;animation:bounce 1s infinite alternate}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.quiz-result-score{font-size:2.2rem;font-weight:900;color:var(--accent-gold)}.quiz-result-msg{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.quiz-result-sub{font-size:.86rem;color:var(--text-muted)}@media (max-width:768px){.sticky-top-container{box-shadow:0 2px 10px rgba(0,0,0,.08);width:100%;max-width:100vw;overflow-x:hidden}.top-header{padding:6px 10px;gap:6px;display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;width:100%;max-width:100vw;box-sizing:border-box;overflow:hidden}.brand-container{gap:6px;flex-shrink:0}.brand-container img{width:28px!important;height:28px!important}.brand-logo{font-size:1.15rem;letter-spacing:-.4px;white-space:nowrap}.brand-sub,.header-center{display:none}.header-right{display:flex;align-items:center;gap:4px;flex-shrink:0;margin-left:auto}.quiz-header-btn,.radio-header-btn{padding:4px 7px;font-size:.72rem;gap:3px;border-radius:14px;white-space:nowrap;flex-shrink:0}.lang-switch-container{padding:1.5px;height:26px;border-radius:16px;flex-shrink:0}.lang-btn{padding:2px 5px;font-size:.68rem}.control-btn{width:28px!important;height:28px!important;font-size:.8rem;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-right:0!important}.news-ticker-strip{padding:6px 10px;gap:6px}.ticker-meta-pill{display:none}.category-nav-wrapper{padding:6px 8px 8px}.category-nav{gap:5px;padding:0 2px}.cat-btn{padding:5px 12px;font-size:.78rem;white-space:nowrap}.deck-container{grid-template-columns:1fr;padding:12px 10px 65px;gap:16px}.card-media{height:200px}.card-content{padding:14px 12px;gap:10px}.card-title{font-size:1.1rem;line-height:1.4}.card-summary{font-size:.88rem;line-height:1.58}.ticker-scroll{animation-duration:85s!important}.radio-sticky-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;max-width:100%!important;padding:8px 10px max(14px,env(safe-area-inset-bottom,14px))!important;gap:6px!important;z-index:2147483647!important;background:#0b1120!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;-webkit-transform:none!important;transition:none!important;animation:none!important;contain:layout paint!important;isolation:isolate!important;border-top:2px solid #f59e0b!important;box-shadow:0 -8px 30px rgba(0,0,0,.95)!important;box-sizing:border-box!important;pointer-events:auto!important}.deck-container.has-radio-bar{padding-bottom:125px!important}.radio-track-title{font-size:.76rem;max-width:115px;line-height:1.25}.radio-pulse-badge{font-size:.58rem;padding:2px 5px}.radio-controls-group{gap:4px!important}.radio-speed-pill-btn{height:28px;font-size:.7rem;padding:3px 8px}.radio-ctrl-btn{width:28px;height:28px;font-size:.74rem}.radio-ctrl-btn.play-toggle{width:32px;height:32px;font-size:.86rem}.speed-pill-btn{height:26px;font-size:.7rem;padding:2px 7px}.card-poll-widget{padding:8px 10px;margin-top:2px}.poll-vote-btn{padding:6px 8px;font-size:.76rem}.card-actions{gap:5px;flex-wrap:nowrap}.action-btn{padding:5px 8px;font-size:.74rem}.btn-whatsapp-share{padding:5px 8px;font-size:.72rem}.quiz-modal{max-width:95vw;margin:8px;max-height:88vh;overflow-y:auto}.quiz-body{padding:16px 14px;gap:12px}.quiz-question-text{font-size:1.02rem;line-height:1.4}.quiz-option-btn{padding:10px 12px;font-size:.86rem}}@media (max-width:440px){.top-header{padding:6px 8px;gap:4px}.brand-container{gap:5px}.brand-container img{width:26px!important;height:26px!important}.brand-logo{font-size:1.05rem}.header-right{gap:8px;align-items:center}.pwa-header-btn,.quiz-header-btn,.radio-header-btn,.weather-header-btn{display:none!important}.lang-switch-container{height:30px;padding:2px;flex-shrink:0;border-radius:20px}.lang-btn{padding:2px 7px;font-size:.72rem;font-weight:700}.control-btn{width:32px!important;height:32px!important;font-size:.9rem;flex-shrink:0!important;border-radius:50%!important}.mobile-bottom-nav{position:fixed!important;bottom:0!important;left:0!important;right:0!important;height:58px!important;background:hsla(0,0%,100%,.94)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid var(--border-color)!important;display:flex!important;align-items:center!important;justify-content:space-around!important;padding:0 4px env(safe-area-inset-bottom,0)!important;z-index:998!important;box-shadow:0 -3px 20px rgba(0,0,0,.06)!important}[data-theme=dark] .mobile-bottom-nav{background:rgba(11,17,32,.94)!important;border-top:1px solid hsla(0,0%,100%,.08)!important;box-shadow:0 -4px 24px rgba(0,0,0,.45)!important}.mobile-nav-item{flex:1 1!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;height:100%!important;background:transparent!important;border:none!important;color:var(--text-secondary)!important;text-decoration:none!important;cursor:pointer!important;padding:6px 0!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;-webkit-tap-highlight-color:transparent!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.mobile-nav-item:active{transform:scale(.92)!important}.mobile-nav-icon{font-size:1.25rem!important;line-height:1.1!important;transition:transform .2s ease!important}.mobile-nav-label{font-size:.68rem!important;font-weight:700!important;letter-spacing:.15px!important;line-height:1!important;color:inherit!important}.mobile-nav-item.active{color:#dc2626!important}.mobile-nav-item.active .mobile-nav-icon{transform:translateY(-1px)!important}.mobile-nav-icon-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.mobile-nav-live-dot{position:absolute!important;top:-2px!important;right:-6px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#22c55e!important;box-shadow:0 0 8px #22c55e!important;animation:pulse-dot 1.2s ease-in-out infinite!important}.mobile-nav-item.radio-nav-item.playing{color:#ef4444!important}.mobile-nav-item.weather-nav-item:active{color:#0284c7!important}[data-theme=dark] .mobile-nav-item.weather-nav-item:active{color:#38bdf8!important}.mobile-nav-item.quiz-nav-item:active{color:#9333ea!important}[data-theme=dark] .mobile-nav-item.quiz-nav-item:active{color:#c084fc!important}.mobile-nav-item.app-nav-item{color:#059669!important}[data-theme=dark] .mobile-nav-item.app-nav-item{color:#34d399!important}body{padding-bottom:64px!important}.radio-sticky-bar{bottom:58px!important;border-radius:14px 14px 0 0!important;box-shadow:0 -4px 16px rgba(0,0,0,.25)!important}.card-actions .action-btn span:last-child{display:inline}.pwa-install-banner{bottom:68px!important;padding:10px 12px!important;width:calc(100% - 24px)!important}.pwa-install-banner.has-bottom-bar{bottom:128px!important}.pwa-banner-logo{width:38px!important;height:38px!important}.pwa-banner-title{font-size:.84rem!important}.pwa-banner-desc{font-size:.7rem!important}.pwa-banner-install-btn{padding:6px 12px!important;font-size:.78rem!important}}.pwa-header-btn{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(5,150,105,.22));border:1px solid rgba(16,185,129,.4);color:#059669;padding:5px 12px;border-radius:9999px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}[data-theme=dark] .pwa-header-btn{background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(5,150,105,.35));border-color:rgba(52,211,153,.5);color:#34d399}.pwa-header-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.pwa-install-banner{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:520px;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);box-shadow:0 12px 36px -4px rgba(0,0,0,.25),0 0 0 1px rgba(16,185,129,.3);border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;z-index:999;animation:pwaSlideUp .35s cubic-bezier(.16,1,.3,1);transition:bottom .3s ease}.pwa-install-banner.has-bottom-bar{bottom:96px}@keyframes pwaSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.pwa-banner-left{display:flex;align-items:center;gap:12px;min-width:0}.pwa-banner-logo{width:44px;height:44px;border-radius:12px;object-fit:cover;border:1.5px solid rgba(220,38,38,.3);flex-shrink:0}.pwa-banner-text{display:flex;flex-direction:column;min-width:0}.pwa-banner-title{font-size:.92rem;font-weight:800;color:var(--text-primary)}.pwa-banner-desc,.pwa-banner-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-banner-desc{font-size:.76rem;color:var(--text-muted)}.pwa-banner-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pwa-banner-install-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 15px;border-radius:9999px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;white-space:nowrap;box-shadow:0 4px 12px rgba(16,185,129,.35)}.pwa-banner-install-btn:hover{transform:scale(1.04);box-shadow:0 6px 18px rgba(16,185,129,.5)}.pwa-banner-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:4px;line-height:1;border-radius:50%;transition:all .15s ease}.pwa-banner-close-btn:hover{color:var(--text-primary);background:var(--border-subtle)}.weather-header-btn{display:inline-flex;align-items:center;gap:5px;background:linear-gradient(135deg,rgba(2,132,199,.12),rgba(8,145,178,.2));border:1px solid rgba(2,132,199,.35);color:#0284c7;padding:5px 12px;border-radius:9999px;font-size:.82rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}[data-theme=dark] .weather-header-btn{background:linear-gradient(135deg,rgba(56,189,248,.15),rgba(34,211,238,.25));border-color:rgba(56,189,248,.45);color:#38bdf8}.weather-header-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(2,132,199,.3)}.weather-back-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-primary);padding:5px 12px;border-radius:9999px;font-size:.82rem;font-weight:700;cursor:pointer;text-decoration:none;transition:all .2s ease;white-space:nowrap}.weather-back-btn:hover{background:var(--border-subtle);transform:translateX(-2px)}.weather-page-container{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.weather-content-wrapper{max-width:860px;margin:0 auto;padding:24px 16px 60px;width:100%;display:flex;flex-direction:column;gap:20px}.weather-search-section{display:flex;align-items:center;gap:12px;width:100%}.weather-search-bar{flex:1 1;position:relative;display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:14px;padding:0 14px;height:48px;box-shadow:0 2px 10px rgba(0,0,0,.04);transition:border-color .2s,box-shadow .2s}.weather-search-bar:focus-within{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.15)}.search-icon{font-size:1.1rem;margin-right:8px;opacity:.6}.weather-input{flex:1 1;color:var(--text-primary);font-size:.95rem;font-family:inherit;outline:none}.clear-search-btn,.weather-input{border:none;background:transparent}.clear-search-btn{color:var(--text-muted);font-size:1rem;cursor:pointer;padding:4px}.search-spinner{font-size:.9rem;animation:spin 1s linear infinite}.weather-suggestions-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-glass);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15);overflow:hidden;z-index:100;max-height:240px;overflow-y:auto}.suggestion-item{padding:10px 14px;display:flex;flex-direction:column;cursor:pointer;border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--accent-gold-bg)}.sug-name{font-weight:700;font-size:.92rem;color:var(--text-primary)}.sug-sub{font-size:.76rem;color:var(--text-muted)}.gps-location-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-primary);height:48px;padding:0 16px;border-radius:14px;font-size:.88rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.04)}.gps-location-btn:hover{background:var(--border-subtle);transform:translateY(-1px)}.gps-location-btn.loading{opacity:.7;pointer-events:none}.quick-city-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.quick-city-scroll::-webkit-scrollbar{display:none}.city-pill{background:var(--bg-card);border:1px solid var(--border-glass);color:var(--text-muted);padding:6px 14px;border-radius:9999px;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.city-pill:hover{color:var(--text-primary);border-color:#0284c7}.city-pill.active{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#0284c7;box-shadow:0 4px 12px rgba(2,132,199,.3)}.weather-error-card,.weather-loading-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.weather-spinner-icon{font-size:3rem;animation:pulse 1.5s ease-in-out infinite}.weather-loading-text{font-size:.95rem;color:var(--text-muted)}.weather-dashboard-grid{display:flex;flex-direction:column;gap:18px}.weather-hero-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:24px;padding:24px;box-shadow:0 10px 30px -5px rgba(0,0,0,.05);display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}[data-theme=dark] .weather-hero-card{background:linear-gradient(145deg,rgba(14,21,37,.95),rgba(8,12,20,.9));box-shadow:0 10px 30px -5px rgba(0,0,0,.6)}.hero-top{display:flex;align-items:flex-start;justify-content:space-between}.hero-city-name{font-size:1.8rem;font-weight:900;color:var(--text-primary);margin-bottom:2px}.hero-city-state{font-size:.85rem;color:var(--text-muted)}.hero-condition-badge{display:flex;align-items:center;gap:6px;background:var(--border-subtle);padding:6px 12px;border-radius:9999px;font-size:.9rem;font-weight:700;color:var(--text-primary)}.hero-temp-row{display:flex;align-items:baseline;gap:16px;margin:6px 0}.hero-temp-large{font-size:4rem;font-weight:900;line-height:1;color:var(--text-primary);font-family:var(--font-display)}.hero-temp-large span{font-size:2.2rem;color:#0284c7}.hero-feels-like{font-size:.95rem;color:var(--text-muted)}.hero-feels-like strong{color:var(--text-primary)}.weather-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:8px}.metric-box{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:14px;padding:12px;display:flex;align-items:center;gap:10px}.metric-icon{font-size:1.3rem}.metric-info{display:flex;flex-direction:column}.metric-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.metric-value{font-size:.95rem;font-weight:800;color:var(--text-primary)}.aqi-meter-card{background:var(--bg-card);border:1.5px solid;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 4px 20px -2px rgba(0,0,0,.05)}.aqi-header{justify-content:space-between}.aqi-header,.aqi-title-group{display:flex;align-items:center}.aqi-title-group{gap:10px}.aqi-badge-icon{font-size:1.6rem}.aqi-title{font-size:1.05rem;font-weight:800;color:var(--text-primary)}.aqi-subtitle{font-size:.75rem;color:var(--text-muted)}.aqi-score-badge{font-size:1.3rem;font-weight:900;padding:6px 14px;border-radius:12px;display:flex;align-items:baseline;gap:4px}.aqi-level-banner{padding:8px 14px;border-radius:10px;font-size:.92rem;font-weight:700}.aqi-gauge-track{width:100%;height:10px;background:var(--border-subtle);border-radius:9999px;overflow:hidden}.aqi-gauge-fill{height:100%;border-radius:9999px;transition:width .6s cubic-bezier(.16,1,.3,1)}.aqi-advisory-text{font-size:.88rem;color:var(--text-secondary);line-height:1.5}.aqi-mask-alert{display:flex;align-items:center;gap:8px;background:rgba(239,68,68,.12);color:#dc2626;padding:8px 12px;border-radius:8px;font-size:.82rem;font-weight:700}[data-theme=dark] .aqi-mask-alert{background:rgba(239,68,68,.2);color:#f87171}.weather-section-card{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:14px}.section-card-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:800;color:var(--text-primary)}.hourly-forecast-scroll{display:flex;align-items:center;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.hourly-item{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:14px;padding:10px 14px;min-width:68px;flex-shrink:0;text-align:center}.hourly-item.current{border-color:#0284c7;background:rgba(2,132,199,.08)}.hourly-time{font-size:.75rem;color:var(--text-muted);font-weight:600}.hourly-icon{font-size:1.4rem}.hourly-temp{font-size:.95rem;font-weight:800;color:var(--text-primary)}.hourly-rain{font-size:.68rem;color:#0284c7;font-weight:700}.daily-forecast-list{display:flex;flex-direction:column;gap:8px}.daily-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:12px;background:var(--bg-primary);border:1px solid var(--border-subtle)}.daily-day-col{display:flex;flex-direction:column;width:75px}.daily-day-col strong{font-size:.88rem;color:var(--text-primary)}.daily-date-small{font-size:.7rem;color:var(--text-muted)}.daily-condition-col{display:flex;align-items:center;gap:8px;flex:1 1;font-size:.85rem;font-weight:600;color:var(--text-primary)}.daily-rain-col{width:65px;font-size:.75rem;color:#0284c7;font-weight:700;text-align:center}.daily-temp-col{display:flex;align-items:center;gap:8px;width:90px;justify-content:flex-end}.temp-max{font-size:.92rem;font-weight:800;color:var(--text-primary)}.temp-bar-line{width:24px;height:4px;background:linear-gradient(90deg,#38bdf8,#f59e0b);border-radius:9999px}.temp-min{font-size:.85rem;color:var(--text-muted);font-weight:600}@media (max-width:640px){.weather-metrics-grid{grid-template-columns:repeat(2,1fr)}.weather-search-section{flex-direction:column}.gps-location-btn{width:100%;justify-content:center}.hero-city-name{font-size:1.4rem}.hero-temp-large{font-size:3.2rem}}