:root{color-scheme:light;--ink:#192824;--muted:#87958f;--green:#4dbb8b;--green-dark:#257a58;--line:#e9efeb;--paper:#f5f7f5;--white:#fff;--dark:#101b1b;--mono:'DM Mono',monospace;--heading:Manrope,'DM Sans',sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--body)}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:var(--dark);color:#e3ece8;padding:26px 19px;display:flex;flex-direction:column;z-index:5}.brand{display:flex;align-items:center;gap:11px;margin:0 4px 54px;color:#f4fbf7;text-decoration:none}.brand-mark{width:41px;height:41px;border-radius:13px;background:#1d3b31;display:grid;place-items:center;color:#76d6ab}.brand-mark svg{width:29px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand b,.brand small{display:block}.brand b{font:800 12px var(--heading);letter-spacing:1.4px}.brand small{margin-top:4px;color:#81958b;font:10px var(--mono);letter-spacing:1px}.side-label{padding:0 9px;color:#75857e;font:10px var(--mono);letter-spacing:1px}.location{display:flex;align-items:center;gap:10px;padding:13px 9px 16px}.location-icon{display:grid;place-items:center;width:31px;height:31px;background:#1a3029;border-radius:9px;color:#64cb9d;font-size:20px}.location b,.location small{display:block}.location b{font-size:11px;font-weight:600}.location small{font-size:10px;color:#83928b;margin-top:4px}.chevron{margin-left:auto;color:#85958c}.menu-label{margin:27px 0 10px}.side-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#98a7a0;border-radius:7px;padding:11px 12px;margin:2px 0;font-size:12px}.side-link>span{font-size:18px;color:#7f9288;width:17px;text-align:center}.side-link.active{background:#1a342b;color:#ecf8f1}.side-link.active>span{color:#71d4a7}.sidebar-bottom{margin-top:auto}.side-weather{display:flex;align-items:center;gap:10px;padding:13px 10px;background:#172a27;border:1px solid #223c34;border-radius:9px}.sun-small{font-size:22px;color:#efc66a}.side-weather b,.side-weather small{display:block}.side-weather b{font-size:11px}.side-weather small{color:#81928a;font-size:9px;margin-top:4px}.side-version{display:block;padding:17px 5px 0;color:#66776f;font:9px var(--mono);letter-spacing:.6px}.side-version span{color:#53c18c}main{margin-left:242px;min-height:100vh}.topbar{height:64px;padding:0 clamp(22px,4vw,55px);display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;border-bottom:1px solid var(--line)}.crumb{font:10px var(--mono);letter-spacing:.7px;color:#7f8e87}.crumb span{padding:0 9px;color:#c1cbc5}.top-actions{display:flex;align-items:center;gap:15px}.live-status{display:flex;align-items:center;gap:8px;color:#75867d;font-size:11px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4bbb87;box-shadow:0 0 0 3px #4bbb8722;flex:none}.refresh{border:0;background:transparent;color:#64756c;font-size:21px;cursor:pointer;transition:transform .3s}.export{padding:8px 12px;border-radius:5px;background:var(--dark);color:white;text-decoration:none;font-size:10px;font-weight:700;letter-spacing:.2px}.export span{font-size:15px;margin-right:4px}.mobile-brand{display:none}.content{width:min(1460px,100%);margin:0 auto;padding:30px clamp(22px,4vw,55px) 0}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px}.date-line,.section-eyebrow{font:500 10px var(--mono);letter-spacing:1.05px;color:#829087}.date-line{display:flex;align-items:center;gap:8px}.sun-mark{color:#dda944;font-size:15px}.page-intro h1{margin:9px 0 5px;font:700 clamp(27px,3vw,35px) var(--heading);letter-spacing:-1.4px}.page-intro h1 span{color:#42ab7d}.page-intro p{margin:0;color:#8b9892;font-size:12px}.date-card{text-align:right;padding-bottom:2px}.date-card>span{display:block;color:#98a49e;font:9px var(--mono);letter-spacing:.6px}.date-card>b{display:block;margin-top:5px;font:600 13px var(--heading);color:#33443b}.date-card>small{display:block;margin-top:6px;color:#9aa59f;font-size:10px}.date-card strong{font-weight:600;color:#65766d}.weather-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1px .94fr;align-items:center;gap:clamp(24px,4vw,56px);padding:25px 32px;min-height:208px;background:linear-gradient(112deg,#12241f,#19372d 72%,#204435);border-radius:11px;color:#f4faf6;box-shadow:0 12px 32px #15312618}.hero-glow{position:absolute;width:370px;height:370px;border-radius:50%;right:15%;top:-265px;background:#4ba77722;filter:blur(2px);pointer-events:none}.hero-main,.hero-side{position:relative}.hero-kicker{display:flex;align-items:center;gap:8px;color:#9bb8a9;font:10px var(--mono);letter-spacing:1px}.hero-temp{display:flex;align-items:flex-start;margin:13px 0 0}.hero-temp>span{font:600 70px/.94 var(--heading);letter-spacing:-5px}.hero-temp sup{font:500 25px var(--heading);margin:5px 0 0 3px;color:#b4d3c2}.hero-temp small{align-self:flex-end;margin:0 0 7px 4px;color:#aac4b6;font:500 15px var(--mono)}.hero-caption{margin:8px 0 14px;color:#a6bdb1;font-size:11px}.hero-condition{display:flex;align-items:center;gap:8px;color:#e3eee7;font-size:11px}.condition-sun{color:#f0c263;font-size:17px}.hero-divider{height:142px;background:#ffffff1b}.hero-side-head{display:flex;align-items:center;gap:10px}.weather-emoji{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#ffffff12;color:#f1c86f;font-size:22px}.hero-side-head b,.hero-side-head small{display:block}.hero-side-head b{font:600 13px var(--heading)}.hero-side-head small{color:#93ac9e;font-size:10px;margin-top:4px}.hero-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 16px}.hero-facts span{display:block;color:#94ac9e;font:9px var(--mono);letter-spacing:.4px}.hero-facts b{display:block;margin-top:6px;font:600 15px var(--heading);color:#f0f6f2}.hero-note{display:flex;align-items:flex-start;gap:7px;padding-top:11px;border-top:1px solid #ffffff18;color:#9db3a7;font-size:10px;line-height:1.5}.hero-note>span:first-child{color:#dfb65d}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:14px}.metric-card,.panel{background:var(--white);border:1px solid #e8eeea;border-radius:9px;box-shadow:0 3px 12px #23392d08}.metric-card{padding:15px 17px 12px;min-height:137px}.metric-top{display:flex;align-items:center;gap:8px}.metric-icon{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#edf7f1;font-size:15px;color:#43a976}.pressure-icon{background:#f1eef9;color:#9577c4}.rain-icon{background:#eaf4f8;color:#5bacc4}.solar-icon{background:#fcf4e3;color:#d4a143}.metric-title{color:#86938d;font:500 9px var(--mono);letter-spacing:.8px}.metric-value{display:flex;align-items:baseline;gap:5px;margin-top:9px;font:600 29px var(--heading);letter-spacing:-1px;color:#20322a}.metric-value small{font:500 10px var(--mono);letter-spacing:0;color:#8b9992}.metric-foot{display:flex;align-items:center;gap:5px;margin-top:5px;color:#98a39e;font-size:10px}.metric-foot strong{color:#53655b;font:500 10px var(--mono)}.compass{margin-left:auto;color:#4b8969;font:500 10px var(--mono)}.uv-badge{margin-left:auto;padding:3px 6px;border-radius:4px;background:#f4f3eb;color:#a3884c;font-size:9px}.metric-sub{margin-top:7px;color:#a2ada7;font-size:9px}.panel{padding:20px 21px}.chart-panel{margin-top:14px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.section-eyebrow{font-size:9px}.panel-heading h2,.garden-panel h2{margin:6px 0 0;font:700 16px var(--heading);letter-spacing:-.35px;color:#26372f}.panel-heading p{margin:5px 0 0;color:#98a39e;font-size:10px}.chart-controls{display:flex;align-items:center;gap:8px}.segmented{display:flex;padding:3px;border-radius:6px;background:#f1f4f2}.chart-button,.dew-toggle{border:0;cursor:pointer;font:500 10px var(--body)}.chart-button{padding:7px 10px;border-radius:4px;color:#8a9690;background:transparent}.chart-button.active{background:white;color:#34483c;box-shadow:0 1px 4px #263c301a}.dew-toggle{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e7eeea;border-radius:5px;color:#809088;background:white}.dew-toggle i{width:7px;height:7px;border-radius:50%;background:#73a6c3}.dew-toggle[aria-pressed=true]{color:#477b9a;background:#f1f7fa;border-color:#d9e9ef}.chart-summary{display:flex;align-items:center;gap:17px;margin-top:16px;padding-top:11px;border-top:1px solid #f0f3f1}.chart-legend{display:flex;align-items:center;gap:6px;color:#738179;font-size:10px}.chart-legend i{width:7px;height:7px;border-radius:50%;background:#47b686}.chart-legend b{color:#9ba59f;font:10px var(--mono)}.dew-legend i{background:#75a8c4}.chart-summary-right{margin-left:auto;color:#9aa59f;font:10px var(--mono)}.chart-wrap{height:201px;position:relative;margin-top:8px}.chart-wrap canvas{display:block;width:100%;height:100%}.empty{position:absolute;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;color:#87958e;text-align:center}.empty>span{font-size:25px;color:#82b69b}.empty b{margin-top:5px;color:#596b61;font-size:12px}.empty small{margin-top:5px;color:#9ba69f;font-size:10px}.lower-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:14px}.compact{align-items:center}.rain-cloud{font-size:22px;color:#66b4c7}.rain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:16px}.rain-stat{min-height:72px;padding:11px 10px;border:1px solid #eef2ef;border-radius:6px;background:#fcfdfc}.rain-stat.featured{background:#f2f8f4;border-color:#e4f0e8}.rain-stat>span{display:block;color:#93a098;font:9px var(--mono);letter-spacing:.3px}.rain-stat>b{display:flex;align-items:baseline;gap:4px;margin-top:7px;font:600 22px var(--heading);letter-spacing:-.6px;color:#2c4236}.rain-stat>b small{font:500 10px var(--mono);color:#8a9990;letter-spacing:0}.rain-track{height:3px;margin-top:6px;border-radius:5px;background:#e3eee7;overflow:hidden}.rain-track i{display:block;width:0;height:100%;background:#52b88a;border-radius:5px;transition:width .4s}.rain-foot{display:flex;align-items:center;gap:7px;margin-top:12px;color:#9ba69f;font-size:9px}.rain-info{width:14px;height:14px;display:grid;place-items:center;border:1px solid #d8e3dc;border-radius:50%;font:10px var(--mono)}.garden-panel{position:relative;overflow:hidden;min-height:170px}.garden-panel h2{font-size:15px}.garden-panel>p{position:relative;z-index:1;max-width:72%;margin:13px 0 15px;color:#6e7e75;font-size:11px;line-height:1.6}.garden-illustration{position:absolute;right:21px;top:37px;width:91px;height:102px}.plant-pot{position:absolute;bottom:4px;left:29px;width:34px;height:28px;background:#d18c65;clip-path:polygon(7% 0,93% 0,80% 100%,20% 100%);border-radius:0 0 7px 7px}.plant-stem{position:absolute;left:45px;top:27px;width:3px;height:48px;background:#4f9e70;border-radius:3px;transform:rotate(4deg)}.plant-leaf{position:absolute;color:#61b77f;font-size:25px;line-height:1}.leaf-one{left:23px;top:23px;transform:rotate(-26deg) scaleX(1.3)}.leaf-two{right:16px;top:9px;transform:rotate(23deg) scaleX(1.3)}.plant-sun{position:absolute;right:3px;top:2px;color:#e5b84d;font-size:18px}.advice-foot{position:relative;z-index:1;display:flex;align-items:center;gap:6px;color:#9ba69f;font:8px var(--mono);letter-spacing:.5px}.advice-dot{width:6px;height:6px;border-radius:50%;background:#59b987}footer{display:flex;justify-content:space-between;gap:12px;padding:17px 0 22px;color:#9da8a1;font:8px var(--mono);letter-spacing:.45px}footer b{font-weight:500;color:#61736a}footer i{color:#48ad7f;font-style:normal}footer span:nth-child(2){text-transform:none;letter-spacing:0;font:9px var(--body)}.toast{position:fixed;right:22px;bottom:20px;z-index:20;padding:11px 14px;border-radius:7px;background:#162821;color:white;font-size:12px;opacity:0;transform:translateY(6px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.mobile-brand{display:none}
@media(max-width:1120px){.sidebar{width:210px;padding-inline:15px}main{margin-left:210px}.content{padding-inline:25px}.topbar{padding-inline:25px}.weather-hero{gap:28px;padding-inline:26px}.metric-card{padding-inline:13px}.lower-grid{grid-template-columns:1.35fr 1fr}.rain-grid{gap:6px}.rain-stat{padding-inline:8px}.rain-stat>b{font-size:20px}}
@media(max-width:800px){.sidebar{display:none}main{margin:0}.topbar{height:57px;padding-inline:17px}.mobile-brand{display:flex;align-items:center;gap:8px;font:700 12px var(--heading)}.brand-mark.mini{width:30px;height:30px;border-radius:9px;font:700 9px var(--mono)}.crumb{display:none}.top-actions{gap:10px}.live-status{font-size:10px}.content{padding:22px 17px 0}.weather-hero{gap:19px;padding:21px;grid-template-columns:1fr 1px 1.15fr}.hero-temp>span{font-size:61px}.hero-facts{gap:6px}.hero-facts span{font-size:8px}.hero-facts b{font-size:13px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid{grid-template-columns:1fr}.garden-panel{min-height:168px}}
@media(max-width:560px){.page-intro{align-items:flex-start}.page-intro h1{font-size:28px}.page-intro p{font-size:11px}.date-card{max-width:130px}.date-card>span{font-size:8px}.date-card>b{font-size:11px}.date-card>small{font-size:9px}.weather-hero{grid-template-columns:1fr;gap:13px;padding:18px}.hero-divider{height:1px;width:100%}.hero-main{display:grid;grid-template-columns:1fr auto;align-items:center}.hero-kicker{grid-column:1/-1}.hero-temp{margin:10px 0 0;grid-column:1;grid-row:2}.hero-temp>span{font-size:58px}.hero-caption{grid-column:1;grid-row:3;margin:3px 0 8px}.hero-condition{grid-column:2;grid-row:2/4;max-width:115px;font-size:10px}.hero-side-head{display:none}.hero-facts{margin:0 0 12px}.hero-note{padding-top:9px}.metric-grid{gap:9px}.metric-card{min-height:126px;padding:12px}.metric-value{font-size:26px}.metric-sub{font-size:8px}.panel{padding:16px}.panel-heading{flex-direction:column;gap:13px}.panel-heading h2{font-size:15px}.chart-controls{width:100%;justify-content:space-between}.segmented{flex:1}.chart-button{flex:1}.dew-toggle{white-space:nowrap}.chart-summary{gap:10px}.chart-legend{font-size:9px;gap:5px}.chart-summary-right{font-size:9px}.chart-wrap{height:190px}.rain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rain-stat{min-height:67px}.rain-stat>b{font-size:21px}.garden-panel>p{max-width:70%}footer{flex-wrap:wrap;line-height:1.5}footer span:nth-child(2){order:3;width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.dew-legend{display:none}.dew-legend.visible{display:flex}.pulse.stale{background:#e4a953;box-shadow:0 0 0 3px #e4a95322}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}