.search-wrap{margin-top:.9rem;position:relative}.search-box{gap:.5rem;display:flex}.search-box input{min-height:var(--tap);border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card);color:var(--ink);outline:none;flex:1;padding:.7rem 1.1rem;font-size:1rem}.search-box input:focus{border-color:var(--copper)}.search-box button{border-radius:var(--radius);background:var(--copper);color:#fff;min-height:var(--tap);border:none;padding:0 1.25rem;font-size:.95rem;font-weight:700}.suggestions{background:var(--card);border:1px solid var(--line);z-index:1000;border-radius:16px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 14px 36px #10243e24}.suggestions.open{display:block}.suggestions button{text-align:left;width:100%;color:var(--ink);min-height:var(--tap);background:0 0;border:none;padding:.85rem 1.1rem;font-size:1rem;display:block}.suggestions button:hover{background:var(--copper-soft)}.suggestions small{color:var(--ink-soft)}.geo-note{background:var(--copper-soft);color:#7a4524;border-radius:14px;margin-top:.75rem;padding:.75rem 1rem;font-size:.85rem;display:none}.geo-note.show{display:block}.sky-card{color:#fff;background:linear-gradient(165deg,#3d6fa8,#79a7cf);border-radius:26px;flex-direction:column;justify-content:flex-end;min-height:290px;margin-top:1rem;padding:1.6rem 1.35rem 1.5rem;transition:background 1.2s;display:flex;position:relative;overflow:hidden}.sky-card:before,.sky-card:after{content:"";pointer-events:none;border-radius:inherit;z-index:0;position:absolute;inset:0}.sky-card:after{background:linear-gradient(#0000 35%,#0000004d),radial-gradient(at 85% -10%,#ffffff40,#0000 55%)}.wx-sunny:before{background:conic-gradient(#ffe6502e 0deg,#0000 15deg,#ffe6502e 30deg,#0000 45deg,#ffe6502e 60deg,#0000 75deg,#ffe6502e 90deg,#0000 105deg,#ffe6502e 120deg,#0000 135deg,#ffe6502e 150deg,#0000 165deg,#ffe6502e 180deg,#0000 195deg,#ffe6502e 210deg,#0000 225deg,#ffe6502e 240deg,#0000 255deg,#ffe6502e 270deg,#0000 285deg,#ffe6502e 300deg,#0000 315deg,#ffe6502e 330deg,#0000 345deg);width:220%;height:220%;animation:18s linear infinite sunRotate;inset:-60%}.wx-sunny:after{background:radial-gradient(circle at 75% 22%,#ffe66461 0%,#0000 55%);animation:4s ease-in-out infinite alternate sunPulse}@keyframes sunRotate{to{transform:rotate(360deg)}}@keyframes sunPulse{0%{opacity:.6}to{opacity:1}}.wx-partly:before{background:radial-gradient(circle at 72% 18%,#ffdc5047 0%,#0000 40%);animation:5s ease-in-out infinite alternate sunPulse}.wx-partly:after{background:radial-gradient(130px 62px at 78% 58%,#ffffff29 0%,#0000 100%),radial-gradient(95px 46px at 55% 68%,#ffffff1c 0%,#0000 100%);animation:12s ease-in-out infinite alternate cloudDrift}@keyframes cloudDrift{0%{transform:translate(0)}to{transform:translate(20px)}}.wx-cloudy:before{background:radial-gradient(165px 72px at 28% 42%,#ffffff2e 0%,#0000 100%),radial-gradient(125px 56px at 68% 56%,#ffffff21 0%,#0000 100%),radial-gradient(100px 46px at 52% 28%,#ffffff1c 0%,#0000 100%);animation:14s ease-in-out infinite alternate cloudsMove}@keyframes cloudsMove{0%{transform:translate(0)}to{transform:translate(24px)}}.wx-foggy:before{background:repeating-linear-gradient(0deg,#0000 0 18px,#ffffff14 18px 22px);animation:8s ease-in-out infinite alternate fogDrift}@keyframes fogDrift{0%{opacity:.5;transform:translate(-12px)}to{opacity:1;transform:translate(12px)}}.wx-drizzle:before{background-image:repeating-linear-gradient(105deg,#0000 0 6px,#b4d2ff61 6px 7px);background-size:20px 50px;width:120%;height:140%;animation:.9s linear infinite rainFall;inset:-20% -10%}@keyframes rainFall{0%{background-position:0 0}to{background-position:-15px 60px}}.wx-rain:before{background-image:repeating-linear-gradient(108deg,#0000 0 4px,#96c3ff85 4px 6px);background-size:18px 60px;width:120%;height:140%;animation:.55s linear infinite rainFall;inset:-20% -10%}.wx-rain:after{background:radial-gradient(at 50% 115%,#1e468261 0%,#0000 70%)}.wx-heavy:before{background-image:repeating-linear-gradient(110deg,#0000 0 3px,#78afffa6 3px 5px),repeating-linear-gradient(110deg,#0000 0 6px,#649beb61 6px 8px);background-size:12px 45px,18px 55px;width:120%;height:140%;animation:.35s linear infinite rainFall;inset:-20% -10%}.wx-heavy:after{background:radial-gradient(at 50% 125%,#14326e80 0%,#0000 65%)}.wx-snow:before{background-image:radial-gradient(2.5px at 12% 8%,#fffffff2 0%,#0000 100%),radial-gradient(2px at 32% 22%,#ffffffd9 0%,#0000 100%),radial-gradient(2.5px at 52% 12%,#ffffffe6 0%,#0000 100%),radial-gradient(2px at 72% 28%,#fffc 0%,#0000 100%),radial-gradient(2.5px at 90% 10%,#fffffff2 0%,#0000 100%),radial-gradient(2px at 22% 42%,#ffffffbf 0%,#0000 100%),radial-gradient(2px at 58% 38%,#ffffffd9 0%,#0000 100%),radial-gradient(2px at 82% 48%,#ffffffb3 0%,#0000 100%),radial-gradient(2.5px at 42% 58%,#ffffffd9 0%,#0000 100%),radial-gradient(2px at 68% 62%,#ffffffbf 0%,#0000 100%),radial-gradient(2px at 18% 68%,#ffffffa6 0%,#0000 100%),radial-gradient(2.5px at 94% 68%,#ffffffd9 0%,#0000 100%);animation:5s linear infinite snowFall}@keyframes snowFall{0%{opacity:0;transform:translateY(-10%)translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(105%)translate(14px)}}.wx-storm:before{background-image:repeating-linear-gradient(112deg,#0000 0 3px,#82aaff94 3px 5px);background-size:14px 50px;width:120%;height:140%;animation:.38s linear infinite rainFall;inset:-20% -10%}.wx-storm:after{background:0 0;animation:4s ease-in-out infinite lightning}@keyframes lightning{0%,85%,87%,89%,to{box-shadow:none;background:#fff0}86%{background:#ffffff3d;box-shadow:0 0 60px 20px #c8dcff73}88%{background:#ffffff14}}.night-sky:before{background-image:radial-gradient(1.5px 1.5px at 10% 15%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 25% 8%,#ffffffb3 0%,#0000 100%),radial-gradient(2px 2px at 40% 20%,#ffffffd9 0%,#0000 100%),radial-gradient(1px 1px at 55% 5%,#fff9 0%,#0000 100%),radial-gradient(1.5px 1.5px at 70% 18%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 85% 10%,#ffffffbf 0%,#0000 100%),radial-gradient(1px 1px at 15% 35%,#ffffff8c 0%,#0000 100%),radial-gradient(1.5px 1.5px at 32% 28%,#fffc 0%,#0000 100%),radial-gradient(1px 1px at 60% 32%,#ffffffa6 0%,#0000 100%),radial-gradient(1px 1px at 78% 25%,#ffffffb3 0%,#0000 100%),radial-gradient(2px 2px at 92% 38%,#ffffff80 0%,#0000 100%),radial-gradient(1px 1px at 5% 42%,#fff9 0%,#0000 100%),radial-gradient(1.5px 1.5px at 48% 12%,#ffffffe6 0%,#0000 100%),radial-gradient(1px 1px at 95% 8%,#ffffffb3 0%,#0000 100%);animation:4s ease-in-out infinite alternate twinkle}@keyframes twinkle{0%{opacity:.55}to{opacity:1}}.sky-loc{text-shadow:0 1px 4px #0003;z-index:1;align-items:center;gap:.4rem;margin-bottom:.1rem;font-size:.95rem;font-weight:600;display:flex;position:relative}.sky-temp{font-family:var(--fd);letter-spacing:-.04em;text-shadow:0 2px 12px #00000026;z-index:1;contain:strict;content-visibility:visible;font-size:clamp(4.5rem,24vw,7rem);font-weight:800;line-height:.95;position:relative}.sky-temp sup{vertical-align:super;font-size:.32em;font-weight:700}.sky-desc{text-shadow:0 1px 4px #0003;z-index:1;margin-top:.2rem;font-size:1.1rem;font-weight:700;position:relative}.sky-meta{font-family:var(--fm);z-index:1;grid-template-columns:repeat(3,1fr);gap:.8rem .5rem;margin-top:1.1rem;font-size:.8rem;display:grid;position:relative}.sky-meta b{font-size:.98rem;font-weight:500;display:block}.sky-meta span{opacity:.95;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}main{padding-bottom:3rem}h2{font-family:var(--fd);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:1.75rem 0 .75rem;font-size:1.25rem;font-weight:700;display:flex}h2 small{font-family:var(--fm);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:400}.site-h1{font-family:var(--fd);margin-top:.9rem;font-size:1.25rem;font-weight:800;line-height:1.3}.alerts{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.alert-chip{color:#7a4524;background:#fff3e8;border:1.5px solid #e8c5a8;border-radius:999px;align-items:center;gap:.4rem;min-height:44px;padding:.45rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.alert-chip.ok{color:#1f6b33;background:#eaf6ec;border-color:#bce0c3}.alert-src{color:var(--ink-soft);margin-top:.4rem;font-size:.72rem}.alert-src a{color:var(--ink-soft)}.hourly{scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.55rem;padding:.1rem .5rem .6rem;display:flex;overflow-x:auto}.hourly::-webkit-scrollbar{display:none}.hour{scroll-snap-align:start;background:var(--card);border:1px solid var(--line);text-align:center;border-radius:16px;flex:none;min-width:74px;padding:.75rem .45rem}.hour.now{border-color:var(--copper);background:var(--copper-soft)}.hour .h-time{font-family:var(--fm);color:var(--ink-soft);font-size:.78rem}.hour .h-icon{margin:.3rem 0;font-size:1.45rem;line-height:1}.hour .h-temp{font-size:.98rem;font-weight:700}.hour .h-rain{font-family:var(--fm);color:var(--blue);min-height:1em;margin-top:.2rem;font-size:.75rem}.daily{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:clip}.day{border-bottom:1px solid var(--line);min-height:var(--tap);cursor:pointer;-webkit-tap-highlight-color:transparent;grid-template-columns:1fr 2rem auto;align-items:center;gap:.6rem;padding:.8rem 1rem;transition:background .15s;display:grid}.day:hover{background:#c8763a0f}.day.active{background:#c8763a24}.day.active .d-name{color:var(--copper)}.day:last-child{border-bottom:none}.day .d-name{text-transform:capitalize;font-size:.92rem;font-weight:600}.day .d-name small{color:var(--blue);font-size:.7rem;font-weight:400;font-family:var(--fm);display:block}.day .d-icon{text-align:center;font-size:1.4rem}.day .d-temps{font-family:var(--fm);text-align:right;white-space:nowrap;font-size:.9rem}.day .d-temps .max{font-weight:700}.day .d-temps .min{color:var(--ink-soft)}.cities{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.city-card{background:var(--card);border:1.5px solid var(--line);text-align:left;border-radius:18px;flex-direction:column;align-items:flex-start;padding:.9rem 1rem;transition:border-color .2s;display:flex}.city-card:hover,.city-card:focus-visible{border-color:var(--copper)}.city-card:active{transform:scale(.98)}.city-card .c-name{font-size:.92rem;font-weight:700}.city-card .c-dist{font-family:var(--fm);color:var(--ink-soft);margin-top:.1rem;font-size:.78rem}.city-card .c-temp{font-family:var(--fm);margin-top:.4rem;font-size:1.1rem}.emergency-row{grid-template-columns:1fr 1fr;gap:.65rem;margin:1.4rem 0;display:grid}.em-card{background:var(--card);border:1.5px solid var(--line);color:var(--ink);min-height:var(--tap);border-radius:18px;align-items:center;gap:.7rem;padding:.9rem 1rem;text-decoration:none;display:flex}.em-card:hover{border-color:var(--copper)}.em-card:active{transform:scale(.98)}.em-icon{flex-shrink:0;font-size:1.5rem}.em-title{font-size:.88rem;font-weight:700}.em-sub{color:var(--ink-soft);font-size:.75rem;font-family:var(--fm);margin-top:.15rem}.em-arrow{color:var(--copper);flex-shrink:0;margin-left:auto;font-size:1rem}.guide-grid{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.guide-card{background:var(--card);border:1.5px solid var(--line);color:var(--ink);border-radius:18px;flex-direction:column;padding:.9rem 1rem;text-decoration:none;display:flex}.guide-card:hover{border-color:var(--copper)}.guide-card:active{transform:scale(.98)}.g-name{font-size:.92rem;font-weight:700}.g-sub{color:var(--ink-soft);font-size:.75rem;font-family:var(--fm);margin-top:.15rem}.ad-slot{min-height:250px;margin:1.8rem 0;display:block}.status{text-align:center;color:var(--ink-soft);padding:1.6rem;font-size:.95rem}.ft{flex-direction:column;gap:.4rem;display:flex}.ft a{color:var(--ink-soft)}@media (width>=680px){.layout{grid-template-columns:1.4fr 1fr;align-items:start;gap:1.8rem;display:grid}.layout>div{min-width:0}.cities{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:repeat(4,1fr)}.sky-meta{grid-template-columns:repeat(5,1fr)}.sky-temp{font-size:7rem}.ft{flex-direction:row;justify-content:space-between}.day{grid-template-columns:1fr 2.5rem auto;gap:1.2rem;padding:1rem 1.2rem}.day .d-name{font-size:1rem}.day .d-icon{text-align:center;font-size:1.5rem}.day .d-temps{text-align:right;font-size:.95rem;font-weight:500}.day .d-temps .max{font-size:1rem;font-weight:700}.hour{min-width:90px;padding:.9rem .6rem}.hourly{gap:.7rem;overflow-x:auto;margin:0!important}}@media (width>=1200px){.cities{grid-template-columns:repeat(4,1fr)}}@media (width<=380px){.emergency-row,.guide-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.rain-alert-wrap{color:#fff;background:linear-gradient(135deg,#1565c0,#42a5f5);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin:1.2rem 0;padding:1rem 1.1rem;display:flex}.rain-alert-wrap .ra-text{font-size:.88rem;font-weight:500}.rain-alert-wrap .ra-text strong{margin-bottom:.15rem;font-size:.95rem;font-weight:700;display:block}.ra-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1.5px solid #fff6;border-radius:999px;min-height:44px;padding:.45rem 1rem;font-size:.85rem;font-weight:700}.ra-btn:hover{background:#ffffff59}.ra-btn:disabled{opacity:.6;cursor:default}.share-btn{color:#fff;cursor:pointer;z-index:2;background:#fff3;border:1.5px solid #fff6;border-radius:999px;align-items:center;gap:.4rem;width:fit-content;min-height:44px;margin-top:.8rem;padding:.45rem 1rem;font-size:.82rem;font-weight:700;display:flex;position:relative}.share-btn:hover{background:#ffffff59}.sky-card{contain:layout style;min-height:290px}.sky-temp{min-height:5.5rem;display:block}.sky-meta{min-height:2rem}.hourly{min-height:140px}.daily{min-height:280px}.alerts,.geo-note{contain:layout;min-height:0}.search-wrap{min-height:var(--tap)}.rain-alert-wrap{contain:layout}.site-h1{min-height:1.6rem}.day .d-name small{color:#4a9fd4}.h-rain{color:#2f6fb0}.sky-meta span{opacity:.95}[data-theme=dark] .h-rain,[data-theme=dark] .day .d-name small{color:#64b5f6}.topnav{contain:layout style paint;overflow:auto hidden}#searchBtn,button[id=searchBtn]{color:#fff!important;background:#7a3e22!important}.d-name small,.h-rain{font-weight:600;color:#1a4a7a!important}[data-theme=dark] .d-name small,[data-theme=dark] .h-rain{color:#93c5fd!important}.cookie-accept{color:#fff!important;background:#10243e!important}.nav-sep{display:none}@media (width>=680px){.nav-sep{background:var(--line);border-radius:1px;flex-shrink:0;align-self:center;width:1.5px;height:22px;margin:0 .35rem;display:block}}.nav-dd-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-top:.3rem;padding:.4rem 1rem .2rem;font-size:.7rem;font-weight:700;display:block}.nav-dd-label:first-child{margin-top:0}[data-theme=dark] .nav-dd-label{color:#6a7a95!important}.faq h3{font-family:var(--fd);color:var(--ink);margin:1.2rem 0 .4rem;font-size:1rem;font-weight:700}