:root{color-scheme:light;--bg: #f5f1e8;--bg-soft: #faf7ef;--surface: #fffdf8;--surface-strong: #f0efe6;--surface-elevated: rgba(255, 253, 248, .92);--ink: #18221d;--ink-soft: #2e3b33;--muted: #687068;--line: #dedbd0;--line-strong: #cdc7b8;--green: #2f7658;--green-deep: #1f5b43;--green-soft: #e5f1e9;--rain: #277da8;--rain-soft: #e4f2f7;--wind: #1d8a8a;--heat: #b65f34;--heat-soft: #fae7dc;--uv: #b88a0b;--uv-soft: #fff3c4;--danger: #9d3d2f;--danger-soft: #ffe6df;--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--shadow: 0 18px 48px rgba(31, 37, 32, .1);--shadow-soft: 0 10px 28px rgba(31, 37, 32, .07);--max-page: 1120px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg);color:var(--ink);scroll-behavior:smooth}body{min-height:100vh;margin:0;background:radial-gradient(circle at 12% -10%,rgba(47,118,88,.14),transparent 30rem),radial-gradient(circle at 100% 0%,rgba(39,125,168,.13),transparent 32rem),linear-gradient(180deg,#fbf7ee 0%,var(--bg) 36rem,#efe9dc 100%);color:var(--ink)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(31,37,32,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(31,37,32,.02) 1px,transparent 1px);background-size:42px 42px;content:"";mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 72%)}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(39,125,168,.35);outline-offset:2px}.app-shell{width:min(100%,var(--max-page));margin:0 auto;padding:16px 16px 46px}.topbar,.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;position:relative}.site-header{position:sticky;top:8px;z-index:40;border:1px solid rgba(222,219,208,.88);border-radius:18px;background:#fffdf8d1;box-shadow:var(--shadow-soft);padding:8px;backdrop-filter:blur(18px) saturate(1.12)}.brand{display:grid;gap:2px}.brand--header{display:flex;align-items:center;min-width:0;gap:10px}.brand__mark{display:inline-grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:14px;background:radial-gradient(circle at 30% 22%,rgba(255,253,248,.35),transparent 25%),linear-gradient(145deg,var(--green),var(--green-deep));box-shadow:inset 0 1px #ffffff38,0 8px 20px #2f765833;color:#fffdf8;font-weight:900;letter-spacing:-.04em}.brand__name{display:block;overflow:hidden;margin:0;color:var(--ink);font-size:clamp(1.08rem,4vw,1.44rem);font-weight:850;line-height:1.02;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.eyebrow,.meta,.label{color:var(--muted);font-size:.78rem;line-height:1.25}.eyebrow,.label{font-weight:780;letter-spacing:.08em;text-transform:uppercase}.icon-button,.link-button{min-height:40px;border:1px solid rgba(222,219,208,.95);border-radius:999px;background:#fffdf8db;color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;cursor:pointer;font-weight:750;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.icon-button:hover,.link-button:hover,.icon-button:focus-visible,.link-button:focus-visible{border-color:#2f765861;background:#fffdf8;box-shadow:0 10px 24px #1f252014;transform:translateY(-1px)}.icon-button{width:40px;padding:0}.topbar__actions,.site-header__actions{display:flex;align-items:center;gap:8px}.site-header__actions .link-button{min-height:38px}.hamburger{width:42px;min-height:42px;border:1px solid rgba(222,219,208,.95);border-radius:14px;background:#fffdf8e6;color:var(--ink);display:inline-grid;place-items:center;cursor:pointer}.hamburger__lines{display:grid;gap:4px}.hamburger__lines span{display:block;width:17px;height:2px;border-radius:999px;background:currentColor}.menu-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:30;width:min(280px,calc(100vw - 32px));border:1px solid var(--line);border-radius:18px;background:#fffdf8fa;box-shadow:var(--shadow);padding:8px}.menu-panel a{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;padding:11px 12px;color:var(--ink);font-size:.92rem;font-weight:700}.menu-panel a:hover,.menu-panel a:focus-visible{background:var(--green-soft);outline:0}.is-hidden{display:none!important}.search-panel,.panel{border:1px solid rgba(222,219,208,.9);border-radius:var(--radius-lg);background:#fffdf8e0;box-shadow:var(--shadow-soft)}.search-panel{padding:12px;margin-bottom:18px}.search-field{display:flex;align-items:center;gap:10px;min-height:50px;border-radius:16px;background:var(--surface-strong);padding:0 14px}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.search-results{overflow:hidden;margin-top:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.search-result{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px;border-top:1px solid var(--line)}.search-result:first-child{border-top:0}.search-result a{display:grid;min-width:0;gap:2px}.search-result span{color:var(--muted);font-size:.82rem}.star-button{display:inline-grid;width:38px;height:38px;place-items:center;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);cursor:pointer;font-size:1.28rem;line-height:1}.star-button[aria-pressed=true]{border-color:#b88a0b5c;background:#fff3c4;color:var(--uv)}.star-button:hover,.star-button:focus-visible{border-color:#b88a0b6b;background:#fff8dd;color:var(--uv);outline:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{border:1px solid rgba(222,219,208,.95);border-radius:999px;background:#fffdf8d1;color:var(--ink);padding:8px 11px;font-size:.86rem;line-height:1;font-weight:750}.chip:hover,.chip:focus-visible{border-color:#2f765857;background:var(--green-soft)}.section{margin-top:24px}.section__header{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.section__title{margin:0;font-size:clamp(1.04rem,2.5vw,1.24rem);font-weight:850;letter-spacing:-.035em}.quick-grid,.insight-grid,.metrics-grid{display:grid;gap:10px}.quick-grid{grid-template-columns:1fr}.quick-card,.insight,.metric{border:1px solid rgba(222,219,208,.9);border-radius:var(--radius);background:var(--surface)}.quick-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;box-shadow:0 6px 18px #1f25200b;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.quick-card:hover,.quick-card:focus-visible{border-color:#2f765857;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.favorite-card{padding-right:76px}.favorite-star{position:absolute;top:8px;right:8px;width:32px;height:32px;font-size:1.08rem}.quick-card__main{min-width:0}.quick-card__title,.row__title{margin:0;color:var(--ink);font-weight:820}.quick-card__temp{font-size:1.8rem;font-weight:900;line-height:1;color:var(--green)}.weather-icon{display:block;width:34px;height:34px;border-radius:var(--radius-sm);object-fit:contain}.weather-icon--sm{width:28px;height:28px}.weather-icon--lg{width:76px;height:76px}.quick-card__details,.row__details{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;color:var(--muted);font-size:.82rem}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight{padding:12px;background:linear-gradient(145deg,#fffdf8,#e5f1e98c)}.insight strong{display:block;margin-top:4px;font-size:1rem}.list{overflow:hidden}.weather-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 14px;border-top:1px solid rgba(222,219,208,.75)}.weather-row:first-child{border-top:0}.weather-row:hover,.weather-row:focus-visible{background:#e5f1e97a}.day-row{width:100%;border-right:0;border-bottom:0;border-left:0;background:transparent;text-align:left;cursor:pointer}.day-row[aria-expanded=true]{background:var(--green-soft)}.day-row:hover,.day-row:focus-visible{background:var(--rain-soft);outline:0}.day-accordion{border-top:1px solid var(--line)}.day-accordion:first-child,.day-accordion .weather-row{border-top:0}.day-panel{border-top:1px solid rgba(222,219,208,.72);background:#f0efe68c;padding:8px 10px 10px}.day-panel__hours{display:grid;gap:4px}.day-hour{display:grid;grid-template-columns:44px 28px 42px 48px 1fr;align-items:center;gap:8px;min-height:40px;border-radius:10px;background:#fffdf8c7;padding:6px 8px;color:var(--muted);font-size:.8rem}.day-hour strong{color:var(--ink);font-size:.95rem}.day-hour__time{color:var(--ink);font-weight:760}.row__metrics{display:grid;grid-template-columns:repeat(3,auto);justify-items:end;align-content:center;gap:10px;color:var(--muted);font-size:.82rem;white-space:nowrap}.tabs{display:flex;gap:6px;margin-bottom:10px}.tab{border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:8px 11px;color:var(--muted);cursor:pointer;font-weight:750}.tab[aria-selected=true]{border-color:#2f765859;background:var(--green-soft);color:var(--green)}.hero-weather{display:grid;grid-template-columns:1fr auto;gap:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 95% 0,rgba(39,125,168,.16),transparent 22rem),linear-gradient(145deg,#fffdf8,#eef5ee);padding:clamp(16px,4vw,24px);box-shadow:var(--shadow)}.hero-weather__temp{font-size:clamp(3.8rem,18vw,6rem);font-weight:900;line-height:.86;color:var(--green)}.hero-weather__main{display:grid;gap:14px}.hero-weather__summary{display:grid;gap:7px}.hero-weather__summary h1{margin:0;font-size:clamp(1.4rem,5vw,2.1rem);letter-spacing:-.055em}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{position:relative;overflow:hidden;padding:13px;background:linear-gradient(145deg,#fffdf8f5,#fffdf8c2),radial-gradient(circle at 100% 0,rgba(47,118,88,.1),transparent 9rem);box-shadow:0 6px 20px #1f25200b}.metric strong{display:block;margin-top:4px;color:var(--ink);font-size:1.08rem;letter-spacing:-.035em}.compass{position:relative;display:block;width:72px;height:72px;margin-top:10px;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,rgba(255,253,248,.96) 0 42%,transparent 43%),conic-gradient(from 45deg,#1d8a8a29,#2f765814,#b65f3424,#1d8a8a29)}.compass__mark{position:absolute;color:var(--muted);font-size:.62rem;font-weight:760;line-height:1}.compass__mark--n{top:5px;left:50%;transform:translate(-50%)}.compass__mark--e{top:50%;right:6px;transform:translateY(-50%)}.compass__mark--s{bottom:5px;left:50%;transform:translate(-50%)}.compass__mark--w{top:50%;left:6px;transform:translateY(-50%)}.compass__needle{position:absolute;top:50%;left:50%;width:4px;height:27px;border-radius:999px;background:var(--wind);transform:translate(-50%,-86%);transform-origin:50% 86%}.compass__needle:before{position:absolute;top:-5px;left:50%;width:0;height:0;border-right:6px solid transparent;border-bottom:9px solid var(--wind);border-left:6px solid transparent;content:"";transform:translate(-50%)}.scroll-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity}.hour-card{flex:0 0 94px;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:10px}.hour-card strong{display:block;margin:6px 0;font-size:1.18rem}.bottom-nav{position:fixed;right:12px;bottom:12px;left:12px;z-index:60;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:420px;margin:0 auto;border:1px solid rgba(222,219,208,.92);border-radius:18px;background:#fffdf8eb;box-shadow:var(--shadow-soft);padding:6px;backdrop-filter:blur(14px)}.bottom-nav a{border-radius:13px;padding:9px 6px;color:var(--muted);text-align:center;font-size:.82rem;font-weight:760}.bottom-nav a[aria-current=page]{background:var(--green-soft);color:var(--green)}.site-footer{width:min(100%,var(--max-page));margin:18px auto 78px;padding:18px 16px 24px;border-top:1px solid var(--line);color:var(--muted);display:grid;gap:14px}.site-footer strong{color:var(--ink)}.site-footer p{max-width:56ch;margin:6px 0 0;font-size:.9rem;line-height:1.45}.site-footer nav{display:flex;flex-wrap:wrap;gap:10px}.site-footer a{border:1px solid var(--line);border-radius:999px;background:#fffdf8b8;padding:7px 10px;font-size:.84rem;font-weight:720}.insight-shell{width:min(100%,1200px)!important}.insight-shell .insight-hero{position:relative;overflow:hidden;display:grid;gap:18px;margin:18px 0 24px;border:1px solid rgba(222,219,208,.86);border-radius:28px;background:linear-gradient(120deg,#18221dc7,#1f5b43d1),radial-gradient(circle at 90% 8%,rgba(255,243,196,.4),transparent 14rem),linear-gradient(145deg,var(--green-deep),var(--rain));box-shadow:var(--shadow);color:#fffdf8;padding:clamp(20px,5vw,34px)}.insight-shell .insight-hero:before{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 16%,rgba(255,253,248,.18),transparent 10rem),linear-gradient(90deg,transparent 0 70%,rgba(255,253,248,.08));content:""}.insight-shell .insight-hero>*{position:relative}.insight-shell .insight-hero .eyebrow,.insight-shell .insight-hero p{color:#fffdf8d1}.insight-shell .insight-hero h1{max-width:11ch;margin:0 0 12px;font-size:clamp(2.35rem,8vw,5.8rem);font-weight:920;line-height:.88;letter-spacing:-.085em}.insight-shell .insight-hero p{max-width:76ch;margin:0;font-size:clamp(1rem,2vw,1.12rem);line-height:1.6}.insight-shell .insight-hero__actions{display:flex;flex-wrap:wrap;align-content:end;gap:8px;margin-top:4px}.insight-shell .insight-hero__actions .chip{border-color:#fffdf83d;background:#fffdf824;color:#fffdf8;backdrop-filter:blur(10px)}.insight-shell .section{margin-top:26px}.insight-shell .section__header{align-items:center;margin-bottom:14px}.insight-shell .section__title{font-size:clamp(1.18rem,3vw,1.62rem)}.insight-shell .insight-board,.insight-shell .insight-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.insight-shell .insight-results{grid-template-columns:1fr}.insight-shell .metric{min-height:118px;border-radius:20px;padding:16px}.insight-shell .metric strong{margin-top:10px;font-size:clamp(1.35rem,5vw,2.35rem);line-height:.95}.insight-shell .metric .meta{margin:10px 0 0}.insight-shell .insight-card{position:relative;overflow:hidden;min-height:160px;border:1px solid rgba(222,219,208,.88);border-radius:22px;background:linear-gradient(145deg,#fffdf8fa,#fffdf8d1),radial-gradient(circle at 100% 0,rgba(39,125,168,.12),transparent 10rem);box-shadow:0 10px 30px #1f252014;padding:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.insight-shell .insight-card:after{position:absolute;right:14px;bottom:12px;width:34px;height:34px;border-radius:50%;background:#2f76581a;content:""}.insight-shell .insight-card:hover,.insight-shell .insight-card:focus-visible{border-color:#2f765857;box-shadow:var(--shadow);transform:translateY(-3px)}.insight-shell .insight-card strong{display:block;margin-top:10px;color:var(--ink);font-size:clamp(1.55rem,6vw,2.7rem);line-height:.94;letter-spacing:-.065em}.insight-shell .insight-card p{margin:12px 0 0;color:var(--muted);font-size:.92rem;line-height:1.48}.insight-shell .insight-card--good{border-color:#2f765833;background:linear-gradient(145deg,#fffdf8fa,#e5f1e9f0),radial-gradient(circle at 100% 0,rgba(47,118,88,.18),transparent 10rem)}.insight-shell .insight-card--warn{border-color:#b88a0b42;background:linear-gradient(145deg,#fffdf8fa,#fff3c4f0),radial-gradient(circle at 100% 0,rgba(184,138,11,.18),transparent 10rem)}.insight-shell .insight-card--danger{border-color:#9d3d2f47;background:linear-gradient(145deg,#fffdf8fa,#ffe6dff0),radial-gradient(circle at 100% 0,rgba(157,61,47,.18),transparent 10rem)}.insight-shell .insight-list{border-radius:22px;background:#fffdf8e6;box-shadow:var(--shadow-soft)}.insight-shell .insight-list .weather-row{grid-template-columns:minmax(0,1fr) auto!important;min-height:76px;padding:15px 16px}.insight-shell .insight-list .weather-row:nth-child(2n){background:#f0efe659}.insight-shell .insight-list .row__title{font-size:1.02rem}.insight-shell .insight-list .row__metrics{grid-template-columns:repeat(2,auto)!important;gap:8px}.insight-shell .insight-list .row__metrics span{display:inline-flex;min-width:74px;justify-content:center;border:1px solid rgba(222,219,208,.75);border-radius:999px;background:#fffdf8bd;padding:7px 9px;color:var(--ink-soft);font-weight:800}.insight-shell .state{border:1px dashed rgba(104,112,104,.36);border-radius:18px;background:#fffdf8b8;padding:18px;color:var(--muted)}body:has(.brand__name) .quick-grid .quick-card .brand__mark{flex-basis:44px;width:44px;height:44px}.map-shell{width:min(100%,1280px)}.map-hero{display:grid;gap:14px;margin:18px 0}.map-hero h1{margin:0 0 6px;font-size:clamp(1.8rem,8vw,3.8rem);line-height:.94;letter-spacing:-.07em}.map-tabs{display:flex;flex-wrap:wrap;gap:8px}.map-tabs a{border:1px solid var(--line);border-radius:999px;background:var(--surface);padding:8px 11px;color:var(--muted);font-size:.88rem;font-weight:760}.map-tabs a[aria-current=page]{border-color:#2f765857;background:var(--green-soft);color:var(--green)}.map-panel{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}.map-toolbar,.map-player{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:10px}.play-button{min-height:42px;border:1px solid rgba(47,118,88,.34);border-radius:999px;background:var(--green);color:#fffdf8;display:inline-flex;align-items:center;gap:8px;padding:0 15px;cursor:pointer;font-weight:820}.play-button[aria-pressed=true]{background:var(--heat);border-color:#b65f3466}.weather-map{width:100%;height:min(68vh,680px);min-height:460px;background:var(--surface-strong)}.weather-marker{background:transparent;border:0}.weather-marker__body{display:grid;grid-template-columns:26px auto;align-items:center;gap:2px 5px;min-width:86px;border:1px solid rgba(31,37,32,.16);border-radius:12px;background:#fffdf8f0;box-shadow:0 10px 24px #1f252029;padding:6px;color:var(--ink)}.weather-marker__body img{grid-row:span 3;width:26px;height:26px}.weather-marker__body strong{color:var(--green);font-size:1rem;line-height:1}.weather-marker__body span,.weather-marker__body small{overflow:hidden;max-width:54px;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.64rem}.leaflet-popup-content{margin:10px 12px;color:var(--ink)}.leaflet-popup-content p{margin:5px 0 0;color:var(--muted)}@media(min-width:680px){.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:760px){.insight-shell .insight-hero{grid-template-columns:minmax(0,1fr) 280px!important;align-items:end}.insight-shell .insight-board,.insight-shell .insight-results{grid-template-columns:repeat(4,minmax(0,1fr))!important}.site-footer{grid-template-columns:minmax(0,1fr) auto;align-items:start}}@media(min-width:980px){.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.app-shell{padding-inline:12px}.site-header{top:6px;border-radius:16px}.site-header__actions .link-button{display:none}.section__header{align-items:start;flex-direction:column}.hero-weather{grid-template-columns:1fr}.row__metrics,.insight-shell .insight-list .row__metrics{grid-template-columns:1fr!important;justify-items:end;gap:4px}.insight-shell .insight-board,.insight-shell .insight-results{grid-template-columns:1fr!important}.insight-shell .insight-hero h1{max-width:100%}.weather-map{min-height:390px}}