*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Tahoma,Arial;color:#fff;background:#09111c}button,input{font:inherit}.scene{position:fixed;inset:0;overflow:hidden;transition:background 1.4s ease;background:linear-gradient(160deg,#178fe5,#72c9f1 55%,#e9c56e)}.scene.clear-night,.scene.partly_cloudy-night{background:radial-gradient(circle at 20% 12%,#244979,#0a1830 45%,#040912)}.scene.partly_cloudy{background:linear-gradient(160deg,#288ed1,#8cc6e4,#efc87b)}.scene.cloudy{background:linear-gradient(#40566a,#8295a5)}.scene.rain{background:linear-gradient(#132333,#334d62 60%,#182633)}.scene.thunder{background:linear-gradient(#07111c,#273444)}.scene.snow{background:linear-gradient(#66869f,#b8cfdf)}.scene.foggy{background:linear-gradient(#66737c,#aeb9bf)}#fx{position:absolute;inset:0;width:100%;height:100%}.stars{position:absolute;inset:0;opacity:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:43px 43px;animation:twinkle 3s ease-in-out infinite}.clear-night .stars{opacity:.55}.sun,.moon{position:absolute;width:120px;height:120px;border-radius:50%;left:10%;top:10%;transition:1s}.sun{background:#fff2a5;box-shadow:0 0 35px #ffd85e,0 0 110px #fff2a599;animation:pulse 5s ease-in-out infinite}.moon{display:none;background:#eaf3ff;box-shadow:0 0 55px #d9e9ff99}.clear-night .sun{display:none}.clear-night .moon{display:block}.cloud{position:absolute;width:210px;height:65px;background:#ffffffb8;border-radius:80px;opacity:0;filter:blur(.2px);animation:drift 28s linear infinite}.cloud:before,.cloud:after{content:'';position:absolute;background:inherit;border-radius:50%;width:95px;height:95px;top:-42px}.cloud:before{left:35px}.cloud:after{right:25px}.c1{top:20%;left:-260px}.c2{top:46%;left:-330px;animation-duration:39s;transform:scale(.75)}.c3{top:70%;left:-250px;animation-duration:48s;transform:scale(.55)}.partly_cloudy .cloud{opacity:.38}.cloudy .cloud,.rain .cloud,.thunder .cloud,.snow .cloud{opacity:.62}.flash{position:absolute;inset:0;background:white;opacity:0}.thunder .flash{animation:lightning 6s infinite}.fog{position:absolute;inset:-20%;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 55px,#fff2 70px 110px);animation:fogmove 10s linear infinite}.foggy .fog{opacity:1}.app{position:relative;width:min(760px,100%);margin:auto;padding:10px 14px 50px}nav{height:54px;display:flex;align-items:center;justify-content:space-between}nav button{width:44px;height:40px}header,form{display:flex;gap:9px}header{margin:8px 0 16px}form{flex:1}input,button{border:1px solid #ffffff24;outline:0;border-radius:18px;color:#fff;background:#ffffff18}input{min-width:0;flex:1;padding:14px;font-size:15px}input::placeholder{color:#ffffffb0}button{padding:0 16px;font-weight:bold}.round{width:52px;font-size:24px}.glass{background:#ffffff18;border:1px solid #ffffff30;box-shadow:0 12px 35px #0003,inset 0 1px #fff2;border-radius:28px;backdrop-filter:blur(18px)}.hero{text-align:center;padding:24px 15px}.temp{font-size:82px;font-weight:700;margin:10px;text-shadow:0 5px 20px #0002}.small{font-size:12px;opacity:.78;margin-top:8px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.metric{padding:13px 5px;text-align:center;border-radius:20px;background:#ffffff18;border:1px solid #ffffff18}.metric i{font-style:normal;font-size:20px;display:block}.metric b{display:block;margin-top:5px}.metric span{font-size:11px;opacity:.78}.astro{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px;margin-top:12px}.astro div{background:#ffffff0f;padding:10px;border-radius:15px}.block{padding:16px;margin-top:12px}.scroll{display:flex;gap:9px;overflow:auto;padding-bottom:4px}.hour{min-width:82px;text-align:center;padding:11px 6px;background:#ffffff13;border-radius:17px}.ico{font-size:25px;margin:7px}.day{display:grid;grid-template-columns:1fr 38px 1fr;padding:12px 2px;border-bottom:1px solid #ffffff18;align-items:center}.day small{grid-column:1/-1;opacity:.7;margin-top:5px}.error,.loading{margin:10px 0;padding:12px;border-radius:15px;background:#101b2acc}.error{background:#a00020bb}.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0008;z-index:9;padding:20px}.modal.show{display:flex}.modalbox{width:min(420px,100%);padding:24px;text-align:center}.modalbox div{display:flex;gap:10px;justify-content:center}.modalbox button{padding:12px 18px}.modalbox #applyCity{background:#1597e8}@keyframes drift{to{transform:translateX(calc(100vw + 650px))}}@keyframes lightning{0%,91%,93%,96%,100%{opacity:0}92%,95%{opacity:.75}}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 60px #ffd85e,0 0 140px #fff2a5aa}}@keyframes twinkle{50%{opacity:.3}}@keyframes fogmove{to{transform:translateX(10%) translateY(4%)}}@media(max-width:500px){.metrics{grid-template-columns:repeat(2,1fr)}.temp{font-size:72px}}
/* v3.1 dynamic scenes */
.scene.partly_cloudy-night,.scene.cloudy-night{background:radial-gradient(circle at 18% 12%,#294b75,#101d31 48%,#050911)}
.scene.rain-night,.scene.thunder-night{background:linear-gradient(165deg,#050912,#10233a 55%,#07101a)}
.scene.snow-night{background:linear-gradient(165deg,#182b42,#49647a 60%,#101b28)}
.scene.foggy-night{background:linear-gradient(#1b2732,#52616c)}
.scene[class*="night"] .stars{opacity:.58}.scene[class*="night"] .sun{display:none}.scene[class*="night"] .moon{display:block}
.scene.partly_cloudy .cloud,.scene.partly_cloudy-night .cloud{opacity:.42}.scene.cloudy-night .cloud,.scene.rain-night .cloud,.scene.thunder-night .cloud,.scene.snow-night .cloud{opacity:.68}
.scene.thunder-night .flash{animation:lightning 5s infinite}.scene.foggy-night .fog{opacity:1}
.scene.rain .cloud,.scene.rain-night .cloud,.scene.thunder .cloud,.scene.thunder-night .cloud{filter:brightness(.68)}
#soundBtn.active{background:#ffffff35;box-shadow:0 0 18px #fff5}.hero{transition:background .8s ease,transform .5s ease}.scene[class*="night"]~.app .glass{background:#07152566}
/* v4 immersive weather */
.scene{will-change:background}.scene .sun,.scene .moon{z-index:1}.scene .cloud{z-index:2}.scene #fx{z-index:3}.scene .flash,.scene .fog{z-index:4}.address{grid-column:1/-1}.address b{font-size:12px;line-height:1.8}.rain,.rain-night,.thunder,.thunder-night{background-size:100% 100%;animation:stormBreath 8s ease-in-out infinite}.snow,.snow-night{animation:coldBreath 9s ease-in-out infinite}.cloudy,.cloudy-night{animation:cloudBreath 10s ease-in-out infinite}.scene[class*="night"] .moon{animation:moonGlow 5s ease-in-out infinite}.scene[class*="night"] .cloud{background:#d9e8f0a0}.scene.thunder .cloud,.scene.thunder-night .cloud{animation-duration:16s}.scene.rain .fog,.scene.rain-night .fog{opacity:.15}.scene.snow .fog,.scene.snow-night .fog{opacity:.1}@keyframes stormBreath{50%{filter:brightness(.78) saturate(1.15)}}@keyframes coldBreath{50%{filter:brightness(1.08)}}@keyframes cloudBreath{50%{filter:brightness(.9)}}@keyframes moonGlow{50%{box-shadow:0 0 90px #d9e9ffcc;transform:scale(1.04)}}

/* v4.1 audio unlock/test */
.audio-unlock{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(2,8,16,.82);backdrop-filter:blur(10px)}
.audio-unlock.show{display:flex}.audio-card{width:min(390px,100%);padding:28px 22px;text-align:center}.audio-card h3{margin:8px 0}.audio-card p{opacity:.8;line-height:1.8}.audio-icon{font-size:54px;animation:audioPulse 1.8s ease-in-out infinite}.audio-card button{display:block;width:100%;padding:14px;margin-top:10px}.audio-card #unlockAudio{background:linear-gradient(135deg,#0d9df0,#6a5cff)}.ghost{background:#ffffff0e!important}.audio-card small{display:block;margin-top:12px;opacity:.65}
.audio-panel p{font-size:12px;opacity:.8}.audio-tests{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin:14px 0}.audio-tests button{padding:11px 8px}.volume-row{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:9px!important}.volume-row input{width:100%;accent-color:#37a9ff}.audio-panel>#stopAudioTest,.audio-panel>#closeAudioPanel{margin:5px;padding:11px 16px}
#soundBtn.audio-error{background:#a00020aa}.audio-ok{color:#8dffbd}.audio-bad{color:#ff9d9d}
@keyframes audioPulse{50%{transform:scale(1.12);filter:drop-shadow(0 0 18px #5fc7ff)}}

/* v4.2 mobile audio bottom sheet + responsive repair */
.audio-sheet{position:fixed;inset:0;z-index:99999;display:none;direction:rtl}
.audio-sheet.open{display:block}
.audio-backdrop{position:absolute;inset:0;background:rgba(1,7,15,.72);backdrop-filter:blur(5px)}
.audio-sheet-card{position:absolute;right:0;bottom:0;left:0;width:100%;max-height:min(78vh,620px);overflow:auto;padding:8px 16px calc(18px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;background:linear-gradient(180deg,rgba(22,39,62,.98),rgba(7,17,31,.99));border:1px solid #ffffff2c;box-shadow:0 -18px 55px #0008}
.sheet-handle{width:48px;height:5px;border-radius:8px;background:#ffffff4d;margin:2px auto 12px}
.audio-sheet-head{display:flex!important;align-items:center;justify-content:space-between!important;gap:12px!important;font-size:18px}
.audio-sheet-head button{width:40px;height:40px;padding:0;border-radius:50%}
.audio-status{margin:12px 0;padding:11px 12px;border-radius:14px;background:#ffffff0d;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.enable-audio,.stop-audio{width:100%;min-height:46px;padding:10px 12px!important}
.enable-audio{background:linear-gradient(135deg,#168eea,#675cf5)}
.stop-audio{margin-top:10px;background:#ffffff10}
.audio-tests{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important;margin:13px 0}
.audio-tests button{min-width:0;height:68px;padding:8px 4px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:20px}
.audio-tests button span{font-size:11px;white-space:nowrap}
.audio-note{display:block;text-align:center;opacity:.6;margin-top:10px;line-height:1.7}
.volume-row{display:grid!important;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:8px!important;margin:13px 0}
.volume-row input{width:100%;min-width:0;accent-color:#4eb7ff}
#soundBtn{display:none}
@media(max-width:700px){
 #soundBtn{display:block;position:relative;z-index:5;flex:0 0 46px;width:46px;height:46px;padding:0;border-radius:18px;font-size:21px}
 .app{width:100%;max-width:100%;padding:8px 12px calc(32px + env(safe-area-inset-bottom));overflow-x:hidden}
 nav{position:sticky;top:0;z-index:20;height:58px;padding:4px 0;background:linear-gradient(#0b1a2be6,#0b1a2b55 75%,transparent);backdrop-filter:blur(5px)}
 nav strong{min-width:0;font-size:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 header{width:100%;gap:8px} form{min-width:0} form input{width:100%;min-width:0} form button{flex:0 0 auto;padding:0 13px}
 .hero{padding:20px 12px}.temp{font-size:clamp(58px,19vw,78px);line-height:1.1}
 #place{font-size:14px;line-height:1.9;overflow-wrap:anywhere}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .metric{min-width:0;padding:13px 4px;overflow:hidden}
 .metric b{font-size:15px;direction:rtl;unicode-bidi:plaintext;white-space:normal;overflow-wrap:anywhere}
 .metric span{font-size:11px}
 .astro{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:8px}.astro div{min-width:0;overflow-wrap:anywhere}
 .day{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);gap:4px;font-size:13px}
 .block{padding:13px}.hour{min-width:76px}
}
@media(min-width:701px){.audio-sheet{display:none!important}}

/* v4.3 professional mobile top audio drawer */
.audio-unlock,.audio-sheet{display:none!important}
.audio-drawer{display:none;position:fixed;z-index:100000;top:0;left:0;right:0;direction:rtl;padding:calc(env(safe-area-inset-top) + 8px) 10px 0;pointer-events:none}
.audio-drawer.open{display:block}
.audio-drawer-card{pointer-events:auto;width:min(100%,680px);margin:auto;padding:14px;border-radius:0 0 24px 24px;background:linear-gradient(145deg,rgba(13,29,49,.985),rgba(7,17,31,.99));border:1px solid #ffffff28;box-shadow:0 18px 60px #000b;backdrop-filter:blur(22px);animation:drawerIn .24s ease-out}
.audio-drawer-head{display:flex!important;align-items:center;justify-content:space-between!important;gap:10px!important}.audio-drawer-head>div{display:flex;flex-direction:column;gap:3px}.audio-drawer-head b{font-size:17px}.audio-drawer-head small{font-size:10px;opacity:.65;max-width:75vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-drawer-head button{width:38px;height:38px;padding:0;border-radius:14px}
.audio-master{display:grid;grid-template-columns:120px minmax(0,1fr);gap:9px;margin-top:12px}.audio-master>button{padding:10px 6px;background:linear-gradient(135deg,#168eea,#695cf5)}.audio-master label{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 10px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff0a}.audio-master label span{font-size:10px;white-space:nowrap}.audio-master input{width:100%;min-width:0;accent-color:#55b9ff}
.audio-drawer .audio-tests{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px!important;margin:10px 0 0}.audio-drawer .audio-tests button{min-width:0;height:58px;padding:5px 2px!important;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:18px}.audio-drawer .audio-tests span{font-size:9px;white-space:nowrap}
.audio-auto{display:flex!important;justify-content:space-between!important;align-items:center;gap:8px!important;margin-top:9px;padding:8px 10px;border-radius:12px;background:#ffffff09;font-size:9px;opacity:.8}.audio-auto b{font-size:9px;color:#83ffc0}
@keyframes drawerIn{from{transform:translateY(-110%);opacity:.4}to{transform:none;opacity:1}}
@media(min-width:701px){.audio-drawer{display:none!important}}
@media(max-width:390px){.audio-drawer .audio-tests{grid-template-columns:repeat(3,minmax(0,1fr))}.audio-master{grid-template-columns:105px minmax(0,1fr)}}
.metric b{font-variant-numeric:tabular-nums}.metric{isolation:isolate}.metric i{pointer-events:none}

/* V5 lightweight pro */
.section-head{display:flex!important;align-items:center;justify-content:space-between!important}.section-head h3{margin:0}.section-head span{font-size:10px;opacity:.55}
.alerts{display:grid;gap:7px}.weather-alert{padding:11px 14px;border:1px solid #ffdf8050;background:#6d4b1738!important}
.chart-block{overflow:hidden}#miniChart{width:100%;height:150px;display:block}
.air-grid,.detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}.air-grid div,.detail-grid div{padding:10px;border-radius:13px;background:#ffffff0b;display:flex;justify-content:space-between;gap:8px}.air-grid span,.detail-grid span{font-size:10px;opacity:.65}.air-grid b,.detail-grid b{font-size:12px}
.day{width:100%;border:0;text-align:inherit;color:inherit;background:transparent;cursor:pointer}
.day-detail{display:none;position:fixed;inset:0;z-index:120000;background:#020811b8;backdrop-filter:blur(8px);padding:18px;align-items:flex-end}.day-detail.open{display:flex}.day-detail-card{position:relative;width:min(100%,560px);max-height:82vh;overflow:auto;margin:0 auto;padding:20px;border-radius:26px;background:linear-gradient(160deg,#172b45,#071322);border:1px solid #ffffff25;box-shadow:0 20px 70px #000a}.day-close{position:absolute;left:14px;top:14px;width:38px;height:38px;padding:0;border-radius:50%}
.scene{transition:background 1s ease,filter 1s ease}
.scene.clear-day{background:linear-gradient(#1598e8,#77cef4 58%,#d9f5ff)}
.scene.clear-night{background:radial-gradient(circle at 28% 16%,#203e73,#071326 55%,#020711)}
.scene.mostly-clear-day{background:linear-gradient(#309ee0,#9bd9f4)}.scene.mostly-clear-night{background:linear-gradient(#102c52,#050c18)}
.scene.partly-cloudy-day{background:linear-gradient(#438fc1,#a6cbdc)}.scene.partly-cloudy-night{background:linear-gradient(#18304d,#07111f)}
.scene.overcast{background:linear-gradient(#526373,#222f3d)}.scene.cloudy{background:linear-gradient(#617d92,#293c4d)}
.scene.fog,.scene.dense_fog{background:linear-gradient(#71818c,#34434e)}.scene.dense_fog{filter:saturate(.65)}
.scene.drizzle,.scene.freezing_drizzle{background:linear-gradient(#416b83,#172d3d)}
.scene.rain,.scene.showers{background:linear-gradient(#294f69,#0b1b2c)}.scene.heavy_rain,.scene.heavy_showers{background:linear-gradient(#1d344a,#050d18)}
.scene.thunder,.scene.hail_thunder{background:radial-gradient(circle at 70% 20%,#34365d,#080b17 55%,#02040a)}
.scene.snow{background:linear-gradient(#91aab8,#405665)}.scene.blizzard{background:linear-gradient(#8399a4,#263947)}
.scene.storm-wind{background:linear-gradient(135deg,#40566b,#111d2a)}
.scene.clear-night .stars,.scene.mostly-clear-night .stars,.scene.partly-cloudy-night .stars{opacity:1}.scene.clear-day .sun,.scene.mostly-clear-day .sun,.scene.partly-cloudy-day .sun{opacity:1}
.scene.overcast .cloud,.scene.cloudy .cloud,.scene.rain .cloud,.scene.heavy_rain .cloud,.scene.showers .cloud,.scene.heavy_showers .cloud,.scene.thunder .cloud,.scene.hail_thunder .cloud{opacity:.75}
.flash.boom{opacity:.95!important;background:white!important}
@media(max-width:700px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.day{min-height:64px}.air-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V5.1 Persian typography, contrast, motion */
:root{--txt:#f8fbff;--muted:rgba(245,250,255,.72);--glass:rgba(8,24,43,.54)}
html,body{font-family:Tahoma,"Noto Sans Arabic","Segoe UI",Arial,sans-serif;text-rendering:optimizeLegibility}
body{color:var(--txt);font-feature-settings:"tnum" 1}
.app{position:relative;z-index:3}
.glass{background:linear-gradient(145deg,rgba(9,29,51,.64),rgba(7,20,38,.48));border:1px solid rgba(255,255,255,.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 35px rgba(0,0,0,.14);backdrop-filter:blur(15px)}
.hero{background:linear-gradient(155deg,rgba(4,21,40,.76),rgba(5,17,32,.64))!important;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.temp{font-family:Tahoma,"Segoe UI",sans-serif;font-weight:700;letter-spacing:-4px;font-variant-numeric:tabular-nums;text-shadow:0 4px 22px rgba(0,0,0,.28)}
#place{font-weight:700;line-height:1.95}#desc{font-weight:700}#feels{font-weight:700}.small{color:var(--muted)}
.metric{background:linear-gradient(145deg,rgba(9,28,48,.62),rgba(6,18,34,.52))!important}
.metric b{font-family:Tahoma,"Segoe UI",sans-serif;font-weight:700;direction:rtl;unicode-bidi:plaintext;text-shadow:0 1px 8px #0003}.metric span{color:var(--muted)}
.metric-icon{display:inline-block;font-style:normal;font-size:26px;animation:iconFloat 3.2s ease-in-out infinite;filter:drop-shadow(0 4px 8px #0003)}
.metric:nth-child(3n) .metric-icon{animation-delay:-.8s}.metric:nth-child(3n+1) .metric-icon{animation-delay:-1.6s}
.quick-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.quick-pill{min-width:0;padding:9px 4px;text-align:center;border-radius:17px;display:flex;flex-direction:column;gap:3px}.quick-pill i{font-style:normal;font-size:20px;animation:iconFloat 3s ease-in-out infinite}.quick-pill span{font-size:9px;color:var(--muted)}.quick-pill b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.block h3{font-weight:800}.section-head span{color:var(--muted)}
.day{color:#fff}.day small{color:rgba(255,255,255,.65)}.hour{background:rgba(4,18,34,.42);border:1px solid rgba(255,255,255,.1)}.hour .ico{font-size:25px;animation:iconFloat 3s ease-in-out infinite}
.air-grid div,.detail-grid div{background:rgba(3,17,32,.34)}.air-grid b,.detail-grid b{font-weight:700}.air-grid span,.detail-grid span{color:var(--muted)}
/* Force readable text on bright daytime themes */
.scene.clear-day~.app,.scene.mostly-clear-day~.app,.scene.partly-cloudy-day~.app{color:#fff}
.scene.clear-day~.app nav,.scene.mostly-clear-day~.app nav,.scene.partly-cloudy-day~.app nav{background:linear-gradient(rgba(3,20,37,.78),rgba(3,20,37,.22),transparent)}
/* celestial animation */
.sun{position:absolute;width:180px;height:180px;border-radius:50%;left:9%;top:10%;opacity:0;background:radial-gradient(circle,#fff8bd 0 38%,#ffe36d 55%,rgba(255,213,74,.08) 72%);box-shadow:0 0 45px rgba(255,222,93,.8),0 0 120px rgba(255,202,65,.45);animation:sunPulse 4.8s ease-in-out infinite,sunDrift 14s ease-in-out infinite}
.moon{position:absolute;width:115px;height:115px;border-radius:50%;left:12%;top:12%;opacity:0;background:radial-gradient(circle at 35% 30%,#fff,#dbe9ff 62%,#9fb6d8);box-shadow:0 0 45px rgba(205,225,255,.5);animation:moonFloat 7s ease-in-out infinite}
.scene.clear-night .moon,.scene.mostly-clear-night .moon,.scene.partly-cloudy-night .moon{opacity:.95}
.stars{position:absolute;inset:0;opacity:0;background-image:radial-gradient(#fff 1px,transparent 1px),radial-gradient(#bfe1ff 1px,transparent 1px);background-size:67px 67px,103px 103px;background-position:10px 15px,35px 50px;animation:twinkle 3.2s ease-in-out infinite}
.cloud{position:absolute;width:150px;height:50px;border-radius:50px;background:rgba(238,247,255,.27);filter:blur(.3px);opacity:0;box-shadow:45px -22px 0 2px rgba(238,247,255,.22),85px -7px 0 -4px rgba(238,247,255,.2);animation:cloudMove 18s linear infinite}
.c1{top:18%;left:-190px}.c2{top:34%;left:-260px;animation-duration:26s;animation-delay:-8s;transform:scale(.72)}.c3{top:55%;left:-220px;animation-duration:22s;animation-delay:-13s;transform:scale(.9)}
.scene.mostly-clear-day .cloud,.scene.mostly-clear-night .cloud,.scene.partly-cloudy-day .cloud,.scene.partly-cloudy-night .cloud,.scene.overcast .cloud,.scene.cloudy .cloud,.scene.drizzle .cloud,.scene.freezing_drizzle .cloud,.scene.rain .cloud,.scene.heavy_rain .cloud,.scene.showers .cloud,.scene.heavy_showers .cloud,.scene.thunder .cloud,.scene.hail_thunder .cloud,.scene.snow .cloud,.scene.blizzard .cloud,.scene.storm-wind .cloud{opacity:.72}
.scene.overcast .cloud,.scene.heavy_rain .cloud,.scene.thunder .cloud{filter:brightness(.65)}
.scene.storm-wind .cloud,.scene.blizzard .cloud{animation-duration:7s}
.scene.fog:after,.scene.dense_fog:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 70px,rgba(240,248,255,.11) 90px 115px,transparent 135px 190px);animation:fogSlide 12s linear infinite}
.flash{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .08s}.flash.boom{animation:lightning .38s ease-out}
@keyframes iconFloat{50%{transform:translateY(-4px) scale(1.05)}}
@keyframes sunPulse{50%{transform:scale(1.06);box-shadow:0 0 70px rgba(255,230,110,.9),0 0 150px rgba(255,201,61,.52)}}
@keyframes sunDrift{50%{margin-top:8px}}
@keyframes moonFloat{50%{transform:translateY(9px) rotate(3deg)}}
@keyframes twinkle{50%{opacity:.55}}
@keyframes cloudMove{to{left:115vw}}
@keyframes fogSlide{to{transform:translateX(120px)}}
@keyframes lightning{0%,100%{opacity:0}15%{opacity:.9}28%{opacity:.08}42%{opacity:.7}58%{opacity:0}}
@media(max-width:700px){.quick-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-pill{padding:8px 2px}.sun{width:145px;height:145px;top:9%;left:8%}.moon{width:95px;height:95px}.hero,.block,.astro{border-color:rgba(255,255,255,.2)}}
@media(prefers-reduced-motion:reduce){.sun,.moon,.stars,.cloud,.metric-icon,.hour .ico,.quick-pill i{animation-duration:12s}}

/* V5.2 UI POLISH — spacing, hierarchy, compact mobile layout */
:root{--page-pad:14px;--gap:12px;--radius:24px}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{line-height:1.55}
.app{width:min(100%,760px);margin:0 auto;padding:12px var(--page-pad) 36px}
.app>section,.app>header,.app>nav{margin-bottom:var(--gap)}
nav{min-height:58px;margin:0 0 10px!important;padding:7px 8px;border-radius:20px;background:rgba(5,22,40,.45);border:1px solid rgba(255,255,255,.1)}
nav strong{font-size:18px;letter-spacing:-.2px}
header{display:grid!important;grid-template-columns:minmax(0,1fr) 52px;gap:9px!important;align-items:stretch}
header form{display:grid!important;grid-template-columns:minmax(0,1fr) 76px;gap:7px!important;min-width:0}
header input{min-width:0;height:52px;padding:0 16px!important;border-radius:18px!important}
header form button,#geoBtn{height:52px!important;border-radius:18px!important;padding:0 10px!important}
.hero{margin-top:0!important;padding:24px 18px 20px!important;border-radius:30px!important;min-height:0!important}
#place{max-width:610px;margin:0 auto 4px;font-size:14px!important;line-height:1.85!important}
#desc{font-size:17px!important;margin:3px 0 5px}
.temp{font-size:clamp(68px,20vw,96px)!important;line-height:1!important;margin:9px 0 6px!important}
#feels{font-size:16px!important;margin-top:4px}
#updated,#sourceState{font-size:11px!important;line-height:1.75!important}
.quick-summary{gap:8px!important;margin:0!important}
.quick-pill{min-height:92px!important;padding:10px 5px!important;justify-content:center;border-radius:20px!important}
.quick-pill i{font-size:25px!important}.quick-pill span{font-size:10px!important}.quick-pill b{font-size:11px!important;line-height:1.45}
.metrics{gap:10px!important;margin:0!important}
.metric{min-height:132px!important;padding:15px 8px 13px!important;border-radius:24px!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.metric i{font-size:27px!important;line-height:1}.metric span{font-size:11px!important}.metric b{font-size:16px!important;line-height:1.5;max-width:100%}
.astro{padding:15px!important;border-radius:24px!important;gap:9px!important}.astro>div{padding:8px!important;border-radius:14px;background:rgba(3,17,31,.18)}.astro .address{grid-column:1/-1;line-height:1.8}
.block{padding:17px 14px!important;border-radius:26px!important;margin:0 0 var(--gap)!important}
.block h3{font-size:19px!important;margin:0 0 12px!important}
.section-head{margin-bottom:10px}.section-head h3{margin:0!important}.section-head span{font-size:9px!important}
.scroll{gap:8px!important;padding:2px 1px 7px!important}
.hour{min-width:82px!important;padding:10px 6px!important;border-radius:18px!important}
.hour>div:first-child{font-size:11px}.hour b{font-size:15px}.hour small,.hour>div:last-child{font-size:9px}
.chart-block{padding-bottom:10px!important}#miniChart{height:135px!important}
#daily{display:flex;flex-direction:column;gap:4px}
.day{display:grid!important;grid-template-columns:1.1fr 42px .9fr!important;grid-template-rows:auto auto;align-items:center;min-height:72px!important;padding:9px 5px!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.day>span:first-child{text-align:right;font-size:12px}.day>span:nth-child(2){font-size:23px}.day>span:nth-child(3){text-align:left;font-size:13px;font-weight:700}.day small{grid-column:1/-1;text-align:right!important;padding-right:2px;font-size:9px!important}
.air-grid{gap:8px!important}.air-grid div{min-height:44px;align-items:center;padding:9px 11px!important}
#sources{line-height:1.9;font-size:13px}
.alerts{margin:0!important}.weather-alert{border-radius:18px!important}
.day-detail-card{border-radius:28px!important}
.audio-drawer-card{max-width:680px}
/* keep decorative weather behind content, never over cards/text */
.scene{z-index:0!important;overflow:hidden}.scene canvas,.scene .sun,.scene .moon,.scene .stars,.scene .cloud,.scene .flash{pointer-events:none}
.sun{z-index:0!important;opacity:.82!important}.moon,.stars,.cloud{z-index:0!important}
.app{z-index:2!important}
@media(max-width:700px){
 :root{--page-pad:12px;--gap:10px}
 .app{padding-top:9px}
 nav{position:relative!important;top:auto!important}
 header{grid-template-columns:minmax(0,1fr) 50px}
 header form{grid-template-columns:minmax(0,1fr) 72px}
 .hero{padding:21px 14px 18px!important}
 .quick-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
 .quick-pill{min-height:86px!important}
 .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .metric{min-height:124px!important}
 .astro{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .block{padding:15px 12px!important}
 #miniChart{height:125px!important}
 .day{grid-template-columns:1.12fr 38px .88fr!important}
}
@media(max-width:360px){
 .quick-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .quick-pill{min-height:72px!important}
 .temp{font-size:70px!important}
 header form{grid-template-columns:minmax(0,1fr) 64px}
}
/* smoother entrance without clutter */
.hero,.quick-summary,.metrics,.astro,.block{animation:sectionIn .42s ease both}
.quick-summary{animation-delay:.04s}.metrics{animation-delay:.08s}.astro{animation-delay:.12s}
@keyframes sectionIn{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:none}}

/* V6 compact premium */
#audioPanel{display:none!important}.app{width:min(100%,760px)!important;margin:auto!important;padding:14px 14px 44px!important}.app>section,.app>header,.app>nav,.weather-tabs{margin-bottom:16px!important}
.weather-tabs{position:sticky;top:6px;z-index:60;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:6px;border-radius:20px;background:rgba(5,20,37,.86)!important;box-shadow:0 8px 28px #0003}.weather-tabs button{border:0;border-radius:15px;padding:10px 2px;background:transparent;color:#ffffffb5;font:inherit;font-size:11px}.weather-tabs button.active{background:#5ab6ef2e;color:#fff;box-shadow:inset 0 0 0 1px #9cddff35}
.hero{padding:25px 17px 22px!important;margin-bottom:16px!important}.quick-summary{gap:10px!important;margin-bottom:16px!important}.quick-pill{border-radius:22px!important}.metrics{gap:14px!important;margin-bottom:16px!important}.metric{min-height:138px!important;border-radius:26px!important;padding:17px 8px!important}.astro,.alerts,.block{margin-bottom:16px!important}.block{padding:18px 15px!important;border-radius:28px!important}.air-grid{gap:10px!important}#daily{gap:7px!important}.day{border-radius:15px;padding:11px 8px!important;background:#0412222e}.temp{margin:14px 0 10px!important}
.scene{overflow:hidden}.scene:before{content:"";position:absolute;inset:-15%;pointer-events:none;background:radial-gradient(circle at 20% 15%,#ffffff1f,transparent 28%),radial-gradient(circle at 78% 48%,#70cbff18,transparent 24%);animation:atmoShift 12s ease-in-out infinite alternate}.scene.rain:before,.scene.heavy_rain:before,.scene.showers:before,.scene.heavy_showers:before{background:linear-gradient(115deg,transparent,#87c6eb18,transparent);animation:rainGlow 5s linear infinite}.scene.snow:before,.scene.blizzard:before{background:radial-gradient(circle at 30% 20%,#ffffff38,transparent 30%),radial-gradient(circle at 70% 55%,#dcf4ff24,transparent 28%);animation:snowGlow 8s ease-in-out infinite}.scene.fog:before,.scene.dense_fog:before{background:linear-gradient(90deg,transparent,#f0faff26,transparent);animation:fogWide 9s linear infinite}
@keyframes atmoShift{to{transform:translate3d(5%,3%,0) scale(1.04)}}@keyframes rainGlow{to{transform:translateX(30%)}}@keyframes snowGlow{50%{opacity:.55;transform:scale(1.04)}}@keyframes fogWide{to{transform:translateX(35%)}}
@media(max-width:390px){.app{padding-left:11px!important;padding-right:11px!important}.quick-summary{gap:8px!important}.metrics{gap:11px!important}.metric{min-height:132px!important}}

html{scroll-behavior:smooth;scroll-padding-top:82px}body{font-family:"Noto Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif}.app{max-width:720px!important}
header{display:flex!important;direction:rtl;width:100%;gap:10px!important;align-items:stretch!important;overflow:visible!important}
header form{display:flex!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;gap:8px!important;direction:rtl}
header input{flex:1 1 0!important;width:0!important;min-width:0!important;height:54px!important;padding:0 16px!important;font:inherit!important;font-size:15px!important}
header form button{flex:0 0 82px!important;width:82px!important;height:54px!important;padding:0 8px!important;white-space:nowrap!important;font:inherit!important}
#locBtn{flex:0 0 54px!important;width:54px!important;height:54px!important}#sourceState{display:none!important}
.insight-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:9px!important;border-radius:23px!important;margin-bottom:16px!important}.insight-strip>div{min-width:0;padding:9px 5px;text-align:center;border-radius:15px;background:#03122240;display:flex;flex-direction:column;align-items:center;gap:2px}.insight-strip i{font-style:normal;font-size:20px;animation:iconFloat 3.4s ease-in-out infinite}.insight-strip span{font-size:9px;color:var(--muted)}.insight-strip b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.to-top{position:fixed;z-index:1000;left:16px;bottom:22px;width:48px;height:48px;border:1px solid #ffffff33;border-radius:50%;background:#071c31db;color:#fff;font-size:24px;box-shadow:0 8px 30px #0005;backdrop-filter:blur(12px);opacity:0;visibility:hidden;transform:translateY(12px) scale(.9);transition:.22s}.to-top.show{opacity:1;visibility:visible;transform:none}
@media(max-width:520px){header{gap:7px!important}header form{gap:6px!important}header form button{flex-basis:70px!important;width:70px!important;font-size:13px!important}#locBtn{flex-basis:50px!important;width:50px!important}.weather-tabs button{font-size:10px!important}.insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-strip>div{min-height:64px;justify-content:center}}
@media(max-width:350px){header{display:grid!important;grid-template-columns:minmax(0,1fr) 48px}header form button{flex-basis:62px!important;width:62px!important}.quick-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.weather-tabs{grid-template-columns:repeat(2,1fr)!important}}
/* V7.1 smart modules */
.nav-actions{display:flex;gap:7px}.nav-actions button{min-width:44px}.smart-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px}.smart-card{padding:15px;border-radius:24px;background:rgba(7,28,48,.68);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 28px #0002}.smart-card h4{margin:0 0 8px;font-size:14px}.smart-card p{margin:0;color:#d9ecf8;font-size:12px;line-height:1.9}.smart-card .big{font-size:21px;font-weight:800}.activity-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.activity-row span{font-size:10px;padding:6px 8px;border-radius:12px;background:#ffffff10}.favbar{display:flex;gap:7px;overflow:auto;padding:2px 0}.favbar button{white-space:nowrap;border-radius:13px;border:1px solid #ffffff18;background:#ffffff0d;color:white;padding:7px 10px}@media(max-width:480px){.smart-panel{grid-template-columns:1fr}}

/* v7.6 fully dynamic day/night weather scenes */
.scene .sun,.scene .moon,.scene .stars,.scene .cloud,.scene .fog{transition:opacity .9s ease,filter .9s ease}
.scene .sun{opacity:0!important}.scene .moon{opacity:0!important}.scene .stars{opacity:0}
.scene[class*="-day"] .sun{opacity:.88!important}.scene[class*="-night"] .moon{opacity:.94!important}.scene[class*="-night"] .stars{opacity:.68}
.scene.overcast-day,.scene.cloudy-day{background:linear-gradient(160deg,#637b8d,#344b5d 55%,#233746)}
.scene.overcast-night,.scene.cloudy-night{background:radial-gradient(circle at 20% 12%,#24354b,#101b2a 48%,#050a12)}
.scene.fog-day,.scene.dense-fog-day{background:linear-gradient(160deg,#9cabb2,#61727b)}
.scene.fog-night,.scene.dense-fog-night{background:linear-gradient(160deg,#2d3944,#111a23)}
.scene.drizzle-day,.scene.freezing-drizzle-day{background:linear-gradient(160deg,#557f96,#263e50)}
.scene.drizzle-night,.scene.freezing-drizzle-night{background:linear-gradient(160deg,#152b3c,#07121e)}
.scene.rain-day,.scene.showers-day{background:linear-gradient(160deg,#315c75,#102a3b)}
.scene.rain-night,.scene.showers-night{background:linear-gradient(160deg,#0d2133,#030a12)}
.scene.heavy-rain-day,.scene.heavy-showers-day{background:linear-gradient(160deg,#263f53,#091725)}
.scene.heavy-rain-night,.scene.heavy-showers-night{background:linear-gradient(160deg,#07131f,#01050a)}
.scene.snow-day{background:linear-gradient(160deg,#b7d0dd,#607d91)}.scene.snow-night{background:linear-gradient(160deg,#405a70,#101d2c)}
.scene.blizzard-day{background:linear-gradient(160deg,#9cb4bf,#3f596a)}.scene.blizzard-night{background:linear-gradient(160deg,#31495c,#091522)}
.scene.thunder-day,.scene.hail-thunder-day{background:radial-gradient(circle at 70% 18%,#555b7b,#1c2738 52%,#090e17)}
.scene.thunder-night,.scene.hail-thunder-night{background:radial-gradient(circle at 70% 18%,#292b50,#090d19 52%,#010308)}
.scene[class*="overcast"] .sun,.scene[class*="cloudy"] .sun,.scene[class*="rain"] .sun,.scene[class*="showers"] .sun,.scene[class*="thunder"] .sun,.scene[class*="fog"] .sun,.scene[class*="drizzle"] .sun,.scene[class*="snow"] .sun,.scene[class*="blizzard"] .sun{opacity:0!important}
.scene.overcast-night .moon,.scene.cloudy-night .moon,.scene.rain-night .moon,.scene.showers-night .moon,.scene.heavy-rain-night .moon,.scene.heavy-showers-night .moon,.scene.thunder-night .moon,.scene.hail-thunder-night .moon,.scene.fog-night .moon,.scene.dense-fog-night .moon{opacity:.16!important;filter:blur(1px)}
.scene.overcast-day .cloud,.scene.overcast-night .cloud,.scene.cloudy-day .cloud,.scene.cloudy-night .cloud{opacity:.92}
.scene.rain-day .cloud,.scene.rain-night .cloud,.scene.heavy-rain-day .cloud,.scene.heavy-rain-night .cloud,.scene.showers-day .cloud,.scene.showers-night .cloud,.scene.heavy-showers-day .cloud,.scene.heavy-showers-night .cloud,.scene.thunder-day .cloud,.scene.thunder-night .cloud,.scene.hail-thunder-day .cloud,.scene.hail-thunder-night .cloud{opacity:.9;filter:brightness(.58)}
.scene.fog-day .fog,.scene.fog-night .fog,.scene.dense-fog-day .fog,.scene.dense-fog-night .fog{opacity:1}
.scene.thunder-day .flash,.scene.thunder-night .flash,.scene.hail-thunder-day .flash,.scene.hail-thunder-night .flash{animation:lightning 5s infinite}
.scene.blizzard-day .cloud,.scene.blizzard-night .cloud,.scene.heavy-rain-day .cloud,.scene.heavy-rain-night .cloud{animation-duration:9s}
.scene[class*="-night"]:before{filter:brightness(.55) saturate(.9)}
/* V8 capability suite + typography */
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--accent:#5bc8ff;--glass-alpha:.68}body{font-family:"Vazirmatn","Noto Sans Arabic",Tahoma,"Segoe UI",sans-serif!important}.glass,.smart-card{backdrop-filter:blur(16px) saturate(1.12)}.weather-tabs{grid-template-columns:repeat(5,1fr)!important}.pro-suite{overflow:hidden}.assistant-brief{padding:14px;border-radius:18px;background:linear-gradient(135deg,rgba(91,200,255,.12),rgba(129,104,255,.08));line-height:2;font-size:12px;margin-bottom:12px}.assistant-brief b{color:#fff}.precip-timeline{display:flex;gap:5px;overflow:auto;padding:8px 0 13px}.rain-slot{flex:0 0 54px;text-align:center;padding:8px 4px;border-radius:14px;background:#ffffff0b;font-size:9px}.rain-slot i{display:block;height:42px;position:relative;margin:4px}.rain-slot i:after{content:"";position:absolute;bottom:0;left:10px;right:10px;height:var(--p);min-height:2px;border-radius:8px;background:linear-gradient(#7ad9ff,#3c7cff)}.rain-slot b{display:block;font-size:10px}.pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pro-card{min-height:160px;padding:15px;border-radius:20px;background:#06172888;border:1px solid #ffffff10}.wind-compass{width:94px;height:94px;margin:6px auto;border-radius:50%;border:1px solid #ffffff30;position:relative;background:radial-gradient(circle,#ffffff08,transparent 60%)}.wind-arrow{position:absolute;inset:11px;display:flex;justify-content:center;transform:rotate(var(--deg));transition:transform .7s ease}.wind-arrow:before{content:"▲";font-size:25px;color:var(--accent)}.astro-progress{height:8px;border-radius:9px;background:#ffffff13;overflow:hidden;margin:9px 0}.astro-progress i{display:block;height:100%;width:var(--sunp);background:linear-gradient(90deg,#ffc44d,#fff2a6);border-radius:inherit}.map-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:10px}.map-tabs button{border:1px solid #ffffff16;background:#ffffff0a;color:#fff;border-radius:13px;padding:8px 12px}.map-tabs button.active{background:var(--accent);color:#052034}.map-shell{height:360px;border-radius:20px;overflow:hidden;position:relative;background:#071522}.map-shell iframe{width:100%;height:100%;border:0;display:none}.map-shell button{position:absolute;inset:0;margin:auto;width:150px;height:48px}.alert-sub-box{display:flex;align-items:center;justify-content:space-between;gap:12px}.alert-sub-box p{font-size:11px;color:#d2e4f1;line-height:1.9}.alert-config label{display:flex;gap:8px;align-items:center;margin:10px 0}.sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sub-grid label{display:flex;flex-direction:column;align-items:stretch}.sub-grid input{width:100%}.modal-actions{display:flex;gap:8px;margin-top:14px}.modal-actions button{flex:1}.compact-mode .metric{min-height:105px!important}.compact-mode .block{padding:13px!important}@media(max-width:520px){.weather-tabs{grid-template-columns:repeat(5,1fr)!important}.weather-tabs button{font-size:9px!important}.pro-grid{grid-template-columns:1fr}.map-shell{height:310px}.alert-sub-box{align-items:stretch;flex-direction:column}}
/* v8.1 mobile polish + pro UX */
.scroll,.precip-timeline,.map-tabs,.favbar{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;overscroll-behavior-inline:contain}.scroll::-webkit-scrollbar,.precip-timeline::-webkit-scrollbar,.map-tabs::-webkit-scrollbar,.favbar::-webkit-scrollbar{display:none}.scroll{padding-inline:14px!important;scroll-padding-inline:14px!important}.scroll>*{scroll-snap-align:start}.precip-timeline{padding-inline:10px!important;scroll-padding-inline:10px!important}.rain-slot{flex:0 0 64px!important;min-width:64px;overflow:visible}.pro-card{overflow:visible!important}.pro-card>b,.pro-card>small{display:block;text-align:center;line-height:1.9;overflow-wrap:anywhere}.wind-line{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 8px;line-height:1.8}.wind-line span{white-space:nowrap}.aqi-hero{padding:14px 15px;margin:10px 0 14px;border:1px solid #ffffff12;border-radius:19px;background:#06172888}.aqi-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.aqi-head strong{font-size:22px}.aqi-status{font-weight:900}.aqi-note{margin:9px 0 0;line-height:1.95;font-size:12px;color:#e7f3fb;white-space:normal;overflow:visible;text-overflow:clip}.aqi-pollutant{margin-top:8px;font-size:11px;color:#bcd2e3}.air-grid>div{min-width:0}.air-grid b,.air-grid span{overflow-wrap:anywhere}.planner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.planner-item{padding:13px;border-radius:18px;background:#06172888;border:1px solid #ffffff10;min-width:0}.planner-item b{display:block;margin-bottom:5px}.planner-item span{font-size:11px;color:#d5e9f7;line-height:1.8;overflow-wrap:anywhere}.primary-wide{width:100%;padding:13px;border:0;border-radius:16px;background:var(--accent);color:#062033;font-weight:900}.section-head span{max-width:52%;white-space:normal!important;text-align:left;line-height:1.5}.quick-pill,.metric,.weather-alert,.smart-card{min-width:0;overflow:visible}.quick-pill b,.metric b,.weather-alert b,.smart-card p{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}.map-tabs{padding-inline:6px;scroll-padding-inline:6px}.map-tabs button{flex:0 0 auto;white-space:nowrap}.map-shell{height:min(58vh,330px)!important}.bottom-safe{height:env(safe-area-inset-bottom)}
@media(max-width:420px){.planner-grid{grid-template-columns:1fr}.rain-slot{flex-basis:60px!important;min-width:60px}.section-head{align-items:flex-start}.section-head span{font-size:9px}.map-shell{height:285px!important}.air-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.week-planner{display:flex;gap:8px;overflow:auto;padding:4px 2px 9px;scrollbar-width:none}.week-day{flex:0 0 118px;padding:12px;border-radius:17px;background:#06172888;border:1px solid #ffffff10}.week-day.best{outline:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,#061728)}.week-day b,.week-day span,.week-day small{display:block}.week-day span{margin:6px 0}.week-day small{color:#bfd5e4;line-height:1.7}.compare-form{display:grid;grid-template-columns:1fr 1fr auto;gap:7px}.compare-form input{min-width:0}.compare-result{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.compare-card{padding:13px;border-radius:17px;background:#06172888;border:1px solid #ffffff10;min-width:0}.compare-card b,.compare-card span,.compare-card small{display:block;overflow-wrap:anywhere}.compare-card b{font-size:16px}.compare-card span{font-size:23px;font-weight:900;margin:6px 0}.compare-card small{line-height:1.8;color:#cce0ed}@media(max-width:420px){.compare-form{grid-template-columns:1fr 1fr}.compare-form button{grid-column:1/-1}.compare-result{grid-template-columns:1fr}}
/* v8.2 modal UX + real city comparison */
body.modal-open{overflow:hidden;touch-action:none}.alert-config{position:relative;max-height:min(82vh,680px);overflow:auto;text-align:right}.modal-close{position:absolute;top:12px;left:12px;width:40px;height:40px;padding:0;border-radius:50%;font-size:27px;line-height:1;background:#ffffff12}.alert-config h3{padding-left:45px;text-align:center}.alert-config .modal-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.compare-result{grid-template-columns:1fr 1fr}.compare-table,.compare-days{grid-column:1/-1;overflow:hidden;border:1px solid #ffffff12;border-radius:18px;background:#06172888}.compare-tr{display:grid;grid-template-columns:1.25fr 1fr 1fr .9fr;gap:5px;align-items:center;padding:9px;border-bottom:1px solid #ffffff0d;font-size:11px}.compare-tr.head{background:#ffffff0b}.compare-tr>*{min-width:0;overflow-wrap:anywhere}.compare-tr small{color:#9edcff}.compare-days{padding:7px}.compare-days>div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;padding:9px;border-bottom:1px solid #ffffff0d;font-size:11px}.compare-days>div:last-child{border:0}
@media(max-width:520px){.modal{padding:12px}.alert-config{padding:20px 16px}.alert-config .modal-actions{grid-template-columns:1fr 1fr}.alert-config #subSave{grid-column:1/-1}.compare-result{grid-template-columns:1fr}.compare-table,.compare-days{grid-column:1}.compare-tr{grid-template-columns:1.25fr 1fr 1fr .85fr;font-size:9px;padding:8px 5px}.compare-days>div{font-size:10px}}
/* v8.3 city autocomplete + validation */
.city-field{position:relative;min-width:0}.city-field input{width:100%;padding-inline-start:34px}.city-state{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:18px;color:#8191a0;z-index:3}.city-state.ok{color:#4ee68a;text-shadow:0 0 12px #35d77888}.city-state.bad{color:#ff6677;text-shadow:0 0 12px #ff445566}.city-suggest{display:none;position:absolute;z-index:30;top:calc(100% + 6px);right:0;left:0;max-height:230px;overflow:auto;padding:6px;border-radius:16px;background:#0a1b2cfa;border:1px solid #ffffff1c;box-shadow:0 18px 45px #0008}.city-suggest.show{display:block}.city-suggest button{display:block;width:100%;text-align:right;padding:10px;border:0;border-bottom:1px solid #ffffff0d;background:transparent;color:#fff}.city-suggest button:last-child{border:0}.city-suggest b,.city-suggest small{display:block}.city-suggest small{color:#a9c3d5;margin-top:2px}.no-city{padding:12px;color:#ff9aa6}.compare-error{grid-column:1/-1;padding:14px;border-radius:16px;border:1px solid #ff667755;background:#ff334411;line-height:1.9}

/* v8.4 alert modal hardening */
#alertModal{z-index:99999!important;overscroll-behavior:contain;touch-action:none}
#alertModal .alert-config{width:min(430px,calc(100vw - 24px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:22px 18px 18px!important}
#alertModal .alert-config h3{margin:34px 0 18px!important;padding:0!important;text-align:center}
#alertModal .modal-close{position:absolute!important;top:12px!important;left:12px!important;z-index:3!important}
#alertModal .modal-actions{position:sticky;bottom:-18px;background:linear-gradient(0deg,#0a1a2b 72%,transparent);padding:18px 0 2px;margin-top:16px!important}
#alertModal input[type=checkbox]{width:22px;height:22px;flex:0 0 22px}
#alertModal input[type=number]{min-height:48px;text-align:center}
body.modal-open{overflow:hidden!important;position:fixed;width:100%;left:0;right:0}
@media(max-width:520px){#alertModal{align-items:flex-end!important;padding:0!important}#alertModal .alert-config{width:100%;max-width:none;max-height:88dvh;border-radius:28px 28px 0 0!important;padding:20px 18px calc(18px + env(safe-area-inset-bottom))!important}#alertModal .modal-actions{bottom:calc(-18px - env(safe-area-inset-bottom));grid-template-columns:1fr 1fr!important}#alertModal #subSave{grid-column:1/-1}}
/* V8.6 alert center */
#alertModal .modal-close{position:relative!important;inset:auto!important;display:block;margin:0 auto 8px!important;width:34px;height:34px;border:1px solid #ffffff18!important;background:#ffffff0a!important;color:#ffffffa8!important;font-size:22px!important;line-height:30px!important;box-shadow:none!important;opacity:.78}
#alertModal .modal-close:active{opacity:1;transform:scale(.94)}
#alertModal .alert-config h3{margin:8px 0 14px!important}
.sub-location-manager{padding:10px;border:1px solid #ffffff12;border-radius:18px;background:#ffffff06;margin-bottom:14px}.sub-location-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sub-location-head button{padding:8px 10px;font-size:11px}.sub-location-list{display:grid;gap:6px;max-height:150px;overflow:auto}.sub-location{display:grid;grid-template-columns:1fr 42px;gap:6px}.sub-location button{margin:0}.sub-pick{text-align:right!important;display:flex;justify-content:space-between;align-items:center;gap:8px}.sub-pick small{opacity:.65}.sub-location.active .sub-pick{outline:1px solid var(--accent);background:#5bc8ff14}.sub-location.disabled{opacity:.65}.sub-delete{padding:8px!important}.sub-options{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.report-time-row{display:grid!important;grid-template-columns:1fr 120px;gap:10px!important}.report-time-row select{width:100%;min-height:48px;border-radius:14px;background:#ffffff0d;color:#fff;border:1px solid #ffffff16;padding:8px;text-align:center}.report-time-row option{color:#111}.sub-grid{grid-template-columns:1fr 1fr!important}
@media(max-width:380px){.sub-options{grid-template-columns:1fr}.report-time-row{grid-template-columns:1fr}.sub-grid{grid-template-columns:1fr!important}}

/* V8.7 — alert center mobile layout repair */
#alertModal{padding:12px!important;overflow:hidden!important}
#alertModal .alert-config{direction:rtl!important;box-sizing:border-box!important;width:min(520px,calc(100vw - 24px))!important;max-width:520px!important;margin:0 auto!important;padding:18px!important;overflow-x:hidden!important;overflow-y:auto!important;text-align:right!important}
/* Neutralize the old generic .modalbox div{display:flex} rule inside this complex modal. */
#alertModal .alert-config>div,#alertModal .sub-location-manager,#alertModal .sub-location-list,#alertModal .sub-location{display:block}
#alertModal .sub-location-head{display:flex!important;width:100%!important;align-items:center!important;justify-content:space-between!important;gap:10px!important}
#alertModal .sub-location-head b{min-width:0;line-height:1.7}
#alertModal .sub-location-head button{flex:0 0 auto!important;white-space:nowrap!important}
#alertModal .sub-location-list{width:100%!important;max-height:150px!important;overflow:auto!important}
#alertModal .sub-location{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important;width:100%!important;margin-top:7px!important}
#alertModal .sub-pick{display:flex!important;width:100%!important;min-width:0!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;text-align:right!important}
#alertModal .sub-pick b{min-width:0!important;overflow-wrap:anywhere!important}
#alertModal .sub-options{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin:8px 0 14px!important}
#alertModal .sub-options label{display:flex!important;min-width:0!important;min-height:48px!important;margin:0!important;padding:9px 10px!important;gap:8px!important;align-items:center!important;border:1px solid #ffffff10!important;border-radius:15px!important;background:#ffffff06!important;line-height:1.55!important;font-size:13px!important;overflow-wrap:anywhere!important}
#alertModal .sub-options input[type=checkbox]{margin:0!important;flex:0 0 21px!important}
#alertModal .report-time-row{display:grid!important;grid-template-columns:minmax(0,1fr) 118px!important;width:100%!important;align-items:center!important;gap:10px!important;margin:12px 0!important;padding:11px!important;border:1px solid #ffffff10!important;border-radius:16px!important;background:#ffffff05!important;line-height:1.7!important}
#alertModal .sub-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;width:100%!important;margin-top:10px!important}
#alertModal .sub-grid label{display:flex!important;flex-direction:column!important;align-items:stretch!important;min-width:0!important;margin:0!important;padding:10px!important;border:1px solid #ffffff10!important;border-radius:15px!important;background:#ffffff05!important;font-size:12px!important;line-height:1.6!important}
#alertModal .sub-grid input{display:block!important;width:100%!important;min-width:0!important;margin-top:7px!important;padding:9px 6px!important}
#alertModal .modal-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}
#alertModal .modal-actions button{width:100%!important;min-width:0!important;margin:0!important}
#alertModal #subSave{grid-column:1/-1!important}
#alertModal .modal-close{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 8px!important}
@media(max-width:520px){
 #alertModal{align-items:flex-end!important;padding:0!important}
 #alertModal .alert-config{width:100%!important;max-width:none!important;max-height:88dvh!important;margin:0!important;padding:16px 14px calc(16px + env(safe-area-inset-bottom))!important;border-radius:26px 26px 0 0!important}
 #alertModal .alert-config h3{font-size:20px!important;margin:7px 0 14px!important}
 #alertModal .sub-options{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #alertModal .sub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:360px){
 #alertModal .sub-options,#alertModal .sub-grid{grid-template-columns:1fr!important}
 #alertModal .report-time-row{grid-template-columns:1fr!important}
 #alertModal .sub-location-head{align-items:stretch!important;flex-direction:column!important}
 #alertModal .sub-location-head button{width:100%!important}
}

/* V8.8 — compact saved cities + Vynora Brief + alert center */
.vynora-brief{margin:12px 0;padding:16px 18px;display:grid;gap:7px;border:1px solid #ffffff18;background:linear-gradient(135deg,#0c2945cc,#10223bcc)}
.vynora-brief .brief-title{display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:800}.vynora-brief p{margin:0;line-height:1.9;color:#edf8ff}.vynora-brief small{opacity:.66}
.hazard-center{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:12px}.hazard-chip{padding:11px 12px;border-radius:15px;border:1px solid #ffffff13;background:#ffffff07;display:flex;gap:8px;align-items:center}.hazard-chip.warn{border-color:#ffd86b55;background:#ffd86b0d}.hazard-chip.danger{border-color:#ff6b6b55;background:#ff6b6b10}.hazard-chip.ok{border-color:#6bffb055;background:#6bffb00b}.hazard-chip span{font-size:12px;opacity:.75}
.notification-history{display:grid;gap:8px;margin:10px 0 12px}.notice-row{padding:11px 12px;border-radius:14px;background:#ffffff07;border:1px solid #ffffff10;display:grid;gap:4px}.notice-row header{display:flex;justify-content:space-between;gap:10px}.notice-row small{opacity:.64;line-height:1.6}
#alertModal .sub-location-list{display:grid!important;gap:7px!important}.sub-location{display:grid!important;grid-template-columns:minmax(0,1fr) 42px!important;gap:7px!important;align-items:stretch!important;padding:0!important;border:0!important;background:transparent!important}.sub-location .sub-pick{min-width:0!important;width:100%!important;padding:10px 12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;text-align:right!important;border-radius:14px!important}.sub-location .sub-pick b{min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:13px!important}.sub-location .sub-pick small{font-size:10px!important;white-space:nowrap!important}.sub-location .sub-delete{width:42px!important;min-width:42px!important;padding:0!important;margin:0!important;border-radius:14px!important;font-size:16px!important}.sub-location.active .sub-pick{border-color:#5cc9ff99!important;box-shadow:0 0 0 1px #5cc9ff33 inset!important}
@media(max-width:520px){.hazard-center{grid-template-columns:1fr}.vynora-brief{margin-inline:0}.sub-location .sub-pick b{max-width:210px!important}}
/* V8.9 — story, risk, city dashboard, 16-day ranges, responsive quick nav */
.weather-tabs{display:flex!important;gap:7px!important;overflow-x:auto!important;scroll-snap-type:x proximity;padding:8px!important;position:sticky;top:8px;z-index:20}.weather-tabs button{flex:0 0 auto!important;min-width:max-content!important;scroll-snap-align:start;padding:9px 12px!important}.weather-tabs::-webkit-scrollbar{height:0}
.weather-story,.risk-grid,.city-dash,.astro-pro-grid{margin-top:12px}.story-rail{display:flex;gap:9px;overflow-x:auto;padding:4px 1px 8px;scroll-snap-type:x mandatory}.story-node{flex:0 0 112px;scroll-snap-align:start;padding:12px 9px;border-radius:18px;background:#ffffff08;border:1px solid #ffffff12;text-align:center;display:grid;gap:5px}.story-node i{font-style:normal;font-size:27px}.story-node small{opacity:.68}.risk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.risk-card{padding:13px;border-radius:17px;background:#ffffff07;border:1px solid #ffffff12;display:grid;gap:5px}.risk-card.low{border-color:#58e6a244}.risk-card.mid{border-color:#ffd36a55}.risk-card.high{border-color:#ff717166}.risk-card span{font-size:12px;opacity:.72}.city-dash{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.city-dash button{display:grid;text-align:right;gap:4px;padding:13px;border-radius:17px;background:#ffffff08;border:1px solid #ffffff12;color:inherit}.city-dash small{opacity:.65}.forecast-range{display:flex;gap:7px;overflow:auto;margin:4px 0 12px}.forecast-range button{flex:1 0 auto;border-radius:13px;padding:8px 11px}.forecast-range button.active{background:#55c9ff;color:#06111d}.astro-pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.astro-pro-grid>div{padding:12px;border-radius:16px;background:#ffffff07;border:1px solid #ffffff10;display:grid;gap:4px}.astro-pro-grid span{font-size:11px;opacity:.68}
@media(max-width:520px){.weather-tabs{margin-inline:-2px}.risk-grid,.city-dash,.astro-pro-grid{grid-template-columns:1fr 1fr}.story-node{flex-basis:104px}.block{overflow:hidden}}
@media(max-width:350px){.risk-grid,.city-dash,.astro-pro-grid{grid-template-columns:1fr}}
.confidence-box,#confidenceBox{display:grid;gap:9px}.source-line{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px 12px;border-radius:14px;background:#ffffff07;border:1px solid #ffffff10}.source-line small{opacity:.68}.confidence-note{padding:11px;border-radius:14px;background:#55c9ff0c;border:1px solid #55c9ff24;line-height:1.8}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.record-grid>div{padding:12px;border-radius:16px;background:#ffffff07;border:1px solid #ffffff10;display:grid;gap:4px}.record-grid span{font-size:11px;opacity:.68}.share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.share-actions button{margin:0!important}@media(max-width:480px){.record-grid{grid-template-columns:1fr 1fr}.share-actions{grid-template-columns:1fr}}
.layout-toggles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.layout-toggles button.off{opacity:.45;filter:grayscale(.7)}@media(max-width:520px){.layout-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* V9.0 */
.long-range-grid,.calendar-grid,.pollen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.outlook-day,.pollen-grid>div,.cal-day,.travel-result>div{border:1px solid rgba(255,255,255,.12);background:rgba(3,22,39,.35);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:5px}.outlook-day.far{opacity:.82;border-style:dashed}.outlook-day em{font-size:11px;opacity:.65;font-style:normal}.outlook-note,.route-note{grid-column:1/-1;font-size:12px;opacity:.75}.travel-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.travel-form button{grid-column:1/-1}.travel-form input{min-width:0}.travel-result{display:grid;gap:8px;margin-top:12px}.cal-day{color:inherit;text-align:center}.cal-day i{font-style:normal;font-size:24px}.cal-day.wet{box-shadow:inset 0 0 0 1px rgba(80,170,255,.22)}.cal-day.hot{box-shadow:inset 0 0 0 1px rgba(255,170,70,.22)}.cal-day.cold{box-shadow:inset 0 0 0 1px rgba(150,220,255,.25)}.error-inline{padding:12px;border-radius:12px;background:rgba(255,80,80,.12)}
@media(max-width:420px){.long-range-grid,.calendar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.travel-form{grid-template-columns:1fr}.travel-form button{grid-column:auto}.pollen-grid{grid-template-columns:1fr 1fr}}
/* V9.1 fixes */
.calendar-legend{grid-column:1/-1;display:flex;gap:7px;overflow:auto;padding:2px 0 8px}.calendar-legend span{white-space:nowrap;padding:7px 9px;border-radius:12px;background:#ffffff12;font-size:11px}.cal-day.cold{box-shadow:inset 0 0 0 1px #78c9ff55}.cal-day.mild{box-shadow:inset 0 0 0 1px #70e0aa55}.cal-day.hot{box-shadow:inset 0 0 0 1px #ffb05d66}.cal-day.wet{box-shadow:inset 0 0 0 1px #c792ff77}.route-strip{display:flex!important;align-items:center!important;gap:5px!important;overflow-x:auto!important;padding:10px 2px!important;margin-bottom:10px!important}.route-stop{display:grid!important;grid-template-columns:auto!important;justify-items:center!important;min-width:92px!important;padding:9px!important;border-radius:16px!important;background:#ffffff10!important;position:relative}.route-stop i{font-style:normal;font-size:24px}.route-stop b{font-size:11px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-stop span{font-size:13px}.route-stop em{position:absolute;left:-10px;top:36%;font-style:normal;opacity:.7}.route-weather{display:grid!important;grid-template-columns:1fr auto!important;gap:5px 10px!important;text-align:right!important;padding:10px!important;margin:7px 0!important;border-radius:15px!important;background:#ffffff0d!important}.route-weather small{grid-column:1/-1;opacity:.75}.confidence-note{display:flex;justify-content:space-between;gap:10px;align-items:center}.confidence-note small{opacity:.75}@media(max-width:420px){.confidence-note{align-items:flex-start;flex-direction:column}.route-stop{min-width:82px!important}}

/* V9.2 wind compass + road route */
.wind-compass{overflow:hidden!important}.wind-arrow{inset:8px!important;align-items:flex-start!important;transform-origin:50% 50%!important}.wind-arrow:before{content:none!important}.wind-arrow span{display:block!important;font-size:30px!important;line-height:1!important;color:var(--accent)!important;filter:drop-shadow(0 0 7px rgba(91,200,255,.7));transform:rotate(-90deg)}.wind-north{position:absolute;top:3px;left:50%;transform:translateX(-50%);font-size:9px;opacity:.65}.wind-line{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;text-align:center}.route-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px 10px!important;margin:0 0 10px!important;padding:12px!important;border-radius:16px!important;background:#ffffff10!important}.route-summary span{text-align:left}.route-summary small{grid-column:1/-1;opacity:.7}.route-strip{direction:rtl!important;scroll-snap-type:x proximity}.route-stop{scroll-snap-align:start}.route-weather{grid-template-columns:minmax(0,1fr) auto!important}.route-weather b,.route-weather span,.route-weather small{min-width:0;overflow-wrap:anywhere}@media(max-width:420px){.route-summary{grid-template-columns:1fr!important}.route-summary span{text-align:right}.route-summary small{grid-column:auto}.route-strip{margin-inline:-4px!important;padding-inline:4px!important}}

/* V9.3 flagship modules */
.signature-timeline{overflow:hidden}.master-timeline{display:flex;gap:10px;overflow-x:auto;padding:8px 2px 14px;scroll-snap-type:x mandatory}.master-timeline::-webkit-scrollbar{height:4px}.master-timeline::-webkit-scrollbar-thumb{background:#ffffff33;border-radius:9px}.time-bead{flex:0 0 118px;scroll-snap-align:center;border:1px solid #ffffff16;background:#071b2da8;border-radius:20px;padding:12px 9px;text-align:center;position:relative}.time-bead.now{outline:2px solid #59caff;box-shadow:0 0 24px #4cc7ff22}.time-bead i{display:block;font-size:27px;font-style:normal;margin:5px}.time-bead b{font-size:18px}.time-bead small{display:block;color:#b8ccdb;line-height:1.7}.timeline-detail{padding:13px;border-radius:16px;background:#0618279e;border:1px solid #ffffff10;line-height:1.9}.storm-grid,.activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.storm-card,.activity-card{padding:14px;border-radius:18px;background:#071b2daa;border:1px solid #ffffff12;min-width:0}.storm-card strong,.activity-card strong{display:block;font-size:17px;margin-bottom:6px}.storm-card span,.activity-card span,.storm-card small,.activity-card small{display:block;color:#b8ccdb;line-height:1.75}.storm-card.high{border-color:#ff767655;background:#481b2590}.storm-card.mid{border-color:#ffc85c55;background:#49381966}.storm-card.ok{border-color:#65e0ae3d}.live-trip-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.live-trip-actions input{min-width:0}.live-trip-state{margin-top:10px;padding:13px;border-radius:16px;background:#0618279e;line-height:1.85}.live-trip-state.active{border:1px solid #5bd1a655}.route-eta{display:block;color:#8fe2ff!important;font-weight:700;margin-top:3px}.route-stop small{display:block}.dynamic-island{position:fixed;z-index:60;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);max-width:min(88vw,440px);padding:8px 16px;border-radius:999px;background:#06121ee8;border:1px solid #ffffff1a;box-shadow:0 8px 30px #0006;backdrop-filter:blur(18px);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;opacity:0;transition:.25s}.dynamic-island.show{opacity:1;top:calc(16px + env(safe-area-inset-top))}@media(max-width:520px){.storm-grid,.activity-grid{grid-template-columns:1fr}.time-bead{flex-basis:108px}.live-trip-actions{grid-template-columns:1fr}.dynamic-island{top:calc(6px + env(safe-area-inset-top));font-size:11px}}
/* V9.4 — genuinely color-coded interactive forecast calendar */
#forecastCalendar .calendar-grid{gap:12px}
#forecastCalendar .calendar-legend{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px!important;overflow:visible!important}
#forecastCalendar .calendar-legend span{display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgba(255,255,255,.12);font-weight:700}
#forecastCalendar .calendar-legend .lg-cold{background:linear-gradient(135deg,rgba(22,126,255,.42),rgba(39,181,255,.18))!important;border-color:rgba(74,174,255,.55)}
#forecastCalendar .calendar-legend .lg-mild{background:linear-gradient(135deg,rgba(67,176,92,.40),rgba(82,218,125,.15))!important;border-color:rgba(104,222,129,.5)}
#forecastCalendar .calendar-legend .lg-hot{background:linear-gradient(135deg,rgba(255,139,20,.48),rgba(255,196,65,.16))!important;border-color:rgba(255,171,55,.58)}
#forecastCalendar .calendar-legend .lg-wet{background:linear-gradient(135deg,rgba(165,61,215,.50),rgba(94,72,220,.20))!important;border-color:rgba(202,104,255,.62)}
#forecastCalendar .cal-day{position:relative;overflow:hidden;min-height:178px;border-width:1px!important;box-shadow:0 10px 24px rgba(0,0,0,.13)!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important}
#forecastCalendar .cal-day:active{transform:scale(.975)}
#forecastCalendar .cal-day::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.92}
#forecastCalendar .cal-day>*{position:relative;z-index:1}
#forecastCalendar .cal-day.cold{background:linear-gradient(145deg,rgba(15,100,210,.62),rgba(9,51,98,.68))!important;border-color:rgba(92,190,255,.72)!important}
#forecastCalendar .cal-day.cold::before{background:radial-gradient(circle at 18% 12%,rgba(89,205,255,.25),transparent 45%)}
#forecastCalendar .cal-day.mild{background:linear-gradient(145deg,rgba(30,133,75,.57),rgba(8,68,69,.68))!important;border-color:rgba(98,220,137,.65)!important}
#forecastCalendar .cal-day.mild::before{background:radial-gradient(circle at 18% 12%,rgba(111,255,152,.18),transparent 45%)}
#forecastCalendar .cal-day.hot{background:linear-gradient(145deg,rgba(211,102,16,.66),rgba(118,52,14,.70))!important;border-color:rgba(255,180,69,.78)!important}
#forecastCalendar .cal-day.hot::before{background:radial-gradient(circle at 18% 12%,rgba(255,219,93,.28),transparent 46%)}
#forecastCalendar .cal-day.wet{background:linear-gradient(145deg,rgba(122,46,177,.68),rgba(49,48,128,.72))!important;border-color:rgba(207,116,255,.78)!important}
#forecastCalendar .cal-day.wet::before{background:radial-gradient(circle at 18% 12%,rgba(226,137,255,.24),transparent 45%)}
#forecastCalendar .cal-day .cal-badge{display:inline-flex;align-self:center;padding:4px 8px;border-radius:999px;background:rgba(0,0,0,.20);font-size:10px;font-weight:800}
@media(max-width:390px){#forecastCalendar .calendar-legend{grid-template-columns:repeat(2,minmax(0,1fr))}#forecastCalendar .cal-day{min-height:165px}}
/* V9.5 — professional route dashboard */
.route-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.route-dashboard>div{display:flex!important;flex-direction:column;gap:3px;padding:9px;border-radius:13px;background:#ffffff08}.route-dashboard small{opacity:.68}.route-dashboard .route-mode{grid-column:1/-1}.route-risk-summary{display:flex!important;flex-direction:column!important;gap:6px!important;background:linear-gradient(135deg,#ffb44b18,#ff5d7510)!important;border-color:#ffc45b35!important}.route-risk-summary span{line-height:1.9}.route-risk-summary small{opacity:.75}.route-pro{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;direction:rtl!important;padding:10px 3px 16px!important;-webkit-overflow-scrolling:touch}.route-pro .route-stop{flex:0 0 142px!important;min-width:142px!important;min-height:172px;scroll-snap-align:start;justify-content:center!important}.route-pro .route-stop small{font-size:10px;line-height:1.65}.route-pro .route-stop em{left:-13px;font-size:24px}.route-weather small{line-height:1.8}@media(max-width:420px){.route-dashboard{grid-template-columns:1fr 1fr!important}.route-pro .route-stop{flex-basis:132px!important;min-width:132px!important}.route-weather{grid-template-columns:1fr!important}.route-weather span{text-align:right}.route-weather small{grid-column:auto!important}}

/* V9.6 flagship polish */
.first-run{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 10%,#1d78a955,#06101dee 58%);backdrop-filter:blur(18px)}.first-run[hidden]{display:none}.first-run-card{width:min(430px,100%);padding:28px 20px;text-align:center;border-radius:30px}.first-logo{width:78px;height:78px;margin:auto;border-radius:50%;display:grid;place-items:center;font:900 38px/1 sans-serif;background:linear-gradient(135deg,#ffb43b 0 48%,#35bfff 52%);box-shadow:0 0 50px #40c7ff44}.first-run h1{margin:16px 0 8px}.first-run p{color:#b8cad8;line-height:1.8}.first-run form,.trip-plan-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:16px 0}.first-run input,.trip-plan-form input{min-width:0}.first-suggest{display:flex;gap:7px;overflow:auto;margin-top:12px}.first-suggest button{white-space:nowrap}.skeleton-mode .hero,.skeleton-mode .block,.skeleton-mode .metrics{position:relative;overflow:hidden}.skeleton-mode .hero:after,.skeleton-mode .block:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#ffffff0e,transparent);animation:sk 1.15s linear infinite}@keyframes sk{to{transform:translateX(-100%)}}
.wow-window{overflow:hidden}.weather-window-view{height:240px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(#269de1,#aee7ff);box-shadow:inset 0 -40px 80px #06111f33}.ww-sky{position:absolute;inset:0}.ww-orb{position:absolute;width:72px;height:72px;border-radius:50%;right:12%;top:15%;background:#ffe28b;box-shadow:0 0 50px #ffd56a}.ww-cloud{position:absolute;width:120px;height:42px;border-radius:50px;background:#ffffffc9;filter:blur(.2px);animation:ww 15s linear infinite}.ww-cloud:after,.ww-cloud:before{content:"";position:absolute;background:inherit;border-radius:50%;width:55px;height:55px;top:-24px}.ww-cloud:after{left:18px}.ww-cloud:before{right:15px}.ww-cloud.a{top:38%;left:-25%}.ww-cloud.b{top:58%;left:-45%;animation-duration:21s;transform:scale(.72)}@keyframes ww{to{left:110%}}.ww-rain{position:absolute;inset:0;opacity:0;background:repeating-linear-gradient(105deg,transparent 0 12px,#b9e9ff88 13px 14px);animation:rainmove .5s linear infinite}.weather-window-view.rainy .ww-rain{opacity:1}.weather-window-view.night{background:linear-gradient(#06132e,#162c52)}.weather-window-view.night .ww-orb{background:#eaf3ff;box-shadow:0 0 38px #dceaff}.ww-caption{position:absolute;right:16px;bottom:14px;left:16px;padding:12px 14px;border-radius:18px;background:#07131f99;backdrop-filter:blur(12px);font-weight:800}.pulse-box{display:grid;place-items:center;padding:16px}.pulse-ring{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(#49d5ff var(--pulse),#ffffff12 0);box-shadow:0 0 50px #31bfff20}.pulse-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;background:#091827}.pulse-core{z-index:1;text-align:center}.pulse-core b{display:block;font-size:30px}.pulse-core small{color:#a9c1d2}.best-time-grid,.life-weather-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wow-mini{padding:13px;border:1px solid #ffffff13;border-radius:18px;background:#07182699}.wow-mini b,.wow-mini span,.wow-mini small{display:block}.wow-mini span{margin:5px 0}.wow-mini small{color:#9fb6c8}.route-view-toggle{display:flex;gap:7px;margin:10px 0}.route-view-toggle button.active{background:#168fd0}.route-stop[hidden],.route-weather[hidden]{display:none!important}.route-pro{scroll-snap-type:x mandatory}.route-stop{scroll-snap-align:start}.aq-pro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.aq-pro-grid>div{padding:10px;border-radius:14px;background:#ffffff0b;text-align:center}.weather-tabs{scroll-snap-type:x proximity}.weather-tabs button{scroll-snap-align:start}.app{transition:opacity .35s ease,transform .35s ease}.city-enter{animation:cityIn .55s cubic-bezier(.2,.8,.2,1)}@keyframes cityIn{from{opacity:.3;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}@media(max-width:560px){.best-time-grid,.life-weather-grid{grid-template-columns:1fr 1fr}.weather-window-view{height:210px}.pulse-ring{width:165px;height:165px}.trip-plan-form{grid-template-columns:1fr}.aq-pro-grid{grid-template-columns:repeat(2,1fr)}}
/* V9.7 paint stability + universal city picker */
.jalali-select{width:100%;min-width:0;padding:13px 14px;border:1px solid #ffffff24;border-radius:18px;color:#fff;background:#16324b;outline:0;font:inherit}.empty-hint{padding:14px;border-radius:16px;background:#ffffff0a;color:#b9cad8;text-align:center}.travel-form .city-field,.live-trip-actions .city-field,.trip-plan-form .city-field{width:100%}.travel-form{overflow:visible!important}.city-suggest{direction:rtl}.data-detail{display:grid;gap:7px;margin-top:9px}.data-detail[hidden]{display:none}.data-detail>div{display:flex;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:12px;background:#ffffff09}.confidence-note{cursor:pointer}.confidence-note:after{content:'جزئیات';font-size:10px;opacity:.65}
@media(max-width:600px){.glass,.smart-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(145deg,rgba(18,55,82,.94),rgba(8,31,52,.92))!important}.master-timeline,.route-strip,.scroll,.story-rail,.precip-timeline{transform:translateZ(0);-webkit-transform:translateZ(0);isolation:isolate}.time-bead,.route-stop,.hour,.story-node{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.scene{will-change:auto!important}.scene .cloud,.scene .sun,.scene .moon{will-change:transform}.trip-plan-form,.travel-form{grid-template-columns:1fr!important}.city-suggest{z-index:1000}}
.battle-head,.battle-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.battle-head{margin-top:12px}.battle-head b{text-align:center;padding:10px;border-radius:14px;background:#ffffff10}.battle-row{grid-template-columns:1.1fr 1fr 1fr;align-items:center;padding:10px 4px;border-bottom:1px solid #ffffff10}.battle-row b{text-align:center}.battle-row span{opacity:.78}

/* V9.8 — AQI mobile repair + reliable output + Live Trip */
#airDetails.air-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#airDetails.air-grid>div{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;min-width:0!important;min-height:58px!important;padding:12px 14px!important;overflow:hidden!important}
#airDetails.air-grid>div span{flex:0 1 auto!important;min-width:0!important;white-space:nowrap!important;font-size:11px!important}
#airDetails.air-grid>div b{flex:0 0 auto!important;max-width:55%!important;white-space:nowrap!important;font-size:16px!important;text-align:left!important}
#airDetails .aq-pro-grid{display:none!important}
.vw-toast{position:fixed;z-index:3000;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:#06192bed;color:#fff;border:1px solid #ffffff28;border-radius:16px;padding:11px 16px;box-shadow:0 12px 40px #0007;opacity:0;visibility:hidden;transition:.22s;max-width:88vw;text-align:center}.vw-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.vw-output-modal{z-index:2500!important}.vw-output-modal.show{display:flex!important}.vw-output-modal .modalbox{width:min(92vw,520px);max-height:88dvh;overflow:auto;position:relative}.vw-card-preview{display:block;width:100%;height:auto;border-radius:18px;margin:10px 0}.vw-output-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.vw-output-actions button,.vw-output-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:15px;background:var(--accent);color:#062033;font-weight:900;text-decoration:none}
.live-trip-state.active{padding:14px!important}.live-trip-pro{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:right}.live-trip-pro>b,.live-trip-pro>small,.live-trip-pro>em{grid-column:1/-1}.live-trip-pro span{padding:9px;border-radius:13px;background:#ffffff0d}.live-trip-pro small{color:#bed6e7}.live-trip-pro em{font-style:normal;line-height:1.9}
@media(max-width:420px){#airDetails.air-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}#airDetails.air-grid>div{min-height:54px!important;padding:10px 11px!important}#airDetails.air-grid>div span{font-size:10px!important}#airDetails.air-grid>div b{font-size:15px!important}.aqi-hero{overflow:hidden!important}.aqi-head{flex-wrap:wrap!important}.aqi-note,.aqi-pollutant{overflow-wrap:anywhere!important}.live-trip-pro{grid-template-columns:1fr}.live-trip-pro>*{grid-column:1!important}.vw-output-actions{grid-template-columns:1fr}}
/* V9.9 compact output preview */
.vw-output-modal .modalbox{max-width:min(92vw,460px);max-height:88vh;overflow:auto}.vw-card-fit{width:min(72vw,330px);max-height:58vh;margin:8px auto;display:flex;align-items:center;justify-content:center}.vw-card-fit .vw-card-preview{display:block;width:100%;height:auto;max-height:58vh;object-fit:contain;border-radius:18px}.vw-card-help{display:block;text-align:center;opacity:.72;margin:8px 0 12px}.vw-output-actions{display:flex;gap:8px;flex-wrap:wrap}.vw-output-actions>*{flex:1;min-width:120px;text-align:center}

/* V9.10 output redesign */
.vw-output-modal{align-items:center!important;justify-content:center!important;padding:14px!important}.vw-output-modal .modalbox{width:min(94vw,430px)!important;max-height:90dvh!important;padding:18px!important;border-radius:26px!important}.vw-card-fit{width:min(68vw,280px)!important;height:auto!important;max-height:52dvh!important;margin:6px auto 10px!important}.vw-card-fit .vw-card-preview{width:100%!important;max-height:52dvh!important;object-fit:contain!important;border-radius:16px!important;box-shadow:0 18px 55px #0008}.vw-card-help{font-size:11px!important;line-height:1.8}.vw-output-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.vw-output-actions>*{min-width:0!important;min-height:46px!important;border-radius:14px!important}.vw-pdf-ready{display:grid;place-items:center;gap:8px;padding:18px 8px 22px;text-align:center}.vw-pdf-ready small{color:#b7cfde;line-height:1.8}.vw-pdf-icon{width:78px;height:92px;border-radius:14px;background:linear-gradient(145deg,#ff625f,#bd1e2d);display:grid;place-items:center;font-weight:900;font-size:22px;box-shadow:0 15px 40px #0005}.vw-pdf-ready b{font-size:20px}@media(max-width:420px){.vw-card-fit{width:min(62vw,250px)!important}.vw-output-actions{grid-template-columns:1fr!important}.vw-output-modal .modalbox{width:92vw!important}}


/* V9.11 Telegram Android compositing + compact output */
.scene{pointer-events:none!important;z-index:0!important}.app{position:relative!important;z-index:5!important}
#tripPlanner,#vynoraTimeline,#dataConfidence,#travelWeather{position:relative;z-index:6;isolation:isolate;background-clip:padding-box}
.vw-output-modal{direction:rtl!important}.vw-output-modal .modalbox{overflow-x:hidden!important;text-align:right!important}
.vw-output-modal #vwOutputTitle{text-align:right!important;padding-left:46px!important}
.vw-card-fit{width:220px!important;max-width:58vw!important;max-height:46dvh!important;overflow:hidden!important;margin:8px auto!important}
.vw-card-fit .vw-card-preview{width:100%!important;height:auto!important;max-height:46dvh!important;object-fit:contain!important;margin:0!important}
.vw-output-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.vw-output-actions button{width:100%!important;min-height:50px!important}
@media(max-width:600px){.master-timeline,.route-strip,.scroll,.story-rail,.precip-timeline,.time-bead,.route-stop,.hour,.story-node{transform:none!important;-webkit-transform:none!important;backface-visibility:visible!important;-webkit-backface-visibility:visible!important;will-change:auto!important}#tripPlanner,#vynoraTimeline,#dataConfidence,#travelWeather{transform:none!important;-webkit-transform:none!important}.vw-output-modal .modalbox{width:min(92vw,400px)!important}.vw-card-fit{width:200px!important;max-width:56vw!important}}

/* V9.14 multi-place city picker */
.main-city-search{overflow:visible!important}.main-city-search .city-field{flex:1;min-width:0}.main-city-search .city-suggest{max-height:min(46vh,360px)}.main-city-search .city-suggest button{padding:12px 14px}.main-city-search .city-suggest b{font-size:14px}.main-city-search .city-suggest small{font-size:11px;line-height:1.7}.main-city-search #mainCityState{left:12px}
/* v9.15 cinematic weather engine */
.scene{--sun-x:12%;--sun-y:12%;--sun-strength:.85;--wind-skew:0deg;--cloud-speed:28s;--light:1;transition:background 1.2s ease,filter 1.2s ease}.scene .sun{left:var(--sun-x)!important;top:var(--sun-y)!important;opacity:var(--sun-strength)!important;transition:left 1.2s ease,top 1.2s ease,opacity 1s ease;filter:brightness(var(--light))}.sun-rays{position:absolute;width:360px;height:360px;left:calc(var(--sun-x) - 90px);top:calc(var(--sun-y) - 90px);border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,236,151,.09) 0 8deg,transparent 8deg 20deg);animation:raysSpin 42s linear infinite;opacity:calc(var(--sun-strength) * .55);transition:left 1.2s,top 1.2s,opacity 1s}.horizon-glow{position:absolute;inset:auto -10% -20% -10%;height:55%;background:radial-gradient(ellipse at 50% 100%,rgba(255,154,78,.25),transparent 58%);opacity:0;transition:opacity 1s}.scene.dawn .horizon-glow,.scene.dusk .horizon-glow{opacity:1}.aurora{position:absolute;inset:-20% -10% 40%;opacity:0;background:linear-gradient(120deg,transparent 20%,rgba(92,255,218,.08),rgba(119,116,255,.12),transparent 75%);filter:blur(28px);animation:auroraMove 15s ease-in-out infinite alternate}.scene[class*="-night"] .aurora{opacity:.35}.cloud{animation-duration:var(--cloud-speed)!important}.c4{top:34%;left:-380px;transform:scale(1.18);animation-delay:-11s}.scene.storm-wind-day .cloud,.scene.storm-wind-night .cloud{transform:skewX(var(--wind-skew))}.sky-stage{height:220px;position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#123d68aa,#1d759255);border:1px solid #ffffff1c}.sky-orbit{position:absolute;inset:12px 8%;border-bottom:1px dashed #ffffff30;border-radius:50%}.sky-orbit i{position:absolute;font-style:normal;font-size:38px;filter:drop-shadow(0 0 16px #fff8);transition:left .8s ease,top .8s ease}.sky-info{position:absolute;bottom:14px;right:16px;left:16px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.sky-info span,.model-chip{padding:8px 11px;border-radius:14px;background:#071a2b99;border:1px solid #ffffff1c}.model-battle-box{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.model-score{grid-column:1/-1;height:12px;border-radius:12px;background:#ffffff14;overflow:hidden}.model-score i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#65d5ff,#b3ffdd);transition:width .8s}.time-range{width:100%;accent-color:#72d6ff;margin:12px 0}.time-machine-info{padding:14px;border-radius:18px;background:#ffffff0d;margin-bottom:10px;line-height:1.9}.lens-stage{height:260px;border-radius:22px;overflow:hidden;position:relative;background:#06111d;margin-bottom:10px}.lens-stage video{width:100%;height:100%;object-fit:cover}.lens-overlay{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;background:linear-gradient(transparent,#00101faa);text-shadow:0 2px 8px #000}.lens-stage.active .lens-overlay{align-items:end;place-items:end center}.scene.golden{filter:saturate(1.12) sepia(.08)}.scene.blue-hour{filter:saturate(1.15) brightness(.78)}
@keyframes raysSpin{to{transform:rotate(360deg)}}@keyframes auroraMove{to{transform:translateX(12%) skewX(-8deg)}}
@media(max-width:600px){.sun-rays{width:280px;height:280px}.sky-stage{height:190px}.model-battle-box{grid-template-columns:1fr 1fr}.lens-stage{height:220px}}
@media(prefers-reduced-motion:reduce){.sun-rays,.aurora{animation:none!important}}

/* V9.16 atmospheric depth engine */
.scene{--sun-az:0deg;--rain-angle:0deg;--storm-dark:0;--cloud-opacity:.82;--depth-speed:1;--shadow-x:0px;--shadow-y:10px;--haze:.08}
.scene:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(var(--sun-az),rgba(255,224,150,.10),transparent 38%,rgba(3,12,28,var(--storm-dark)));mix-blend-mode:screen;transition:background 1.2s ease}
.scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 92%,rgba(225,239,255,var(--haze)),transparent 52%);transition:opacity 1s}
.scene .c1{opacity:calc(var(--cloud-opacity)*.68);filter:blur(.2px);animation-duration:calc(var(--cloud-speed)*1.35)!important}
.scene .c2{opacity:calc(var(--cloud-opacity)*.82);filter:blur(.45px);animation-duration:calc(var(--cloud-speed)*.94)!important}
.scene .c3{opacity:var(--cloud-opacity);filter:blur(.8px);animation-duration:calc(var(--cloud-speed)*.72)!important}
.scene .c4{opacity:calc(var(--cloud-opacity)*.55);filter:blur(1.4px);animation-duration:calc(var(--cloud-speed)*1.7)!important}
.scene .sun{box-shadow:var(--shadow-x) var(--shadow-y) 80px rgba(255,202,104,.32)}
.scene.heavy-rain-day,.scene.heavy-rain-night,.scene.thunder-day,.scene.thunder-night,.scene.hail-thunder-day,.scene.hail-thunder-night{--storm-dark:.42;--cloud-opacity:1;--haze:.16}
.scene.rain-day,.scene.rain-night,.scene.showers-day,.scene.showers-night{--storm-dark:.20;--cloud-opacity:.95;--haze:.13}
.scene.fog-day,.scene.fog-night,.scene.dense-fog-day,.scene.dense-fog-night{--haze:.32;--cloud-opacity:.72}
.scene.snow-day,.scene.snow-night,.scene.blizzard-day,.scene.blizzard-night{--haze:.22}
.scene.overcast-day,.scene.overcast-night{--cloud-opacity:1;--haze:.17}
.scene.partly-cloudy-day,.scene.partly-cloudy-night{--cloud-opacity:.62}
.scene.clear-day,.scene.clear-night,.scene.mainly-clear-day,.scene.mainly-clear-night{--cloud-opacity:.18}
.hero,.glass{transition:box-shadow .9s ease,border-color .9s ease,background .9s ease}.scene.golden~.app .glass{box-shadow:var(--shadow-x) var(--shadow-y) 34px rgba(255,177,85,.055)}
@media(prefers-reduced-motion:reduce){.scene .cloud{animation:none!important}.scene,.scene:before,.scene:after{transition:none!important}}

/* V9.17 — stable search geometry + top-layer autocomplete */
header{position:relative;z-index:1200!important;overflow:visible!important}
.main-city-search{display:grid!important;grid-template-columns:minmax(0,1fr) 82px!important;flex:1 1 auto!important;min-width:0!important;width:100%!important;gap:8px!important}
.main-city-search .city-field{display:block!important;width:100%!important;min-width:0!important;position:relative!important}
.main-city-search #city{display:block!important;width:100%!important;min-width:0!important;height:54px!important;padding:0 42px 0 14px!important}
.main-city-search>button{width:82px!important;min-width:82px!important;height:54px!important;padding:0 8px!important}
#locBtn{flex:0 0 52px!important;width:52px!important;height:54px!important}
.city-suggest{box-sizing:border-box!important;overscroll-behavior:contain;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(160deg,rgba(8,28,47,.985),rgba(10,39,61,.985))!important;border:1px solid rgba(106,205,255,.28)!important;box-shadow:0 22px 70px #000c,0 0 0 1px #fff08 inset!important}
.city-suggest button{min-height:58px!important;padding:10px 14px!important;border-radius:12px!important}
.city-suggest button:active{background:#38bdf826!important}
.city-suggest b{font-size:14px!important}.city-suggest small{font-size:11px!important;line-height:1.65!important;white-space:normal!important}
@media(max-width:520px){.main-city-search{grid-template-columns:minmax(0,1fr) 72px!important}.main-city-search>button{width:72px!important;min-width:72px!important}#locBtn{flex-basis:50px!important;width:50px!important}.city-suggest{max-height:42dvh!important}}

/* V9.18 — stable universal city picker */
.city-suggest{margin:0!important;transform:none!important;min-width:0!important;overflow-x:hidden!important;scrollbar-width:thin;touch-action:pan-y}
.city-suggest:not(.show){display:none!important;pointer-events:none!important}
.city-suggest.show{display:block!important;pointer-events:auto!important}
.city-suggest button{position:relative!important;overflow:hidden!important;white-space:normal!important;line-height:1.45!important}
.city-suggest button b,.city-suggest button small{max-width:100%!important;overflow-wrap:anywhere!important}
@media(max-width:520px){.city-suggest{border-radius:18px!important;padding:6px!important}.city-suggest button{min-height:62px!important;padding:10px 12px!important}.city-suggest small{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden!important}}

/* V9.19 mobile autocomplete sheet */
.city-suggest{contain:layout paint;isolation:isolate}
.city-suggest button{display:grid!important;grid-template-columns:1fr!important;gap:3px!important;text-align:right!important;height:auto!important}
.city-suggest button b{font-weight:800!important;line-height:1.45!important}
.city-suggest button small{opacity:.82!important;line-height:1.55!important}
@media(max-width:600px){.city-suggest{padding:7px!important;border-radius:20px!important;box-shadow:0 18px 60px #000d,0 0 0 1px #fff0a inset!important}.city-suggest button{min-height:0!important;padding:11px 13px!important;border-radius:13px!important}.city-suggest button+button{margin-top:3px!important}.city-suggest b{font-size:15px!important}.city-suggest small{font-size:11px!important;display:block!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important;-webkit-line-clamp:unset!important}.no-city{text-align:center!important;padding:16px!important}}

/* V9.20 — body-level city picker; populated places only */
body>.city-suggest{display:none;position:fixed!important;direction:rtl!important;box-sizing:border-box!important;margin:0!important;padding:7px!important;overflow-y:auto!important;overflow-x:hidden!important;border-radius:20px!important;background:linear-gradient(160deg,rgba(6,28,47,.995),rgba(8,42,65,.995))!important;border:1px solid rgba(101,207,255,.32)!important;box-shadow:0 22px 70px rgba(0,0,0,.78)!important;contain:none!important;isolation:isolate!important}
body>.city-suggest.show{display:block!important}
body>.city-suggest .vw-city-option{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%!important;min-width:0!important;height:auto!important;min-height:58px!important;margin:0 0 4px!important;padding:10px 13px!important;text-align:right!important;direction:rtl!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;background:transparent!important;color:#fff!important;overflow:hidden!important}
body>.city-suggest .vw-city-name{display:block!important;width:100%!important;font-size:16px!important;font-weight:800!important;line-height:1.55!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body>.city-suggest .vw-city-meta{display:block!important;width:100%!important;margin-top:2px!important;font-size:12px!important;line-height:1.55!important;color:#a9c3d5!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
body>.city-suggest .vw-city-option:active{background:rgba(56,189,248,.16)!important}
@media(max-width:600px){body>.city-suggest{left:12px!important;right:auto!important;width:calc(100vw - 24px)!important;max-width:none!important}body>.city-suggest .vw-city-option{min-height:60px!important}}
/* V9.21 Live Trip UX */
#liveTrip{overflow:visible}.live-trip-actions{align-items:stretch}.live-trip-actions .city-field{min-height:52px}.live-trip-actions #liveTripToggle{min-height:52px;white-space:nowrap}.live-trip-actions #liveTripToggle.is-running{border-color:#ffbf6966;background:#50351d99}.live-trip-state{min-height:62px;display:block;transition:.2s ease}.live-trip-state .lt-idle{color:#b9cad8;text-align:center}.lt-status{display:flex;align-items:center;gap:12px;text-align:right}.lt-status-icon{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:grid;place-items:center;background:#ffffff0d;border:1px solid #ffffff16}.lt-status-copy{min-width:0;display:grid;gap:3px}.lt-status-copy b{font-size:15px}.lt-status-copy small,.lt-next{color:#a9c2d4;line-height:1.65}.lt-spinner{width:18px;height:18px;border:2px solid #ffffff35;border-top-color:#72ddff;border-radius:50%;animation:ltSpin .75s linear infinite}.live-trip-state.success .lt-status-icon{background:#2bd88b22;border-color:#51e5a366}.live-trip-state.error{border-color:#ff74745c;background:#32151c80}.lt-retry{width:100%;margin-top:10px;min-height:42px}.lt-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.lt-result-grid>div{padding:10px;border-radius:14px;background:#ffffff0a;border:1px solid #ffffff10;min-width:0}.lt-result-grid small{display:block;color:#9fb7c8;font-size:11px}.lt-result-grid b{display:block;margin-top:3px;font-size:14px;overflow-wrap:anywhere}.lt-hazard{margin-top:9px;padding:10px 11px;border-radius:13px;line-height:1.75}.lt-hazard.ok{background:#1b8d6020;border:1px solid #4de2a23b}.lt-hazard.warn{background:#b86d1d20;border:1px solid #ffc26144}.lt-progress{height:3px;background:#ffffff12;border-radius:9px;overflow:hidden;margin-top:10px}.lt-progress i{display:block;height:100%;width:42%;background:linear-gradient(90deg,transparent,#72ddff,transparent);animation:ltProgress 1.6s ease-in-out infinite}.lt-next{display:block;margin-top:8px}@keyframes ltSpin{to{transform:rotate(360deg)}}@keyframes ltProgress{0%{transform:translateX(-120%)}100%{transform:translateX(300%)}}@media(max-width:520px){.live-trip-actions{grid-template-columns:1fr!important}.live-trip-actions #liveTripToggle{width:100%}.lt-result-grid{grid-template-columns:1fr 1fr}.live-trip-state{padding:12px!important}}@media(max-width:360px){.lt-result-grid{grid-template-columns:1fr}}

/* V9.22 — unified cinematic sky clock: weather + sun/moon + twilight */
.scene{--daylight:1;--night-strength:0;--moon-x:12%;--moon-y:12%;--moon-strength:0;transition:background 12s ease,filter 12s ease!important}
.scene .sun,.scene .moon,.scene .stars,.scene .horizon-glow,.scene .aurora,.scene .cloud{transition:opacity 12s ease,filter 12s ease,left 30s linear,top 30s linear!important}
.scene .sun{opacity:var(--sun-strength)!important}
.scene .moon{display:block!important;left:var(--moon-x)!important;top:var(--moon-y)!important;opacity:var(--moon-strength)!important}
.scene .stars{opacity:calc(var(--night-strength) * .68)!important}
.scene .aurora{opacity:calc(var(--night-strength) * .28)!important}
.scene .sun-rays{opacity:calc(var(--sun-strength) * .5)!important;transition:opacity 12s ease,left 30s linear,top 30s linear!important}
.scene.dawn .horizon-glow,.scene.dusk .horizon-glow{transition:opacity 18s ease!important}
.scene.vw-lunar-eclipse .moon{filter:sepia(.7) saturate(1.7) brightness(.58)!important;box-shadow:0 0 45px rgba(200,78,35,.42)!important}
.scene.vw-solar-eclipse .sun{filter:brightness(.32)!important;box-shadow:0 0 55px rgba(220,235,255,.62)!important}
.sky-orbit i{transition:left 30s linear,top 30s linear,opacity 12s ease,filter 12s ease!important}
.sky-orbit i.eclipse{filter:sepia(.65) saturate(1.6) brightness(.65) drop-shadow(0 0 18px #d86b45)!important}
.sky-event{border-color:rgba(255,158,102,.45)!important}

/* V9.26 integrated live suite */
.live-weather-card{position:sticky;top:8px;z-index:25;margin:10px 0;padding:10px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-height:58px}.live-weather-card .lwc-dot{width:10px;height:10px;border-radius:50%;background:#46e58d;box-shadow:0 0 14px #46e58d;animation:lwcPulse 1.8s infinite}.live-weather-card div{display:flex;flex-direction:column;min-width:0}.live-weather-card small{opacity:.72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-weather-card>strong{font-size:1.45rem}.nowcast-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.nowcast-slot,.around-card{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(5,25,43,.32);display:flex;flex-direction:column;gap:5px}.nowcast-slot b{font-size:1.05rem}.nowcast-summary{margin-top:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.055)}.around-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.around-card small{opacity:.72}.extreme-card.extreme-active{outline:1px solid rgba(255,180,80,.5);box-shadow:0 0 30px rgba(255,110,40,.12)}#extremeState{line-height:1.9}.weather-change-toast{position:fixed;left:16px;right:16px;top:max(16px,env(safe-area-inset-top));z-index:2147483600;padding:12px 16px;border-radius:18px;background:rgba(5,25,43,.94);backdrop-filter:blur(18px);border:1px solid rgba(91,200,255,.35);box-shadow:0 12px 36px rgba(0,0,0,.35);animation:toastIn .35s ease}.scene.replay-mode:after{content:'REPLAY';position:absolute;top:90px;left:18px;font-size:11px;letter-spacing:2px;opacity:.45}@keyframes lwcPulse{50%{opacity:.35;transform:scale(.75)}}@keyframes toastIn{from{transform:translateY(-20px);opacity:0}}@media(max-width:520px){.nowcast-strip{grid-template-columns:1fr}.around-grid{grid-template-columns:1fr 1fr}.live-weather-card{margin-inline:2px}}
/* V9.27 — integrated pro tools + quick actions */
.quick-actions-pro{position:sticky;top:6px;z-index:35;padding:7px;margin:6px 0 10px;overflow:hidden}.quick-actions-scroll{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding:1px}.quick-actions-scroll::-webkit-scrollbar{display:none}.quick-actions-scroll button{flex:0 0 auto;min-width:74px;padding:8px 9px;border-radius:14px;display:grid;gap:2px;place-items:center;font-size:17px}.quick-actions-scroll button span{font-size:10px;white-space:nowrap}.intel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.intel-card{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(5,16,29,.22);min-height:92px}.intel-card b{display:block;margin-bottom:5px}.intel-card small{display:block;opacity:.78;line-height:1.65}.weather-clock-rail{display:flex;gap:7px;overflow-x:auto;padding:4px 0 9px;scroll-snap-type:x mandatory}.clock-hour{min-width:74px;scroll-snap-align:start;padding:10px 7px;border-radius:16px;background:rgba(5,16,29,.28);border:1px solid rgba(255,255,255,.1);text-align:center}.clock-hour.now{outline:2px solid rgba(91,200,255,.7)}.clock-hour>*{display:block;margin:2px auto}.emergency-view{border-color:rgba(255,116,86,.55)!important;box-shadow:0 0 34px rgba(255,80,40,.12)}.tools-sheet{position:fixed;inset:0;z-index:2147482000;background:rgba(0,8,18,.72);backdrop-filter:blur(8px);display:grid;align-items:end}.tools-sheet[hidden]{display:none}.tools-sheet-card{max-height:min(78vh,680px);overflow:auto;border-radius:24px 24px 0 0;padding:16px}.tools-sheet-card .section-head{position:sticky;top:-16px;padding:10px 0;background:rgba(12,28,45,.92);z-index:2}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tools-grid button{min-height:72px;border-radius:16px;padding:9px 5px;display:grid;place-items:center;gap:4px;font-size:12px}.tools-grid button i{font-style:normal;font-size:22px}.evo-row{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}
@media(max-width:520px){.intel-grid{grid-template-columns:1fr}.quick-actions-pro{margin-inline:-2px}.tools-grid{grid-template-columns:repeat(3,1fr)}}
/* V9.28 — integrated pro layer */
.pro-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.pro-state-grid>div{padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(5,16,29,.24);display:grid;gap:5px}.pro-state-grid small{opacity:.75;line-height:1.65}.weather-clock-rail .clock-hour{color:inherit;font:inherit}.weather-clock-rail button.clock-hour{cursor:pointer}.weather-clock-rail button.clock-hour:active{transform:scale(.97)}.tomorrow-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.tomorrow-compare b{grid-column:1/-1}.tomorrow-compare span,.micro-summary{padding:9px;border-radius:13px;background:rgba(255,255,255,.055)}.micro-summary{grid-column:1/-1}.around-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:520px){.pro-state-grid{grid-template-columns:1fr}.tomorrow-compare{grid-template-columns:1fr}.tomorrow-compare b{grid-column:auto}.around-grid{grid-template-columns:1fr 1fr}}

/* V9.29 */
#stormArrivalBox,#cloudLayersBox{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.pro-state{min-width:0}.pro-state strong{display:block;margin-top:6px;line-height:1.65}.pro-state small{display:block;margin-top:5px;opacity:.76;line-height:1.7}.activity-card{min-width:0}.activity-card small{opacity:.72;line-height:1.6}@media(max-width:520px){#stormArrivalBox,#cloudLayersBox{grid-template-columns:1fr}.pro-state strong{overflow-wrap:anywhere}}

/* V9.30 */
#flightWeatherBox,#weatherChangesBox{margin-top:10px}.vw-record-note{display:block;width:100%;opacity:.72;margin-top:8px;font-size:11px;line-height:1.8}.vw-calendar-pro{cursor:pointer;transition:transform .18s ease,filter .18s ease}.vw-calendar-pro:active{transform:scale(.98);filter:brightness(1.08)}


/* V9.31 */
.road-route-pro{margin-top:12px;padding:13px;border:1px solid rgba(255,190,90,.2);border-radius:17px;background:rgba(24,18,8,.18);display:grid;gap:8px}.road-route-pro>small{opacity:.72}.road-route-pro>div{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:9px;border-radius:12px;background:rgba(255,255,255,.05)}.road-route-pro>div span{grid-column:1/-1}.road-route-pro em{font-style:normal;opacity:.7}.lens-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:9px}.lens-actions button{min-height:44px}.lens-proof-state{font-size:11px;opacity:.78;margin-top:7px;line-height:1.7}.confidence-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px}.confidence-pro>div{padding:10px;border-radius:14px;background:rgba(255,255,255,.05);display:grid;gap:4px}.confidence-pro>div:first-child{grid-column:1/-1}.confidence-note{grid-column:1/-1;opacity:.7}.emergency-window{margin-top:10px;padding:10px;border-radius:14px;background:rgba(255,90,50,.08);display:grid;gap:4px}@media(max-width:520px){.lens-actions{grid-template-columns:1fr}.confidence-pro{grid-template-columns:1fr 1fr}.road-route-pro>div{grid-template-columns:1fr}.road-route-pro>div span{grid-column:auto}}

/* V9.32 */
#weatherDna2 strong,#patternEngine strong{display:block;margin-top:5px}.evo-stability{padding:10px 12px;margin-bottom:8px;border-radius:14px;background:rgba(255,255,255,.06)}.evo-stability b,.evo-stability small{display:block}.live-weather-card[data-pro="932"]{transition:transform .25s ease,background .25s ease}
/* V9.33 */
.weather-clock-detail,.crowd-state{margin-top:10px;padding:11px 12px;border-radius:14px;background:rgba(255,255,255,.055);display:flex;gap:7px;flex-wrap:wrap;align-items:center}.weather-clock-detail b{width:100%}.crowd-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.crowd-actions button{min-height:42px;border-radius:13px}.crowd-state{flex-direction:column;align-items:flex-start}.crowd-state small{opacity:.72}@media(max-width:480px){.crowd-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V9.34 */
.sunmoon-pro-934{margin-top:10px;padding:10px;border-radius:14px;background:rgba(255,255,255,.055);display:grid;gap:5px}.sunmoon-pro-934 span,.sunmoon-pro-934 small{font-size:12px;opacity:.86}.replay-delta-934{display:block;margin-top:7px;padding-top:7px;border-top:1px solid rgba(255,255,255,.1)}.emergency-pro-934{margin-top:8px;display:grid;gap:4px}


/* V9.35 */
.map-pro-status{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:8px 0 10px;padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.map-pro-status>div{display:grid;gap:3px}.map-pro-status small{opacity:.72}.map-pro-status #mapWindFlow{grid-template-columns:auto auto;align-items:center;column-gap:7px}.map-pro-status #mapWindFlow small{grid-column:1/-1}.wind-flow-arrow{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(91,200,255,.12);font-size:20px;transition:transform .5s ease}.vw-place-type{font-style:normal;font-size:9px;font-weight:600;margin-right:7px;padding:2px 6px;border-radius:999px;background:rgba(91,200,255,.12);color:#aee7ff;vertical-align:middle}.lt-checkpoints{display:grid;gap:7px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.lt-checkpoints>span{display:grid;grid-template-columns:auto 1fr;gap:2px 8px;align-items:center;padding:8px;border-radius:12px;background:rgba(255,255,255,.045)}.lt-checkpoints>span i{grid-row:1/3;font-style:normal;font-size:20px}.lt-checkpoints>span small{opacity:.72}@media(max-width:520px){.map-pro-status{grid-template-columns:1fr}.map-pro-status #mapWindFlow{justify-content:start}}

/* V9.36 */
.wind-flow-live{position:relative;height:112px;margin:8px 0 10px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,rgba(19,57,82,.32),rgba(5,20,36,.22));border:1px solid rgba(91,200,255,.12)}.wind-flow-live canvas{display:block;width:100%;height:84px}.wind-flow-live small{position:absolute;right:10px;bottom:7px;left:10px;opacity:.76}.precip-radar-936{margin-top:12px;padding-top:11px;border-top:1px solid rgba(255,255,255,.09)}.precip-radar-936>b,.precip-radar-936>small{display:block}.precip-radar-936>small{opacity:.68;margin-top:7px}.precip-radar-rail{display:flex;gap:6px;overflow-x:auto;padding:9px 0 3px}.pr936-slot{flex:0 0 58px;display:grid;grid-template-rows:auto 58px auto auto;gap:3px;text-align:center;font-size:10px}.pr936-slot i{align-self:end;height:var(--pr);min-height:3px;border-radius:7px 7px 3px 3px;background:linear-gradient(to top,rgba(70,167,255,.85),rgba(110,222,255,.45))}.pr936-slot b{font-size:10px}.pr936-slot small{opacity:.65}.timeline-preview{outline:1px solid rgba(91,200,255,.3)}.cloud-bars-936{display:grid;gap:7px}.cloud-bars-936 span{display:grid;grid-template-columns:48px 1fr 40px;gap:7px;align-items:center}.cloud-bars-936 em{font-style:normal;font-size:11px}.cloud-bars-936 i{height:7px;border-radius:99px;background:linear-gradient(to left,rgba(255,255,255,.8) var(--cc),rgba(255,255,255,.08) var(--cc))}.cloud-bars-936 b{font-size:10px;text-align:left}

/* V9.37 */
.scene-sync-937{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 13px;margin-bottom:10px;font-size:11px}.scene-sync-937 span{opacity:.78;text-align:left}.solar-terminator-937{margin:8px 0 10px;padding:10px 11px;border-radius:15px;background:rgba(255,255,255,.045)}.solar-track-937{height:16px;border-radius:99px;position:relative;background:linear-gradient(90deg,rgba(7,15,38,.9) 0 18%,rgba(83,115,180,.7) 22%,rgba(255,188,86,.8) 27%,rgba(96,196,255,.7) 35% 66%,rgba(255,166,75,.82) 73%,rgba(71,91,154,.72) 79%,rgba(7,15,38,.9) 84% 100%)}.solar-track-937 i{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 12px rgba(255,220,140,.9);transform:translate(-50%,-50%);transition:left 1s ease}.solar-terminator-937 small{display:block;margin-top:7px;opacity:.74}.micro-analytics-937{grid-column:1/-1;padding:10px 12px;border-radius:14px;background:rgba(91,200,255,.07);display:flex;gap:7px 12px;flex-wrap:wrap}.micro-analytics-937 b{width:100%}.micro-analytics-937 span{font-size:11px;opacity:.82}.vw-transition-engine-937 .scene,.vw-transition-engine-937 .scene .sun,.vw-transition-engine-937 .scene .moon,.vw-transition-engine-937 .scene .cloud,.vw-transition-engine-937 .scene .fog,.vw-transition-engine-937 .weather-window-view{transition:background 1.8s ease,opacity 1.4s ease,filter 1.4s ease,transform 1.4s ease}@media(max-width:520px){.scene-sync-937{align-items:flex-start;flex-direction:column}.scene-sync-937 span{text-align:right}}

/* V9.38 */
.runtime-health-938{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 13px;margin-bottom:10px;font-size:11px}.runtime-health-938 span{opacity:.76}.runtime-health-938.stale-938{border-color:rgba(255,180,80,.35);background:rgba(85,48,8,.16)}
.quick-actions-pro button.smart-hot-938{outline:1px solid rgba(111,224,255,.75);box-shadow:0 0 18px rgba(65,188,255,.16);transform:translateY(-1px)}
.tools-grid{display:block}.tool-group-938{margin:0 0 15px}.tool-group-938>b{display:block;margin:0 2px 8px;font-size:12px;opacity:.82}.tool-group-938>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tool-group-938 button{min-height:70px;border-radius:16px;padding:9px 5px;display:grid;place-items:center;gap:4px;font-size:12px}.tool-group-938 button i{font-style:normal;font-size:22px}
.vw-lite-938 .aurora,.vw-lite-938 .sun-rays{display:none!important}.vw-lite-938 .scene .cloud{animation:none!important}.vw-lite-938 #windFlowCanvas{visibility:hidden}.vw-lite-938 .wind-flow-live{height:48px}.vw-lite-938 .wind-flow-live small{position:static;display:block;padding:13px}.vw-lite-938 .scene,.vw-lite-938 .scene *{transition-duration:.35s!important}
@media(max-width:520px){.runtime-health-938{align-items:flex-start;flex-direction:column}.tool-group-938>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* V9.39 — Live World, earthquake overlay, lazy advanced tools */
.live-world-939{position:relative;min-height:220px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 45%,rgba(40,120,190,.22),rgba(4,10,22,.72));border:1px solid rgba(255,255,255,.08)}
#liveWorldCanvas939{display:block;width:100%;height:auto;max-height:420px;touch-action:none}.world-status-939{position:absolute;right:14px;bottom:12px;display:flex;flex-direction:column;padding:8px 11px;border-radius:13px;background:rgba(5,12,24,.58);backdrop-filter:blur(8px)}.world-status-939 small{opacity:.7}.world-actions-939{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.world-actions-939 button{flex:1;min-width:135px}.quake-state-939{margin-top:10px;display:grid;gap:7px}.quake-row-939{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.045)}.quake-row-939 small{opacity:.72}.quake-row-939 strong{white-space:nowrap}.lazy-pending-939{content-visibility:auto;contain-intrinsic-size:500px}.vw-lite-938 #liveWorldCanvas939{max-height:260px}@media(max-width:520px){.live-world-939{min-height:180px}.world-status-939{font-size:11px}.quake-row-939{align-items:flex-start;flex-direction:column}}

/* V9.40 */
.world-layer-940{display:flex;gap:7px;overflow:auto;padding:0 0 9px;scrollbar-width:none}.world-layer-940 button{white-space:nowrap;min-width:max-content;padding:8px 11px;border-radius:13px}.world-layer-940 button.active{outline:1px solid rgba(115,225,255,.75);background:rgba(65,185,255,.14)}.world-layer-info-940,.lens-pro-info-940{margin-top:9px;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.045);font-size:11px;opacity:.9}.lens-pro-info-940{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.lens-overlay small{display:block;margin-top:4px}.world-actions-939 #worldZoom940{max-width:110px}@media(max-width:520px){.world-layer-940{margin-inline:-2px}.world-actions-939 #worldZoom940{max-width:none}.lens-pro-info-940{flex-direction:column}}
/* V9.41 — World explore, unified precip scene, Lens compass */
.world-explore-941{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(4,18,31,.26);min-height:42px}.world-explore-941 b,.world-explore-941 span,.world-explore-941 small{display:block}.world-explore-941 span{margin-top:4px}.world-actions-941{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.world-actions-941 button{flex:1;min-width:145px}.lens-compass-941{margin-top:8px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.06);font-size:.86rem}.scene[data-vw-precip="snow"] .horizon-glow{filter:saturate(.7) brightness(1.12)}.scene[data-vw-precip="hail"] .horizon-glow,.scene[data-vw-precip="freezing"] .horizon-glow{filter:saturate(.75) brightness(1.08)}
/* V9.42 — Radar/Satellite timeline + lightning monitor */
.sr942-tabs,.sr942-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sr942-tabs{margin-bottom:9px}.sr942-tabs button.active{outline:1px solid rgba(108,220,255,.75);background:rgba(70,185,255,.14)}.sr942-stage{position:relative;aspect-ratio:2/1;max-height:360px;overflow:hidden;border-radius:18px;background:rgba(2,12,24,.55);border:1px solid rgba(255,255,255,.08)}.sr942-tiles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.sr942-tiles img{width:100%;height:100%;object-fit:cover;display:block}.sr942-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:20px;opacity:.72}.sr942-controls{margin-top:9px}.sr942-controls input{flex:1;min-width:130px}.sr942-meta{margin-top:8px;font-size:11px;opacity:.75}.lightning942{margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.045);display:grid;gap:4px}.lightning942 span{font-size:11px;opacity:.8}.lightning942[data-level="warn"]{border:1px solid rgba(255,190,70,.32);background:rgba(110,65,8,.12)}.lightning942[data-level="ok"]{border:1px solid rgba(90,220,170,.18)}@media(max-width:520px){.sr942-stage{aspect-ratio:1.35/1}.sr942-controls button{flex:1}.sr942-controls input{order:3;flex-basis:100%}}
/* V9.44 — Telegram Android safe-area + RTL polish */
:root{--tg-safe-top:max(env(safe-area-inset-top),8px);--tg-safe-bottom:max(env(safe-area-inset-bottom),8px)}
.tools-sheet{padding-top:calc(var(--tg-safe-top) + 12px)!important;padding-bottom:var(--tg-safe-bottom)!important;align-items:flex-start!important;overflow:auto!important}
.tools-sheet-card{max-height:calc(100dvh - var(--tg-safe-top) - var(--tg-safe-bottom) - 24px)!important;overflow:auto!important;margin:auto!important}
.tools-sheet-card>.section-head{position:sticky;top:0;z-index:8;backdrop-filter:blur(18px);padding-block:8px}
.quick-actions,.quick-strip{scroll-padding-inline:18px;padding-inline:18px!important;overflow-x:auto!important;scroll-snap-type:x proximity}
.quick-actions>* ,.quick-strip>*{scroll-snap-align:center;flex:0 0 auto}
.section-head h3{line-height:1.35}.section-head span{line-height:1.55}
.vw-local-clock .vw-clock944{display:grid;gap:6px;text-align:center}.vw-clock944 b{font-size:2rem;font-variant-numeric:tabular-nums}.vw-clock944 span{font-weight:700}.vw-clock944 small{opacity:.72}
#weatherWindowText,#liveTripState,.notice-row,.record-grid,.timeline-detail{overflow-wrap:anywhere}
#weatherWindow .ww-rain{animation:vw944Rain .75s linear infinite!important;will-change:transform;background-size:24px 42px!important}
@keyframes vw944Rain{from{transform:translate3d(0,-42px,0)}to{transform:translate3d(-12px,42px,0)}}
#masterTimeline .time-bead{min-width:150px}.timeline-detail{line-height:1.9}
.record-grid>div b{direction:rtl;unicode-bidi:plaintext}.notification-history{max-height:520px;overflow:auto}
@media(max-width:480px){header .actions{gap:6px!important;margin-inline-start:0!important}header{padding-inline:12px!important}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.section-head h3{font-size:1.22rem}}
@media(prefers-reduced-motion:reduce){#weatherWindow .ww-rain{animation:none!important}}

/* V9.45 Telegram WebView + RTL polish */
:root{--tg-vh:100dvh}.app{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(92px,env(safe-area-inset-bottom))}.tools-sheet{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}.tools-sheet-card{max-height:calc(var(--tg-vh,100dvh) - 28px);overflow:auto}.quick-actions-scroll{scroll-padding-inline:18px;padding-inline:18px}.quick-actions-scroll>button{scroll-snap-align:start;flex:0 0 auto}.section-head h3{overflow-wrap:anywhere}.live-weather-card small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.route-strip{scroll-padding-inline:18px;padding-inline:18px}.route-stop{scroll-snap-align:center}.scene-sync-937[hidden],.runtime-health-938[hidden]{display:none!important}.pro-state strong,.pro-state small,.route-weather small,.lt-result-grid b{unicode-bidi:plaintext}.cloud{pointer-events:none}.weather-window .rain,.weather-window [class*=rain]{animation-play-state:running}

/* V9.46 — temporal UI + Telegram mobile polish */
:root[data-vw-phase="dawn"]{--phase-glow:rgba(255,174,120,.18)}:root[data-vw-phase="morning"]{--phase-glow:rgba(255,220,150,.14)}:root[data-vw-phase="sunset"]{--phase-glow:rgba(255,116,95,.2)}:root[data-vw-phase="blue-hour"]{--phase-glow:rgba(80,125,210,.22)}:root[data-vw-phase="night"]{--phase-glow:rgba(45,70,135,.2)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,var(--phase-glow,transparent),transparent 42%);z-index:-1;transition:background 1.2s ease}
.quick-actions-scroll{scroll-padding-inline:18px;padding-inline:18px}.quick-actions-scroll>button{scroll-snap-align:center;flex:0 0 auto}.tools-sheet-card{max-height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);margin-top:max(12px,env(safe-area-inset-top,0px));overflow:auto}.tools-sheet .section-head{position:sticky;top:0;z-index:4;backdrop-filter:blur(18px)}
.live-weather-card small{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.65}.nowcast-slot span,.wow-mini small,.pro-state small{line-height:1.75}.storm-card span,.storm-card small{unicode-bidi:plaintext}.weather-window-view.rainy:after{animation-duration:.75s!important}
@media(max-width:520px){nav{padding-inline:max(12px,env(safe-area-inset-left,0px)) max(12px,env(safe-area-inset-right,0px))}.nav-actions{margin-inline-start:auto;gap:8px}.nav-actions button{flex:0 0 42px}.quick-actions-scroll{scroll-snap-type:x proximity}.road-route-pro{overflow:hidden}.lt-checkpoints{overflow-x:auto;scroll-snap-type:x proximity}.lt-checkpoints>span{min-width:min(78vw,280px);scroll-snap-align:center}}

/* V9.53 — bilingual city search + stable readable search overlay */
body.city-search-open .scene .sun{animation-play-state:paused!important;filter:brightness(.72) saturate(.9)!important;box-shadow:0 0 24px rgba(255,216,94,.55),0 0 62px rgba(255,242,165,.28)!important}
body.city-search-open .scene:before,body.city-search-open .scene:after{animation-play-state:paused!important}
body.city-search-open .main-city-search #city{background:rgba(5,31,51,.88)!important;border-color:rgba(115,218,255,.46)!important;box-shadow:0 8px 24px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
body.city-search-open .main-city-search>button,body.city-search-open #locBtn{background:rgba(5,31,51,.82)!important;border-color:rgba(115,218,255,.34)!important}
body>.city-suggest{background:linear-gradient(160deg,rgba(5,27,45,.998),rgba(7,38,59,.998))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body>.city-suggest .vw-city-name{white-space:normal!important;text-overflow:clip!important;overflow:visible!important}
body>.city-suggest .vw-city-meta{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;display:block!important;line-height:1.7!important}
@media(max-width:600px){body>.city-suggest .vw-city-option{padding:12px 13px!important}body>.city-suggest .vw-city-meta{font-size:12px!important;max-height:none!important}}
\n/* V9.55 — Persian-only result UI + unclipped mobile suggestion sheet */
body>.city-suggest{padding-top:10px!important;padding-bottom:10px!important;scroll-padding-top:10px!important;scroll-padding-bottom:10px!important}
body>.city-suggest .vw-city-option{overflow:visible!important;flex-shrink:0!important}
body>.city-suggest .vw-city-name,body>.city-suggest .vw-city-meta{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:anywhere!important}
body>.city-suggest .vw-city-meta{direction:rtl!important;text-align:right!important}
@media(max-width:600px){body>.city-suggest{max-height:min(40dvh,310px)!important}body>.city-suggest .vw-city-option:first-child{margin-top:0!important}body>.city-suggest .vw-city-option:last-child{margin-bottom:0!important}}
\n/* V9.56 — stable bilingual search / Persian results / adaptive contrast */
.main-city-search #city{background:linear-gradient(135deg,rgba(5,31,51,.76),rgba(8,44,68,.66))!important;border-color:rgba(255,255,255,.20)!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 6px 22px rgba(0,0,0,.12)!important;text-shadow:0 1px 2px rgba(0,0,0,.35)!important;backdrop-filter:blur(10px) saturate(.9)!important;-webkit-backdrop-filter:blur(10px) saturate(.9)!important}
.main-city-search #city:focus{background:linear-gradient(135deg,rgba(4,27,46,.94),rgba(6,38,59,.91))!important;border-color:rgba(116,220,255,.58)!important;box-shadow:0 0 0 2px rgba(71,190,242,.13),0 10px 28px rgba(0,0,0,.22)!important}
body>.city-suggest{padding:10px!important;scroll-padding:10px!important}
body>.city-suggest .vw-city-option{overflow:visible!important;min-height:0!important;padding:12px 14px!important}
body>.city-suggest .vw-city-name,body>.city-suggest .vw-city-meta{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
body>.city-suggest .vw-city-name{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important}
body>.city-suggest .vw-place-type{font-style:normal!important;font-size:10px!important;font-weight:600!important;padding:2px 7px!important;border-radius:999px!important;background:rgba(66,181,235,.13)!important;color:#a9ddf5!important;white-space:nowrap!important}

/* V9.57 — restore instant suggestions; Persian UI remains display-only */
body>.city-suggest.show{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
body>.city-suggest .vw-city-option{height:auto!important;max-height:none!important}
body>.city-suggest .vw-city-name,body>.city-suggest .vw-city-meta{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
/* V9.59 premium top */
.top-weather-shell{position:relative;margin:2px 0 14px;border-radius:27px;overflow:hidden;background:linear-gradient(145deg,rgba(4,28,49,.78),rgba(10,51,77,.58));border:1px solid rgba(174,230,255,.22);box-shadow:0 12px 32px rgba(0,10,25,.18),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(16px) saturate(1.12)}
.weather-ticker{height:27px;overflow:hidden;border-bottom:1px solid #ffffff17;direction:ltr}.weather-ticker-track{width:max-content;height:27px;display:flex;align-items:center;gap:18px;padding-inline:16px;color:#edf9ffe0;font-size:10.5px;white-space:nowrap;animation:vynoraTicker 22s linear infinite;will-change:transform}.weather-ticker-track i{font-style:normal;color:#65d5ff}@keyframes vynoraTicker{from{transform:translateX(12%)}to{transform:translateX(-58%)}}
.vynora-nav{position:relative!important;top:auto!important;min-height:78px!important;height:auto!important;margin:0!important;padding:10px 12px!important;border:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;direction:ltr}.vynora-brand{grid-column:2;display:flex;align-items:center;justify-content:center;gap:9px;direction:ltr}.brand-orb{width:43px;height:43px;display:grid;place-items:center;border-radius:15px;font-size:25px;background:linear-gradient(145deg,#63d3ff30,#ffffff14);border:1px solid #aee6ff40;box-shadow:0 7px 22px #00000029,inset 0 1px #ffffff24}.brand-copy{display:grid;line-height:1.15;text-align:left}.brand-copy strong{font-size:20px!important;white-space:nowrap}.brand-copy small{margin-top:5px;font-size:9.5px;color:#def3fcb3;direction:rtl;text-align:right;white-space:nowrap}.vynora-nav .nav-actions{grid-column:1;grid-row:1;justify-self:center;display:flex!important;align-items:center!important;gap:9px!important;margin:0!important;direction:ltr}.vynora-nav .nav-actions button{width:43px!important;height:43px!important;min-width:43px!important;padding:0!important;display:grid!important;place-items:center!important;border-radius:15px!important;background:linear-gradient(145deg,#ffffff1f,#45b2e51a)!important;border:1px solid #c3edff3d!important;box-shadow:inset 0 1px #ffffff21,0 7px 18px #0000001f!important;font-size:19px!important}.vynora-nav .nav-actions button:active{transform:scale(.94)}
@media(prefers-reduced-motion:reduce){.weather-ticker-track{animation:none;transform:none}}@media(max-width:520px){.top-weather-shell{border-radius:24px}.vynora-nav{min-height:74px!important;padding:9px 10px!important;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr)!important}.brand-orb{width:39px;height:39px;font-size:22px}.brand-copy strong{font-size:18px!important}.brand-copy small{font-size:9px}.vynora-nav .nav-actions{gap:7px!important}.vynora-nav .nav-actions button{width:40px!important;height:40px!important;min-width:40px!important}.weather-ticker{height:25px}.weather-ticker-track{height:25px;font-size:10px}}@media(max-width:390px){.brand-copy small{display:none}.brand-copy strong{font-size:17px!important}}
/* V9.60 — repaired balanced top header */
.vynora-nav{display:grid!important;grid-template-columns:84px minmax(0,1fr) 84px!important;direction:rtl!important;padding:10px 12px!important;min-height:72px!important}
.vynora-brand{grid-column:2!important;grid-row:1!important;width:100%;min-width:0;justify-self:center;justify-content:center!important;gap:8px!important;overflow:visible!important}
.brand-copy{min-width:0!important;text-align:center!important;align-items:center!important}
.brand-copy strong{font-size:19px!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;max-width:none!important}
.brand-copy small{text-align:center!important;direction:rtl!important}
.brand-orb{flex:0 0 38px;width:38px!important;height:38px!important;font-size:21px!important;border-radius:13px!important}
.vynora-nav .nav-actions{grid-column:1!important;grid-row:1!important;justify-self:end!important;display:grid!important;grid-template-columns:40px 40px!important;gap:7px!important;width:auto!important}
.vynora-nav .nav-actions button{width:40px!important;height:40px!important;min-width:40px!important;margin:0!important;border-radius:13px!important}
.weather-ticker{mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
@media(max-width:430px){.vynora-nav{grid-template-columns:82px minmax(0,1fr) 82px!important;padding-inline:9px!important}.brand-copy strong{font-size:17px!important}.brand-copy small{font-size:8.5px!important}.brand-orb{width:35px!important;height:35px!important;flex-basis:35px;font-size:19px!important}.vynora-nav .nav-actions{grid-template-columns:37px 37px!important;gap:6px!important}.vynora-nav .nav-actions button{width:37px!important;height:37px!important;min-width:37px!important}}
@media(max-width:360px){.vynora-nav{grid-template-columns:76px minmax(0,1fr) 76px!important}.brand-copy small{display:none!important}.brand-copy strong{font-size:16px!important}.brand-orb{width:32px!important;height:32px!important;flex-basis:32px;font-size:18px!important}.vynora-nav .nav-actions{grid-template-columns:34px 34px!important}.vynora-nav .nav-actions button{width:34px!important;height:34px!important;min-width:34px!important}}
/* V9.61 — truly seamless top ticker */
.weather-ticker{overflow:hidden;direction:ltr;contain:paint}
.weather-ticker-track{display:flex;width:max-content;min-width:max-content;gap:0!important;padding:0!important;animation:vynoraTickerSeamless 38s linear infinite!important;transform:translate3d(0,0,0);backface-visibility:hidden;will-change:transform}
.weather-ticker-group{display:flex;flex:none;align-items:center;gap:20px;padding-inline:20px;white-space:nowrap}
.weather-ticker-group span{display:inline-block;direction:rtl;unicode-bidi:isolate}
.weather-ticker-group i{flex:none}
@keyframes vynoraTickerSeamless{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(max-width:520px){.weather-ticker-track{animation-duration:34s!important}.weather-ticker-group{gap:17px;padding-inline:17px}}
@media(prefers-reduced-motion:reduce){.weather-ticker-track{animation:vynoraTickerSeamless 55s linear infinite!important}}

/* V9.62 — balanced premium header: controls left, live condition right */
.vynora-nav{grid-template-columns:92px minmax(0,1fr) 92px!important;direction:ltr!important;padding:11px 13px!important;min-height:76px!important}
.vynora-nav .nav-actions{grid-column:1!important;grid-row:1!important;justify-self:start!important;display:flex!important;direction:ltr!important;gap:7px!important}
.vynora-brand{grid-column:2!important;grid-row:1!important;justify-self:center!important;justify-content:center!important;width:100%!important;overflow:visible!important}
.brand-copy{display:grid!important;place-items:center!important;text-align:center!important;line-height:1.08!important}
.brand-copy strong{font-size:20px!important;font-weight:800!important;letter-spacing:-.35px;white-space:nowrap!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.18))}
.brand-vynora{background:linear-gradient(90deg,#fff,#bfeeff 54%,#7fdcff);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-weather{color:#fff;text-shadow:0 0 14px rgba(106,216,255,.26)}
.brand-copy small{margin-top:6px!important;font-size:9px!important;font-weight:650;color:rgba(226,247,255,.72)!important;direction:rtl!important;white-space:nowrap!important}
.top-condition{grid-column:3;grid-row:1;justify-self:end;width:55px;height:55px;border-radius:18px;display:grid;place-items:center;align-content:center;gap:1px;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(66,184,235,.10));border:1px solid rgba(196,238,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.16),0 8px 22px rgba(0,10,28,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.top-condition>span{font-size:27px;line-height:29px;filter:drop-shadow(0 3px 7px rgba(0,0,0,.18));transition:transform .35s ease,filter .35s ease}.top-condition>small{font-size:8px;line-height:10px;color:rgba(239,251,255,.78);max-width:48px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-condition.live>span{animation:vwTopWeatherFloat 3.8s ease-in-out infinite}@keyframes vwTopWeatherFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}}
@media(max-width:430px){.vynora-nav{grid-template-columns:82px minmax(0,1fr) 58px!important;padding-inline:10px!important}.brand-copy strong{font-size:18px!important}.brand-copy small{font-size:8px!important}.top-condition{width:49px;height:49px;border-radius:16px}.top-condition>span{font-size:24px;line-height:26px}.vynora-nav .nav-actions{gap:6px!important}}
@media(max-width:360px){.vynora-nav{grid-template-columns:76px minmax(0,1fr) 48px!important}.brand-copy strong{font-size:16.5px!important}.brand-copy small{display:none!important}.top-condition{width:44px;height:44px}.top-condition>span{font-size:22px}.top-condition>small{display:none}}
@media(prefers-reduced-motion:reduce){.top-condition.live>span{animation:none!important}}
/* v9.63 — polished center brand typography */
.vynora-brand .brand-copy strong{
  font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif!important;
  font-size:21px!important;
  font-weight:750!important;
  letter-spacing:-.48px!important;
  line-height:1!important;
  padding:4px 3px 5px;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.22)) drop-shadow(0 0 10px rgba(107,220,255,.13))!important;
}
.vynora-brand .brand-vynora{
  background:linear-gradient(100deg,#ffffff 0%,#eafaff 35%,#bceeff 68%,#8cddff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.vynora-brand .brand-weather{
  color:#edfaff!important;
  text-shadow:0 0 8px rgba(126,220,255,.20),0 1px 2px rgba(0,0,0,.22)!important;
  font-weight:680!important;
}
.vynora-brand .brand-copy small{
  margin-top:5px!important;color:rgba(225,247,255,.78)!important;font-weight:600!important;letter-spacing:0!important;
  text-shadow:0 1px 4px rgba(0,0,0,.2)!important;
}
@media(max-width:430px){.vynora-brand .brand-copy strong{font-size:19px!important;letter-spacing:-.38px!important}}
@media(max-width:360px){.vynora-brand .brand-copy strong{font-size:17px!important}}

/* V9.64 — adaptive premium location search */
header{align-items:center!important;gap:10px!important;margin-top:12px!important}
.main-city-search{gap:9px!important;align-items:stretch!important}
.main-city-search .city-field{border-radius:22px!important;isolation:isolate}
.main-city-search #city{height:58px!important;border-radius:22px!important;padding:0 48px 0 18px!important;font-size:16px!important;font-weight:700!important;color:#f6fcff!important;caret-color:#73dcff!important;background:linear-gradient(135deg,rgba(5,28,47,.88),rgba(10,54,78,.78))!important;border:1px solid rgba(172,231,255,.34)!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 9px 25px rgba(0,12,27,.18)!important;backdrop-filter:blur(18px) saturate(1.15)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15)!important;text-shadow:0 1px 3px rgba(0,0,0,.34)!important;transition:background .45s ease,border-color .35s ease,box-shadow .35s ease!important}
.main-city-search #city::placeholder{color:rgba(235,248,255,.72)!important;font-weight:650!important;text-shadow:0 1px 3px rgba(0,0,0,.28)}
.main-city-search #city:focus{border-color:rgba(114,222,255,.75)!important;box-shadow:0 0 0 3px rgba(73,196,242,.12),inset 0 1px rgba(255,255,255,.15),0 12px 30px rgba(0,10,26,.25)!important}
.main-city-search .city-state{left:17px!important;width:12px;height:12px;font-size:0!important;border-radius:50%;background:#8795a4;box-shadow:0 0 0 5px rgba(255,255,255,.055),0 0 12px rgba(0,0,0,.18)}
.main-city-search .city-state.ok{background:#42e795!important;box-shadow:0 0 0 5px rgba(66,231,149,.09),0 0 14px rgba(66,231,149,.58)!important}.main-city-search .city-state.bad{background:#ff6b7d!important}
.main-city-search>button,#locBtn{height:58px!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(5,31,51,.88),rgba(10,58,84,.78))!important;border:1px solid rgba(164,227,255,.30)!important;box-shadow:inset 0 1px rgba(255,255,255,.13),0 8px 22px rgba(0,10,26,.18)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;transition:transform .18s ease,background .4s ease,border-color .3s ease!important}
.main-city-search>button{flex-basis:88px!important;width:88px!important;font-size:14px!important}.main-city-search>button:active,#locBtn:active{transform:scale(.96)}#locBtn{flex:0 0 58px!important;width:58px!important;font-size:25px!important;color:#f3fbff!important}
body[data-search-weather="sunny"] .main-city-search #city{background:linear-gradient(135deg,rgba(20,54,69,.91),rgba(14,78,99,.84))!important;border-color:rgba(171,239,255,.48)!important}
body[data-search-weather="cloudy"] .main-city-search #city{background:linear-gradient(135deg,rgba(23,43,59,.94),rgba(43,70,87,.88))!important;border-color:rgba(205,230,242,.32)!important}
body[data-search-weather="night"] .main-city-search #city{background:linear-gradient(135deg,rgba(8,20,43,.96),rgba(17,39,69,.92))!important;border-color:rgba(136,182,235,.36)!important}
body[data-search-weather="rain"] .main-city-search #city,body[data-search-weather="heavy_rain"] .main-city-search #city,body[data-search-weather="showers"] .main-city-search #city,body[data-search-weather="heavy_showers"] .main-city-search #city{background:linear-gradient(135deg,rgba(5,27,44,.97),rgba(13,54,75,.94))!important;border-color:rgba(111,202,238,.45)!important}
body[data-search-weather="thunder"] .main-city-search #city,body[data-search-weather="hail_thunder"] .main-city-search #city{background:linear-gradient(135deg,rgba(13,18,37,.97),rgba(37,42,69,.94))!important;border-color:rgba(176,173,255,.42)!important}
body[data-search-weather="snow"] .main-city-search #city,body[data-search-weather="blizzard"] .main-city-search #city{background:linear-gradient(135deg,rgba(41,68,84,.93),rgba(70,102,119,.88))!important;border-color:rgba(229,248,255,.48)!important}
body[data-search-weather="fog"] .main-city-search #city,body[data-search-weather="dense_fog"] .main-city-search #city{background:linear-gradient(135deg,rgba(42,57,67,.94),rgba(68,82,90,.90))!important;border-color:rgba(234,244,248,.34)!important}
body[data-search-weather] .main-city-search>button,body[data-search-weather] #locBtn{background:linear-gradient(145deg,rgba(5,28,47,.94),rgba(8,48,70,.90))!important}
body>.city-suggest{border-radius:22px!important;border:1px solid rgba(132,214,248,.24)!important;box-shadow:0 20px 50px rgba(0,8,22,.48)!important}
@media(max-width:520px){header{gap:8px!important}.main-city-search{gap:7px!important}.main-city-search #city{height:56px!important;border-radius:20px!important;font-size:15px!important}.main-city-search>button,#locBtn{height:56px!important;border-radius:19px!important}.main-city-search>button{flex-basis:76px!important;width:76px!important}#locBtn{flex-basis:56px!important;width:56px!important}}

/* V9.65 — quick tools breathing room + modern all-tools sheet */
.quick-actions-pro{margin:12px 0 14px!important;padding:10px 0!important;border-radius:24px!important;overflow:hidden!important}
.quick-actions-scroll{gap:10px!important;padding:6px 18px 9px!important;scroll-padding-inline:18px!important;align-items:stretch!important}
.quick-actions-scroll>button{min-width:86px!important;min-height:92px!important;padding:12px 10px!important;border-radius:19px!important;background:linear-gradient(155deg,rgba(255,255,255,.13),rgba(83,171,222,.075))!important;border:1px solid rgba(190,232,255,.18)!important;box-shadow:inset 0 1px rgba(255,255,255,.10),0 7px 18px rgba(0,0,0,.12)!important;transition:transform .18s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease!important}
.quick-actions-scroll>button>span{font-size:11px!important;line-height:1.45!important}.quick-actions-scroll>button:active{transform:scale(.96)!important}
.quick-actions-pro button.smart-hot-938{outline:none!important;border-color:rgba(91,203,255,.82)!important;background:linear-gradient(155deg,rgba(44,168,229,.27),rgba(47,115,183,.17))!important;box-shadow:inset 0 0 0 1px rgba(128,224,255,.18),0 0 20px rgba(45,184,255,.22)!important;transform:none!important}
.tools-sheet{padding:calc(max(16px,var(--tg-safe-top,0px)) + 4px) 12px max(16px,var(--tg-safe-bottom,0px))!important;align-items:center!important;background:rgba(1,10,20,.74)!important;backdrop-filter:blur(14px) saturate(1.08)!important}
.tools-sheet-card{width:min(100%,620px)!important;max-height:calc(var(--tg-vh,100dvh) - max(32px,var(--tg-safe-top,0px)) - max(24px,var(--tg-safe-bottom,0px)))!important;margin:auto!important;padding:14px 14px 22px!important;border-radius:28px!important;border:1px solid rgba(115,207,255,.25)!important;background:linear-gradient(165deg,rgba(9,39,61,.96),rgba(5,24,42,.97))!important;box-shadow:0 24px 70px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.10)!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain}
.tools-sheet-card>.section-head{top:-14px!important;margin:-14px -14px 14px!important;padding:17px 18px 13px!important;background:linear-gradient(180deg,rgba(7,31,51,.99),rgba(7,31,51,.94))!important;border-bottom:1px solid rgba(111,205,255,.13)!important;backdrop-filter:blur(20px)!important;align-items:center!important}.tools-sheet-card>.section-head h3{margin:0!important;font-size:21px!important}.tools-sheet-card #allToolsClose{width:44px!important;height:44px!important;padding:0!important;border-radius:15px!important;font-size:22px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.14)!important}
.tool-group-938{margin:0 0 20px!important}.tool-group-938>b{display:flex!important;align-items:center!important;gap:8px!important;margin:0 3px 9px!important;padding:0 2px 8px!important;font-size:13px!important;color:#eaf8ff!important;opacity:.9!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.tool-group-938>div{gap:10px!important}.tool-group-938 button{min-height:92px!important;padding:12px 7px!important;border-radius:20px!important;background:linear-gradient(150deg,rgba(255,255,255,.105),rgba(89,168,215,.07))!important;border:1px solid rgba(184,228,255,.15)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 8px 20px rgba(0,0,0,.11)!important}.tool-group-938 button i{font-size:27px!important;line-height:1!important}.tool-group-938 button span{font-size:12px!important;line-height:1.45!important;text-align:center!important;overflow-wrap:anywhere!important}
@media(max-width:520px){.quick-actions-pro{margin-inline:0!important}.quick-actions-scroll{padding-inline:16px!important}.quick-actions-scroll>button{min-width:88px!important}.tools-sheet{padding-inline:10px!important}.tools-sheet-card{border-radius:25px!important;padding-inline:12px!important}.tools-sheet-card>.section-head{margin-inline:-12px!important}.tool-group-938>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}.tool-group-938 button{min-height:88px!important}}

/* V9.66 — premium live/current weather cards */
.live-weather-card.vw-live-pro{position:relative;overflow:hidden;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;padding:15px 17px!important;min-height:86px!important;border-radius:28px!important;background:linear-gradient(135deg,rgba(5,27,47,.88),rgba(9,48,72,.78))!important;border:1px solid rgba(115,214,255,.28)!important;box-shadow:0 16px 38px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.10)!important}
.live-weather-card.vw-live-pro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(67,207,255,.13),transparent 34%);pointer-events:none}.live-weather-card.vw-live-pro .lwc-dot{width:13px;height:13px}.live-weather-card.vw-live-pro b{font-size:18px}.live-weather-card.vw-live-pro small{font-size:13px;line-height:1.8;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.live-weather-card.vw-live-pro>strong{font-size:clamp(30px,8vw,42px);font-weight:500;direction:ltr;font-variant-numeric:tabular-nums}.vw-live-time{display:block!important;margin-top:3px;color:#aee8ff;font-size:11px!important;opacity:.95!important}
.hero.vw-current-pro{position:relative;overflow:hidden;padding:22px 18px 18px!important;background:linear-gradient(155deg,rgba(4,25,44,.90),rgba(8,42,64,.82))!important;border:1px solid rgba(112,213,255,.26)!important;box-shadow:0 20px 50px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.10)!important}.hero.vw-current-pro:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-90px;top:-105px;background:radial-gradient(circle,rgba(91,210,255,.16),transparent 67%);pointer-events:none}.vw-place-main{font-size:21px;font-weight:800;line-height:1.65}.vw-place-sub{font-size:12px;color:#b8cedd;line-height:1.7;margin-top:1px}.vw-current-condition{display:flex;align-items:center;justify-content:center;gap:8px;margin:7px 0 0;font-size:18px;font-weight:800}.vw-current-condition .vw-current-icon{font-size:29px;filter:drop-shadow(0 5px 9px rgba(0,0,0,.22))}.hero.vw-current-pro .temp{font-size:clamp(72px,20vw,104px)!important;line-height:1;margin:13px 0 9px!important;font-weight:500;direction:ltr;font-variant-numeric:tabular-nums}.vw-current-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:12px 0 8px}.vw-current-stat{padding:9px 5px;border-radius:17px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.09)}.vw-current-stat span{display:block;font-size:10px;color:#a9c1d1;margin-bottom:3px}.vw-current-stat b{font-size:13px}.vw-current-clock{font-size:13px;color:#d7edf8;margin-top:9px}.vw-current-next{margin-top:7px;font-size:12px;color:#aee8ff;line-height:1.75}.hero.vw-current-pro #updated{margin-top:10px!important;color:#93aebe!important;direction:rtl}.hero.vw-current-pro #sourceState{display:none!important}
@media(max-width:430px){.live-weather-card.vw-live-pro{padding:13px 14px!important}.live-weather-card.vw-live-pro b{font-size:16px}.vw-place-main{font-size:18px}.vw-current-stats{gap:5px}.vw-current-stat{padding:8px 3px}.vw-current-stat b{font-size:12px}}

/* v9.69 — modern city confirmation */
.city-confirm-modal{background:rgba(2,10,20,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.city-confirm-card{position:relative;overflow:hidden;width:min(430px,calc(100vw - 30px));padding:26px 22px 20px!important;border-radius:30px!important;background:linear-gradient(155deg,rgba(12,55,82,.96),rgba(7,31,51,.94))!important;border:1px solid rgba(112,211,255,.28)!important;box-shadow:0 24px 70px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.12)!important;animation:confirmPop .22s ease-out}
.city-confirm-card:before{content:'';position:absolute;width:190px;height:190px;border-radius:50%;top:-115px;right:-75px;background:radial-gradient(circle,rgba(53,198,255,.2),transparent 68%);pointer-events:none}
.confirm-icon{width:62px;height:62px;margin:0 auto 8px;display:grid;place-items:center;border-radius:20px;font-size:34px;background:linear-gradient(145deg,rgba(52,185,239,.22),rgba(255,255,255,.08));border:1px solid rgba(123,220,255,.3);box-shadow:0 8px 24px rgba(0,0,0,.18)}
.confirm-kicker{font-size:13px;font-weight:700;color:#7ddcff;margin-top:4px}.city-confirm-card h3{margin:7px 0 18px;font-size:21px;line-height:1.6}.confirm-city{display:block;font-size:23px;line-height:1.65;color:#fff;margin:0 0 3px;overflow-wrap:anywhere}.confirm-place{margin:0 auto 16px!important;color:rgba(231,244,255,.72);font-size:14px;line-height:1.7;direction:rtl;unicode-bidi:plaintext}.confirm-weather{display:flex!important;align-items:center;justify-content:center!important;gap:9px!important;flex-wrap:wrap;margin:15px 0 22px}.confirm-weather span{padding:10px 14px;border-radius:16px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.1);font-size:15px}.confirm-degree{direction:rtl}.confirm-actions{display:grid!important;grid-template-columns:.85fr 1.35fr;gap:10px!important}.confirm-actions button{width:100%;min-height:50px;border-radius:17px!important;padding:10px 12px!important}.confirm-apply{background:linear-gradient(135deg,#16a8f1,#1688df)!important;border-color:rgba(126,222,255,.35)!important;box-shadow:0 10px 25px rgba(0,139,220,.24)}.confirm-cancel{background:rgba(255,255,255,.08)!important}.confirm-actions button:active{transform:scale(.98)}
@keyframes confirmPop{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@media(max-width:420px){.city-confirm-card{padding:22px 16px 16px!important}.confirm-city{font-size:20px}.city-confirm-card h3{font-size:19px}.confirm-actions{grid-template-columns:1fr 1.3fr}}

/* V9.70 — stable city confirmation overlay + roomier mobile spacing */
body.city-confirm-open #scene *{animation-play-state:paused!important}
body.city-confirm-open .weather-ticker-track,body.city-confirm-open .top-condition>span{animation-play-state:paused!important}
.city-confirm-modal{background:rgba(1,8,17,.80)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate;contain:paint}
.city-confirm-modal:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,16,29,.18),rgba(1,7,14,.34));pointer-events:none}
.city-confirm-card{width:min(440px,calc(100vw - 38px))!important;padding:31px 25px 26px!important;border-radius:32px!important;box-shadow:0 28px 76px rgba(0,0,0,.52),inset 0 1px rgba(255,255,255,.12)!important}
.confirm-icon{font-size:34px!important;line-height:1.2;margin-bottom:5px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.24))}
.confirm-kicker{margin-top:6px!important}.city-confirm-card h3{margin:9px 0 21px!important}.confirm-city{margin-bottom:7px!important}.confirm-place{margin-bottom:18px!important}.confirm-weather{margin:17px 0 25px!important}.confirm-actions{gap:12px!important}.confirm-actions button{min-height:54px!important}
@media(max-width:420px){.city-confirm-card{width:calc(100vw - 32px)!important;padding:27px 20px 22px!important}.confirm-weather{margin-bottom:23px!important}.confirm-actions button{min-height:52px!important}}


/* V9.71 — stable city typing in Telegram Android WebView */
body.city-search-typing .scene *,body.city-search-typing .scene:before,body.city-search-typing .scene:after{animation-play-state:paused!important}
body.city-search-typing .scene{contain:strict;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
body.city-search-typing #fx{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
body.city-search-typing .app>section,body.city-search-typing .top-weather-shell,body.city-search-typing header{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}
body.city-search-typing .main-city-search #city{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(5,31,51,.96)!important}
body.city-search-typing .main-city-search>button,body.city-search-typing #locBtn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.city-search-typing>.city-suggest{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}