:root{--bg:#071f18;--deep:#092a21;--forest:#123d2f;--mint:#c8f28d;--sky:#83d6d1;--gold:#efd098;--text:#f0f7e9;--muted:#c0d4bf;--line:#41654c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.5 "Segoe UI",Inter,system-ui,sans-serif;background:#f1f4eb;color:#173d29}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bbef69;outline-offset:2px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{max-width:1440px;margin:0 auto;width:100%;padding:0 clamp(16px,3.5vw,48px)}.topbar{position:relative;background:#071e17;color:#f4fbe7;border-bottom:1px solid #527457}.headrow{display:flex;gap:20px;align-items:center;justify-content:space-between;min-height:73px}.brand{font-size:21px;font-weight:950;text-decoration:none;letter-spacing:-.055em;display:flex;align-items:center;gap:9px;white-space:nowrap}.brandmark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid #bded8a;color:var(--mint);font-size:24px}.topbar nav{display:flex;gap:20px;align-items:center;justify-content:flex-end;flex:1;min-width:0}.topbar nav a{font-size:12px;font-weight:800;text-decoration:none;white-space:nowrap}.topbar nav a:hover{text-decoration:underline}.lang{display:flex;gap:3px;border-radius:35px;border:1px solid #769879;padding:3px;white-space:nowrap;flex:0 0 auto}.lang button{color:#cfdecf;border:0;background:none;font-weight:900;font-size:12px;border-radius:30px;padding:6px 10px}.lang button[aria-pressed=true]{color:#132c21;background:var(--mint)}
.hero{background:radial-gradient(circle at 75% 0%,#35785a,transparent 39%),linear-gradient(120deg,#071e16 10%,#12402e);color:var(--text);overflow:hidden;padding:49px 0 35px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(265px,.8fr);gap:33px;align-items:center}.hero-info{position:relative;z-index:2}.eyebrow,.tinycap{font-size:11px;font-weight:900;letter-spacing:.15em;color:var(--mint);text-transform:uppercase}.live-dot,.scene-led{width:8px;height:8px;background:var(--mint);border-radius:50%;display:inline-block;box-shadow:0 0 0 6px #adf66a28;margin-right:9px}.hero h1{font-size:clamp(38px,5.7vw,77px);line-height:1.015;font-weight:900;letter-spacing:-.065em;margin:16px 0 16px}.hero h1 em{font-style:normal;color:var(--mint)}.hero-sub{max-width:750px;font-size:clamp(14px,1.5vw,18px);color:#c7dfc8;margin:0}.hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}.hero-tags span{border:1px solid #699173;color:#e3f2d8;border-radius:30px;padding:7px 11px;font-size:11px;font-weight:800}
.weather-scene{height:268px;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 28px 55px #0922187a;background:radial-gradient(circle at 58% 37%,#50987d,#2c6862 30%,#174338 65%,#08251e 100%);border:1px solid #86ac85}.weather-orbit{position:absolute;border:1px solid #cfefcd66;width:270px;height:270px;border-radius:50%;left:calc(50% - 135px);top:-12px;box-shadow:0 0 0 40px #c8f59608,0 0 0 80px #c8f59608;animation:slowspin 30s linear infinite}.sun{position:absolute;top:49px;left:48%;width:75px;height:75px;border-radius:50%;background:#e8f9ad;box-shadow:0 0 45px #eaf7b98a,0 0 110px #d6f68d4d}.cloud{position:absolute;height:45px;width:135px;background:#d4e7d0;border-radius:45px;opacity:.89;filter:drop-shadow(0 6px 10px #0c37233b);animation:cloudmove 16s ease-in-out infinite alternate}.cloud:before,.cloud:after{content:"";position:absolute;background:#d4e7d0;border-radius:50%}.cloud:before{width:65px;height:65px;left:23px;top:-23px}.cloud:after{width:55px;height:55px;right:16px;top:-16px}.cloud.c1{left:5%;top:80px}.cloud.c2{right:-15px;top:132px;transform:scale(.65);opacity:.68;animation-duration:23s}.scene-horizon{position:absolute;bottom:-19px;left:-10%;width:120%;height:108px;background:linear-gradient(#1d5138,#0d3025);border-radius:60% 40% 0 0}.scene-trees{position:absolute;bottom:27px;width:115%;left:-8%;display:flex;align-items:end;justify-content:space-around;color:#133d2e;font-size:68px;letter-spacing:.1em;filter:drop-shadow(0 3px 5px #0b2b24)}.scene-trees span:nth-child(2){font-size:80px}.scene-trees span:nth-child(3){font-size:62px}.scene-trees span:nth-child(4){font-size:90px}.scene-label{position:absolute;bottom:12px;left:16px;border-radius:20px;background:#0b362dbd;border:1px solid #618770;padding:8px 13px;font-size:10px;font-weight:900;letter-spacing:.08em}.scene-led{width:6px;height:6px;margin-right:5px;box-shadow:0 0 0 3px #adf66a28}@keyframes slowspin{to{transform:rotate(360deg)}}@keyframes cloudmove{to{transform:translateX(24px)}}
.dashboard{padding-top:30px;padding-bottom:35px}.intro-strip{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:17px}.intro-strip h2{font-size:clamp(25px,3vw,38px);letter-spacing:-.06em;margin:6px 0}.intro-strip p{margin:0;color:#647a66;font-size:13px;max-width:850px}.intro-strip .tinycap,.panel .tinycap{color:#36754a}.weather-status{border:1px solid #bfd8bb;border-radius:30px;background:#fafeec;display:flex;align-items:center;gap:9px;padding:9px 13px;color:#295f37;font-size:11px;font-weight:900;max-width:340px}.weather-status.problem{background:#fff2e1;color:#7e4027}.spinning-dot{display:block;width:8px;height:8px;border-radius:50%;background:#7baa61;animation:glow 2s ease-in-out infinite}.problem .spinning-dot{background:#d28943}@keyframes glow{50%{box-shadow:0 0 0 7px #a1c98b33}}.panel{background:#fff;border-radius:21px;border:1px solid #c4d3c2;box-shadow:0 14px 38px #3149340c;min-width:0;overflow:hidden}
.map-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(305px,.9fr);gap:16px}.location-controls{padding:14px;background:#f9faf3;border-bottom:1px solid #d9e3d4}.search{display:flex;gap:7px}.search input{flex:1;min-width:0;background:#fff;border:1px solid #aac2a7;border-radius:11px;padding:12px 13px;color:#173c28;font-size:14px}.search button,.map-controls button{background:#22563a;border:1px solid #2b6343;color:#fff;padding:10px 17px;border-radius:11px;font-size:12px;font-weight:900}.search button:hover,.map-controls button:hover{background:#32724f}#placeResults{width:100%;padding:10px;margin-top:8px;border:1px solid #8fac8b;border-radius:10px;color:#254936;background:#fff}#map{height:376px;width:100%;background:linear-gradient(135deg,#55765b,#bdd5b2);position:relative}.map-fallback{display:grid;place-items:center;height:100%;color:#10311c;font-size:13px}.map-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;background:#f9faf4}.map-footer b{display:block;font-size:14px;color:#21452e}.map-footer small{display:block;color:#698071;font-size:11px}.map-controls{display:flex;gap:7px;flex-wrap:wrap}.map-controls button{font-size:11px;padding:8px 11px;background:#2b5842}
.now-panel{background:linear-gradient(145deg,#10392b,#164a36 70%,#0d3225);border-color:#2f6845;color:#effbe7;padding:23px}.now-head,.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.now-head .tinycap{color:#c6e9a7}.source-tag{font-size:10px;color:#c6ee9f;border:1px solid #7b9b69;border-radius:25px;padding:6px 10px;font-weight:900}.now-main{display:flex;align-items:center;justify-content:space-between;gap:0;min-height:190px}.now-temp{font-size:clamp(45px,5.3vw,76px);font-weight:900;letter-spacing:-.085em;color:#efffdf;line-height:1}.now-summary{margin:6px 0;font-weight:850;font-size:14px;color:#ddf0d3}#nowLocalTime{font-size:11px;color:#adcab1}.gauge{width:min(43%,170px);flex:0 0 auto}.gauge svg{width:100%;display:block;overflow:visible}.gauge-track{fill:transparent;stroke:#2a5942;stroke-width:16}.gauge-fill{fill:transparent;stroke:#d1f695;stroke-width:16;stroke-linecap:round;transform:rotate(-90deg);transform-origin:90px 90px;transition:stroke-dasharray .4s}.gauge-number{font-weight:900;fill:#e6f8d6;font-size:42px;letter-spacing:-.04em}.gauge-sub{fill:#b9d5bb;font-size:11px;font-weight:850;letter-spacing:.06em}.now-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.now-kpis>div{background:#0b3023bd;padding:12px 14px;border-radius:12px;border:1px solid #527e53}.now-kpis small{display:block;color:#bfd4bb;font-size:11px}.now-kpis strong{font-size:23px;color:#f7ffed;letter-spacing:-.045em}.forecast-note{color:#c1d9b9;font-size:11px;line-height:1.5;margin-top:15px}
.forecast-section{margin-top:18px;padding:24px}.panel-title-row h2{font-size:clamp(24px,3vw,40px);letter-spacing:-.06em;margin:5px 0 0}.update-details{display:flex;gap:11px;align-items:center;font-size:11px;color:#607560;flex-wrap:wrap}.update-details button{border-radius:35px;background:#eaf4df;color:#215d33;border:1px solid #bad0b2;padding:8px 13px;font-weight:900}.week-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:23px 0 16px}.week-card{border:1px solid #c9d7c7;background:#f6f8f2;padding:12px 6px;border-radius:15px;text-align:center;min-width:0;color:#2d4933}.week-card:hover,.week-card[aria-pressed=true]{border-color:#3e8758;background:#e4f3d5;box-shadow:0 0 0 1px #3f8c56 inset}.week-card .dow{display:block;color:#5a7660;font-size:11px;font-weight:850}.week-card .symbol{display:block;font-size:30px;margin:4px 0}.week-card strong{display:block;font-size:clamp(15px,1.7vw,21px);letter-spacing:-.04em;white-space:nowrap}.week-card .rain{display:block;font-size:11px;margin-top:2px}.week-card .warning-pills{display:inline-block;background:#f0c88c;color:#69431d;border-radius:15px;padding:2px 7px;font-size:10px;font-weight:900;margin-top:5px}.week-card .warning-pills.none{background:#d6e9d0;color:#2d6339}
.daily-detail{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(285px,.8fr);gap:16px}.daily-plot,.daily-watch{border:1px solid #d3dfd0;background:#f7faf3;border-radius:15px;padding:18px;min-width:0}.daily-title{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.daily-title span:first-child{font-size:16px;color:#214c32;font-weight:900}.daily-title span:last-child{font-size:12px;color:#57715e;font-weight:800}.chart-area{min-height:200px;display:flex;align-items:center;justify-content:center}.chart-area svg{width:100%;height:auto;max-height:236px;overflow:visible}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:#62775f}.chart-legend>span{display:flex;align-items:center;gap:6px}.legend-temp,.legend-rain{display:inline-block;height:3px;width:20px;background:#277648;border-radius:3px}.legend-rain{background:#64b9be}.daily-watch .tinycap{color:#2c6e43}.watch-cards{margin-top:11px;display:flex;flex-direction:column;gap:9px}.watch{padding:11px 12px;background:white;border:1px solid #cedfca;border-radius:11px}.watch.alert{background:#fff6e8;border-color:#e5c28e}.watch .watch-title{font-size:12px;font-weight:900;color:#335e42}.watch.alert .watch-title{color:#9b5930}.watch p{font-size:11px;line-height:1.5;color:#586f5c;margin:5px 0 6px}.watch a{font-size:11px;font-weight:900;color:#287447}
.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:18px}.insight-card{padding:26px}.insight-card h2{font-size:25px;line-height:1.1;letter-spacing:-.05em;margin:9px 0}.insight-card p{font-size:13px;color:#5a6f5a;margin:0 0 14px}.insight-links{display:flex;flex-direction:column;gap:8px}.insight-links a,.source-panel>a{display:block;font-weight:900;text-decoration:none;color:#2b7746;background:#eef7e7;border-radius:10px;border:1px solid #bed6b3;padding:11px 13px;font-size:12px}.source-panel>a{background:none;border:0;padding:5px 0;text-decoration:underline}.source-panel .privacy{background:#f3f3e7;border-left:4px solid #90a272;padding:12px;border-radius:7px;margin:14px 0 0;font-size:11px}
footer{background:#09271d;color:#d3e6ce;padding:20px 0}footer .foot{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px}footer a{color:#c9f4a5;font-weight:900}
@media(max-width:1070px){.hero-grid{grid-template-columns:minmax(0,1fr) 260px}.weather-scene{height:238px}.map-row{grid-template-columns:1fr 1fr}.now-panel{padding:16px}.daily-detail{grid-template-columns:1fr}.now-main{min-height:160px}.week-card .symbol{font-size:24px}.week-grid{gap:5px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.weather-scene{height:175px}.weather-orbit{left:calc(50% - 135px);top:-55px}.weather-scene .sun{top:12px}.weather-scene .cloud{top:43px}.weather-scene .cloud.c2{top:80px}.scene-trees{bottom:0}.scene-label{bottom:8px}.hero{padding:31px 0 20px}.hero h1{font-size:clamp(36px,9vw,58px)}.topbar nav a:nth-child(2),.topbar nav a:nth-child(3){display:none}.headrow{min-height:65px;gap:8px}.brand{font-size:17px}.brandmark{width:29px;height:29px;font-size:20px}.map-row{grid-template-columns:1fr}.intro-strip{display:block}.weather-status{margin-top:12px}.now-main{min-height:135px}.now-temp{font-size:65px}.week-grid{display:flex;overflow-x:auto;gap:7px;padding-bottom:8px;scrollbar-width:thin;scroll-snap-type:x mandatory}.week-card{flex:0 0 105px;scroll-snap-align:start}.forecast-section{padding:16px}.panel-title-row{align-items:start}.daily-detail{gap:9px}.insight-grid{grid-template-columns:1fr}.map-footer{flex-wrap:wrap}#map{height:310px}}
@media(max-width:390px){.topbar nav{display:none}.headrow{justify-content:space-between}.hero-tags span{font-size:10px}.weather-scene{height:155px}.map-footer b{font-size:12px}.search input{font-size:12px}.search button{padding:9px 12px}.now-panel{padding:15px}.forecast-section{padding:12px}.now-temp{font-size:57px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body,.dashboard,.panel{background:#fff!important;color:#111!important;box-shadow:none!important}.topbar,.map-row,.week-grid,.weather-scene,.hero-tags,.search,.update-details{display:none!important}.hero{padding:12px;background:#fff;color:#111}.hero h1{font-size:34px}.hero h1 em{color:#111}.dashboard{padding-top:0}.daily-detail,.insight-grid{grid-template-columns:1fr 1fr}}