@import "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css";@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}body{background:#151329;min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app{background:radial-gradient(at 77% 2%,#3d2e69 0%,#0000 37%),radial-gradient(at 10% 35%,#252044 0%,#0000 40%),#151329;min-height:100vh;position:relative;overflow:hidden}.ambient{filter:blur(85px);pointer-events:none;opacity:.22;border-radius:50%;position:absolute}.ambient-one{background:#8c70e9;width:360px;height:360px;top:100px;right:6%}.ambient-two{background:#4b8d9b;width:300px;height:300px;bottom:10%;left:-140px}.rain-layer{display:none}.topbar{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:82px;padding:0 4.3%;display:flex;position:relative}.brand,.top-actions{align-items:center;gap:13px;display:flex}.brand b{letter-spacing:-.5px;font:800 16px Manrope}.brand small{color:#a7a0c2;margin-top:3px;font-size:10px;display:block}.brand-mark{color:#282043;background:linear-gradient(145deg,#e5e0ff,#9280cb 54%,#66549f);border-radius:15px;place-items:center;width:43px;height:39px;display:grid;position:relative;transform:rotate(-3deg);box-shadow:inset 0 2px 2px #fff9,inset 0 -4px 7px #34265d,0 6px 20px #0004}.brand-mark:before{content:"";background:linear-gradient(145deg,#fff,#a99be1);border-radius:50%;width:28px;height:22px;position:absolute;top:-7px;left:6px;box-shadow:10px 1px 0 -2px #c5b9f3}.brand-mark span{z-index:1;text-shadow:0 1px 1px #fff8;font:900 17px Manrope}.logo-drop{background:#a9d9f4;border-radius:5px;width:3px;height:7px;position:absolute;bottom:-8px;box-shadow:0 1px 5px #8ec8f5}.d1{left:10px}.d2{bottom:-11px;left:22px}.d3{right:8px}.clock{text-align:right;margin-right:10px}.clock span{font:700 14px Manrope;display:block}.clock small{color:#a7a0c2;font-size:10px}.icon-button,.avatar{color:#eee9ff;background:#ffffff0a;border:1px solid #ffffff20;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.icon-button svg{width:18px}.avatar{color:#201a38;background:#8773c9;border:0;font-size:11px;font-weight:800}.layout{z-index:1;grid-template-columns:220px minmax(0,1fr);max-width:1500px;margin:auto;display:grid;position:relative}.sidebar{border-right:1px solid #ffffff12;flex-direction:column;min-height:calc(100vh - 82px);padding:32px 18px 22px 28px;display:flex}.nav-item{color:#aaa4c5;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;height:43px;margin-top:7px;padding:0 13px;font-size:12px;display:flex}.locations-label{justify-content:space-between;align-items:center;margin-top:38px;display:flex}.locations-label button{color:#d5cbff;background:0 0;border:0;font-size:19px}.location-item{color:#b8b1d0;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:10px 8px;font-size:12px;display:flex}.location-item i{background:#9ce5c0;border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-bottom{margin-top:auto}.mini-note{letter-spacing:1px;color:#9de0bd;background:#9de0bd0d;border:1px solid #9de0bd1c;border-radius:12px;padding:12px;font-size:8px}.mini-note small{color:#8f88aa;letter-spacing:0;margin:7px 0 0 13px;font-size:9px;display:block}.pulse,.live-dot{background:#8de3b4;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 10px #8de3b4}.main{width:100%;min-width:0;max-width:1200px;margin:auto;padding:32px clamp(22px,4vw,58px) 30px}.location-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px;display:flex}.location-row h1{letter-spacing:-1.2px;margin:8px 0 0;font:800 clamp(24px,3vw,34px) Manrope}.location-row h1 span{color:#a8a1c3;letter-spacing:0;margin-left:10px;font:400 12px DM Sans}.search-wrap{color:#a9a1c5;background:#ffffff09;border:1px solid #ffffff20;border-radius:12px;align-items:center;gap:9px;width:min(310px,42%);height:39px;padding:0 10px;display:flex;position:relative}.locate-button{color:#d8caff;background:#ffffff0b;border:1px solid #ffffff20;border-radius:7px;flex:0 0 25px;place-items:center;width:25px;height:25px;padding:0;display:grid}.locate-button:hover{color:#fff;background:#ffffff18}.search-wrap input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-wrap>button{color:#fff;background:#8d79d1;border:0;border-radius:8px;padding:6px 9px;font-size:10px}.search-results{z-index:9;background:#282343;border:1px solid #fff2;border-radius:12px;position:absolute;top:45px;left:0;right:0;overflow:hidden;box-shadow:0 15px 35px #0006}.search-results button{color:#fff;text-align:left;background:0 0;border:0;border-bottom:1px solid #ffffff12;justify-content:space-between;width:100%;padding:11px 13px;display:flex}.search-results span{color:#aaa2c8;font-size:10px}.hero-card{background:linear-gradient(115deg,#30294fdd,#403766aa 58%,#51447b88);border:1px solid #ffffff20;border-radius:23px;grid-template-rows:1fr auto;grid-template-columns:1fr 280px;min-height:300px;padding:27px 30px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 50px #08061735}.hero-card:after{content:"";pointer-events:none;background:linear-gradient(115deg,#ffffff08,#0000 50%);position:absolute;inset:0}.hero-copy{z-index:1;position:relative}.temperature{letter-spacing:-7px;margin-top:10px;font:500 clamp(65px,8vw,94px)/1.1 Manrope}.hero-copy h2{margin:0 0 5px;font:600 18px Manrope}.hero-copy p{color:#bcb4d5;margin:0;font-size:11px}.dot-sep{color:#8e83b9;padding:0 5px}.hero-tags{gap:17px;margin-top:23px;display:flex}.hero-tags span{color:#d5cfee;align-items:center;gap:6px;font-size:10px;display:flex}.hero-art{place-items:center;min-height:200px;display:grid;position:relative}.weather-orb{color:#ffe1a1;background:radial-gradient(circle at 35% 25%,#fff4c5,#d8a5f2 23%,#8a75c4 54%,#5b4b8a 72%);border-radius:50%;place-items:center;width:155px;height:155px;animation:5s ease-in-out infinite float;display:grid;box-shadow:0 0 65px #c5a7ff66,inset -15px -20px 35px #32205277,inset 8px 10px 22px #fff7}.orbit{border:1px solid #ffffff2b;border-radius:50%;width:220px;height:220px;position:absolute;transform:rotate(-25deg)scaleY(.4)}.orbit-b{border-color:#d5baff22;width:260px;height:260px;transform:rotate(50deg)scaleY(.42)}.orb-caption{text-align:center;letter-spacing:1.5px;color:#d9d0f2;font-size:8px;position:absolute;bottom:1px}.orb-caption small{letter-spacing:0;color:#a9a0c8;margin-top:4px;font-size:9px;display:block}.hero-foot{z-index:1;border-top:1px solid #ffffff20;grid-column:1/-1;justify-content:space-between;align-items:center;gap:15px;padding-top:15px;display:flex}.hero-foot>div:first-child{flex-direction:column;gap:6px;display:flex}.hero-foot span{letter-spacing:1.4px;color:#b6a9dc;font-size:8px;font-weight:700}.hero-foot b{color:#e5def8;font-size:11px;font-weight:500}.unit-toggle{background:#1b1730;border-radius:9px;padding:3px;display:flex}.unit-toggle button{color:#a59bbf;background:0 0;border:0;border-radius:7px;padding:5px 8px;font-size:10px}.unit-toggle button.chosen{color:#fff;background:#8b78d0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:13px;display:flex}.section-heading h3{letter-spacing:-.4px;margin:5px 0 0;font:700 17px Manrope}.text-button{color:#c7b8f5;background:0 0;border:0;font-size:10px}.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card{background:#ffffff08;border:1px solid #ffffff15;border-radius:16px}.hourly-scroll{scrollbar-width:thin;scrollbar-color:#7667a8 transparent;gap:0;display:flex;overflow-x:auto}.hour{color:#c6bddf;flex-direction:column;align-items:center;gap:9px;min-width:65px;padding:0 6px 12px;display:flex}.hour small{color:#a8a0c3;font-size:9px}.hour b{color:#fff;font:700 13px Manrope}.hour span{color:#a8a0c3;align-items:center;gap:3px;font-size:9px;display:flex}.hour.now small{color:#d4c7ff}.chart-wrap{height:112px;margin-top:2px}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:15px;display:grid}.metric-card{min-height:104px;padding:14px 15px}.metric-top{color:#a9a0c8;letter-spacing:1px;align-items:center;gap:7px;font-size:8px;display:flex}.metric-card>b{margin-top:12px;font:700 19px Manrope;display:block}.metric-card>small{color:#a69fbd;margin-top:3px;font-size:9px;display:block}.daily-card{padding:5px 16px}.daily-row{border-bottom:1px solid #ffffff10;grid-template-columns:1.1fr 30px 48px 1fr;align-items:center;gap:10px;min-height:48px;display:grid}.daily-row:last-child{border-bottom:0}.daily-row>b{font-size:11px}.rain-chance{color:#a99bcf;align-items:center;gap:3px;font-size:9px;display:flex}.range{color:#b9b1ce;align-items:center;gap:9px;font-size:10px;display:flex}.range strong{color:#fff}.range>div{background:linear-gradient(90deg,#6d83b8,#b69fe9,#e7bc91);border-radius:5px;flex:1;height:4px;position:relative}.range>div i{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.sun-strip{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:17px 20px;display:flex}.sun-strip>div:first-child,.sun-strip>div:last-child{align-items:center;gap:10px;display:flex}.sun-strip span{flex-direction:column;gap:4px;display:flex}.sun-strip small{letter-spacing:1px;color:#aaa2c4;font-size:8px}.sun-strip b{font-size:12px}.day-progress{flex-direction:column;flex:1;gap:8px;max-width:220px;display:flex}.day-progress>div{background:linear-gradient(90deg,#736ac2,#edb77d,#504a83);border-radius:4px;height:4px}footer{text-align:center;color:#7f789b;margin:30px 0 0;font-size:9px}footer span{color:#b7a6ed;padding:0 6px}.page-panel{background:#ffffff07;border:1px solid #ffffff18;border-radius:20px;padding:25px}.page-panel h2{margin:8px 0;font:700 28px Manrope}.muted{color:#aaa2c4;margin:0 0 22px;font-size:12px}.page-panel h3{margin:28px 0 12px;font:700 17px Manrope}.hour-detail{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.hour-detail>div{color:#c8c0dc;border:1px solid #ffffff12;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:12px;font-size:10px;display:flex}.hour-detail svg{color:#cbbcff;width:17px}.map-placeholder{background:radial-gradient(#544b7a,#252844 60%,#1d2639);border-radius:16px;place-items:center;height:310px;margin:20px 0;display:grid;position:relative;overflow:hidden}.map-grid{opacity:.3;background-image:linear-gradient(#a4a0cf22 1px,#0000 1px),linear-gradient(90deg,#a4a0cf22 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:-20%;transform:rotate(-15deg)}.map-pin{z-index:1;color:#f1dcff;text-shadow:0 3px 15px #000;flex-direction:column;align-items:center;gap:8px;display:flex}.map-placeholder>span{letter-spacing:2px;color:#c1b6e2;font-size:8px;position:absolute;bottom:18px}.map-layer-list{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.map-layer-list>div{background:#ffffff08;border-radius:10px;align-items:center;gap:9px;padding:13px;font-size:11px;display:flex}.map-layer-list span{color:#9e92c5;margin-left:auto;font-size:9px}.insight-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.insight-card{flex-direction:column;align-items:flex-start;gap:9px;padding:18px;display:flex}.insight-card>svg{color:#c7b6ff}.insight-card small{letter-spacing:1px;color:#aaa2c4;font-size:8px}.insight-card b{font:700 18px Manrope}.insight-card p{color:#aaa2c4;margin:0;font-size:10px;line-height:1.6}.error-banner{color:#ffc6c6;background:#ff9b9b15;border-radius:12px;margin-top:18px;padding:13px;font-size:11px}.error-banner button{float:right;color:#fff;background:0 0;border:0}.mobile-nav{display:none}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;background:#090713bb;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.settings-modal{background:#25203e;border:1px solid #ffffff25;border-radius:20px;width:min(480px,100%);padding:24px;box-shadow:0 25px 80px #0008}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head h2{margin:6px 0;font:700 21px Manrope}.setting-row{border-bottom:1px solid #ffffff13;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;display:flex}.setting-row b{font-size:12px;display:block}.setting-row small{color:#aaa2c4;margin-top:4px;font-size:10px;display:block}.setting-row strong{font-size:11px}.switch{background:#5a536e;border:0;border-radius:20px;width:39px;height:22px;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px}.switch.on:after{left:20px}.volume{accent-color:#b49af2;width:100%;margin:18px 0}.settings-note{color:#aaa2c4;margin:17px 0 0;font-size:10px;line-height:1.6}@keyframes float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-9px)rotate(3deg)}}@media (width<=900px){.layout{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-left:18px;padding-right:12px}.hero-card{grid-template-columns:1fr 210px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.topbar{height:68px;padding:0 17px}.brand-mark{width:38px;height:35px}.clock{display:none}.layout{display:block}.sidebar{display:none}.main{padding:23px 15px 100px}.location-row{flex-direction:column;align-items:flex-start;gap:14px}.location-row h1{font-size:27px}.search-wrap{width:100%}.hero-card{border-radius:19px;grid-template-columns:1fr 115px;min-height:255px;padding:21px 17px 15px}.temperature{letter-spacing:-5px;font-size:65px}.temperature span{font-size:17px}.hero-copy h2{font-size:15px}.hero-art{min-height:155px}.weather-orb{width:105px;height:105px}.weather-orb svg{width:65px}.orbit{width:150px;height:150px}.orbit-b{width:175px;height:175px}.orb-caption{font-size:7px}.hero-tags{flex-direction:column;gap:9px;margin-top:16px}.hero-foot{padding-top:12px}.hero-foot b{font-size:9px;line-height:1.5}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:8px}.metric-card{min-height:94px;padding:12px}.metric-card>b{font-size:17px}.daily-card{padding:4px 10px}.daily-row{grid-template-columns:.9fr 23px 39px 1fr;gap:6px}.daily-row>b{font-size:10px}.range{gap:5px;font-size:9px}.sun-strip{gap:8px;padding:14px 12px}.sun-strip svg{width:16px}.sun-strip b{font-size:10px}.day-progress{max-width:75px}.day-progress small{font-size:6px}.mobile-nav{z-index:10;padding:9px 6px max(9px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1d1932ef;border-top:1px solid #ffffff1c;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#968eae;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:3px 13px;font-size:9px;display:flex}.mobile-nav svg{width:19px}.mobile-nav button.active{color:#d8c9ff}.page-panel{padding:17px}.hour-detail{grid-template-columns:1fr}.map-placeholder{height:230px}.insight-grid{grid-template-columns:1fr}.section{margin-top:24px}footer{line-height:1.8}.top-actions{gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body{color:#172b3d;background:#eaf2f8}.app{--ink:#172b3d;--muted:#60758a;--line:#274b6621;--glass:#ffffff8a;--glass-strong:#ffffffb8;--accent:#4c83b5;--accent-soft:#4c83b521;min-height:100vh;color:var(--ink);background:linear-gradient(155deg,#d8eafa 0%,#eaf3f9 46%,#f4f7f8 100%);transition:background 1.2s,color .5s}.app.night{--ink:#f2f6fa;--muted:#c0ced9;--line:#ffffff24;--glass:#15273961;--glass-strong:#1426389e;--accent:#a9c9e5;--accent-soft:#a9c9e529;color:var(--ink);background:linear-gradient(155deg,#142a42 0%,#233f5a 52%,#405d73 100%)}.app.hot.night,.app.clear.night{background:linear-gradient(155deg,#172c4b,#304d70 55%,#6b8196)}.ambient,.rain-layer{display:none}.topbar{border-color:var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff21}.brand b,.clock span{color:var(--ink)}.brand small,.clock small{color:var(--muted)}.brand-mark{color:#315d7b;background:linear-gradient(145deg,#fff,#d5e8f5);border:1px solid #ffffffa8;transform:none;box-shadow:inset 0 1px 1px #fff,0 5px 14px #315c7b25}.icon-button,.avatar{border:1px solid var(--line);background:var(--glass);color:var(--ink)}.avatar{background:var(--accent);color:#fff}.sidebar{border-color:var(--line)}.side-label,.eyebrow,.nav-item{color:var(--muted)}.nav-item.active{background:var(--accent);color:#fff;box-shadow:0 7px 18px #315d7b25}.locations-label button,.location-item{color:var(--muted)}.location-item i{background:#46a77b}.mini-note{color:#39845f;background:#42a87912;border-color:#42a87925}.main,.location-row h1{color:var(--ink)}.location-row h1 span{color:var(--muted)}.search-wrap{border-color:var(--line);background:var(--glass);color:var(--muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-wrap input{color:var(--ink)}.search-wrap>button{background:var(--accent);color:#fff}.locate-button{border-color:var(--line);background:var(--glass);color:var(--accent)}.search-results{background:var(--glass-strong);border-color:var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 35px #24435a20}.search-results button:hover{background:var(--accent-soft)}.hero-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(125deg,#ffffff91,#ffffff45);border:1px solid #ffffffa8;box-shadow:0 18px 55px #264b661f}.night .hero-card{background:linear-gradient(125deg,#1023368c,#273e5257);border-color:#ffffff24;box-shadow:0 18px 55px #07132135}.hero-copy h2,.temperature,.hero-foot b{color:var(--ink)}.temperature span,.hero-copy p,.hero-tags span,.orb-caption{color:var(--muted)}.hero-foot{border-color:var(--line)}.hero-foot span{color:var(--muted)}.unit-toggle{background:#34536c17}.unit-toggle button{color:var(--muted)}.unit-toggle button.chosen{background:var(--accent);color:#fff}.section-heading h3,.section-heading{color:var(--ink)}.text-button{color:var(--accent)}.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card,.page-panel{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 28px #284c650b}.hourly-card{background:var(--glass-strong)}.hour{color:var(--ink)}.hour small,.hour span{color:var(--muted)}.hour svg,.daily-row>svg{color:var(--accent)}.hour b{color:var(--ink)}.metric-top{color:var(--muted)}.metric-top svg{color:var(--accent)}.metric-card>b{color:var(--ink)}.metric-card>small{color:var(--muted)}.daily-row{border-color:var(--line)}.daily-row>b,.range strong{color:var(--ink)}.rain-chance,.range{color:var(--muted)}.sun-strip svg{color:var(--accent)}.sun-strip small{color:var(--muted)}.sun-strip b{color:var(--ink)}.hour-detail>div,.map-layer-list>div{color:var(--ink);border-color:var(--line);background:var(--glass)}.map-placeholder{background:linear-gradient(145deg,#a9c9db,#d5e3e8)}.map-grid{opacity:.35}.map-placeholder>span{color:#49677e}.map-pin{color:#254e6a;text-shadow:none}.map-layer-list span,footer{color:var(--muted)}.settings-modal{background:var(--glass-strong);color:var(--ink);border-color:var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mobile-nav{background:var(--glass-strong);border-color:var(--line);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.mobile-nav button{color:var(--muted)}.error-banner{color:#9d3434;background:#d65b5b18}.error-banner button{color:inherit}.garden-scene{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:18px;justify-content:center;align-items:center;width:100%;height:225px;display:flex;position:relative;overflow:hidden}.garden-scene:active{cursor:grabbing}.garden-sky-glow{filter:blur(42px);opacity:.45;background:#f6dba6;border-radius:50%;width:210px;height:150px;position:absolute;top:5px;left:50%;transform:translate(-50%)}.garden-rain .garden-sky-glow,.garden-storm .garden-sky-glow,.garden-fog .garden-sky-glow{background:#a6c6d7}.garden-snow .garden-sky-glow{background:#d9eef5}.garden-night .garden-sky-glow{opacity:.16;background:#9abbdc}.garden-diorama{width:min(100%,340px);height:100%;transform-style:preserve-3d;will-change:transform;place-items:center;transition:filter .4s;display:grid;position:relative}.garden-svg{filter:drop-shadow(0 18px 12px #253d4929);width:100%;height:100%;overflow:visible}.garden-caption{text-align:center;pointer-events:none;position:absolute;bottom:5px;left:0;right:0}.garden-caption span{letter-spacing:1.5px;color:var(--muted);font-size:8px;font-weight:800;display:block}.garden-caption small{color:var(--muted);opacity:.85;margin-top:4px;font-size:9px;display:block}.garden-night .garden-caption span,.garden-night .garden-caption small{color:#d6e5ef}.garden-rain .garden-svg{filter:drop-shadow(0 18px 12px #253d4933)saturate(.88)}.garden-hot .garden-svg{filter:drop-shadow(0 18px 12px #50351929)saturate(.86)}.garden-storm .garden-svg{filter:drop-shadow(0 18px 12px #121f2d40)brightness(.88)}@media (width<=900px){.hero-card{grid-template-columns:1fr 250px}}@media (width<=650px){.hero-card{grid-template-columns:1fr 132px}.garden-scene{height:180px}.garden-diorama{width:145%}.garden-caption{bottom:0}.hero-copy h2{color:var(--ink)}.night .hero-copy h2,.night .temperature,.night .hero-foot b{color:#f2f6fa}.night .hero-copy p,.night .hero-tags span,.night .hero-foot span{color:#c0ced9}}@media (prefers-reduced-motion:reduce){.app,.garden-diorama{transition:none}}.app.cloud.night{background:linear-gradient(155deg,#1d354a,#344f63 58%,#5c7383)}.garden-cloud .garden-sky-glow{background:#c3d7e2}.app:before,.app:after{content:"";pointer-events:none;z-index:0;position:fixed;inset:0}.app:before{opacity:0;background-image:radial-gradient(2px 2px at 12% 18%,#fff 50%,#0000 65%),radial-gradient(1px 1px at 26% 42%,#fff 50%,#0000 65%),radial-gradient(2px 2px at 73% 14%,#fff 50%,#0000 65%),radial-gradient(1px 1px at 84% 33%,#fff 50%,#0000 65%),radial-gradient(1.5px 1.5px at 57% 9%,#fff 50%,#0000 65%),radial-gradient(1px 1px at 92% 66%,#fff 50%,#0000 65%),radial-gradient(1px 1px at 39% 78%,#fff 50%,#0000 65%);background-size:100% 100%;animation:5s ease-in-out infinite alternate skyTwinkle}.app.night:before{opacity:.8}.app:after{opacity:.25;mix-blend-mode:screen;background:radial-gradient(at 78% 5%,#ffffff7a,#0000 25%)}.app.clear.day:after,.app.hot.day:after{opacity:.8;background:radial-gradient(circle at 80% 8%,#ffe7adc7,#0000 20%),radial-gradient(at 80% 0,#ffffff47,#0000 35%)}.app.storm:after{opacity:0;background:linear-gradient(110deg,#0000 40%,#dfefff00 48%,#dfefffa6 50%,#0000 53%);animation:8s infinite stormFlash}.app.rain:after{opacity:.3;background:repeating-linear-gradient(108deg,#0000 0 34px,#ffffff21 35px,#0000 37px);animation:1.3s linear infinite rainDrift}@keyframes skyTwinkle{0%{opacity:.45}to{opacity:.95}}@keyframes stormFlash{0%,92%,95%,to{opacity:0}93%{opacity:.65}94%{opacity:.12}}@keyframes rainDrift{0%{background-position:0 0}to{background-position:-35px 80px}}.layout,.topbar{z-index:1}.hero-card{grid-template-rows:1fr auto;grid-template-columns:minmax(210px,.85fr) minmax(320px,1.15fr);min-height:390px;padding:28px 32px;position:relative;overflow:hidden}.hero-card:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(at 76% 42%,#ffffff7a,#0000 42%),linear-gradient(125deg,#ffffff2e,#0000 60%);position:absolute;inset:0}.night .hero-card:before{background:radial-gradient(at 76% 42%,#8fb1d833,#0000 45%),linear-gradient(125deg,#ffffff14,#0000 60%)}.hero-copy,.hero-art,.hero-foot{z-index:1;position:relative}.hero-copy .eyebrow{letter-spacing:1.6px;font-size:10px;font-weight:700}.temperature{letter-spacing:-7px;font-size:clamp(76px,8vw,112px);font-weight:300;line-height:.98}.hero-copy h2{letter-spacing:-.7px;margin:8px 0 5px;font-size:clamp(20px,2.2vw,29px);font-weight:600}.hero-copy p{font-size:13px}.garden-scene{background:linear-gradient(#ffffff1f,#ffffff05);border:1px solid #ffffff3d;border-radius:22px;width:100%;height:100%;min-height:290px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff61,0 15px 40px #22435c14}.night .garden-scene{background:linear-gradient(#0815262e,#0815260a);border-color:#ffffff1f}.garden-webgl-host{cursor:grab;touch-action:none;position:absolute;inset:0}.garden-webgl-host:active{cursor:grabbing}.garden-webgl-canvas{outline:none;width:100%;height:100%;display:block}.garden-scene-label{z-index:2;pointer-events:none;text-shadow:0 1px 8px #00000040;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:14px;left:18px;right:18px}.garden-scene-label span{letter-spacing:1.4px;color:#fff;font-size:9px;font-weight:800}.garden-scene-label small{color:#ffffffd1;font-size:9px}.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card,.page-panel{box-shadow:0 12px 34px #2a4d6512}.section-heading h3{letter-spacing:-.5px}@media (width<=900px){.hero-card{grid-template-columns:minmax(0,.9fr) minmax(250px,1.1fr);min-height:340px}.hero-art,.garden-scene{min-height:250px}}@media (width<=650px){.hero-card{grid-template-columns:minmax(0,1fr) minmax(130px,.8fr);min-height:280px;padding:20px 16px}.hero-art,.garden-scene{min-height:220px}.garden-scene-label{display:block;bottom:8px;left:9px;right:9px}.garden-scene-label small{margin-top:4px;display:block}.temperature{letter-spacing:-4px;font-size:64px}.hero-copy .eyebrow{font-size:8px}.hero-copy h2{font-size:17px}.hero-copy p{font-size:10px}.hero-tags{flex-wrap:wrap;gap:5px}.hero-foot{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.app:before,.app:after{animation:none}}.app{--glass-blur:22px;--glass-edge:#ffffff6b;--glass-highlight:#ffffff52}.topbar,.mobile-nav,.search-wrap,.search-results,.hero-card,.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card,.page-panel,.icon-button,.locate-button,.unit-toggle,.settings-modal,.garden-scene{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(165%)}.hero-card,.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card,.page-panel,.garden-scene,.search-wrap,.icon-button,.locate-button{border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-highlight),0 14px 42px #18314417}.hero-card{background:linear-gradient(135deg,#ffffff7a,#ffffff26)}.night .hero-card,.night .hourly-card,.night .daily-card,.night .metric-card,.night .sun-strip,.night .insight-card,.night .page-panel{background:linear-gradient(135deg,#ffffff1f,#ffffff09);border-color:#ffffff2b;box-shadow:inset 0 1px #ffffff2b,0 18px 48px #0000001f}.app.clear{--accent:#e3a94e;--accent-soft:#e3a94e29}.app.hot{--accent:#c77a3e;--accent-soft:#c77a3e29}.app.cloud{--accent:#7799ae;--accent-soft:#7799ae29}.app.rain{--accent:#548cae;--accent-soft:#548cae2b}.app.fog{--accent:#8199a5;--accent-soft:#8199a52b}.app.snow{--accent:#75a8c7;--accent-soft:#75a8c72e}.app.storm{--accent:#8b9eb8;--accent-soft:#8b9eb833}.app.storm .hero-card,.app.storm .garden-scene{background:linear-gradient(135deg,#25364952,#5b6f852e)}.app.rain .hero-card{background:linear-gradient(135deg,#dbedf86b,#789fb72e)}.app.snow .hero-card{background:linear-gradient(135deg,#ffffffa8,#b9dcee33)}.app.hot .hero-card{background:linear-gradient(135deg,#fff6de9e,#eeb87730)}.app.night .topbar,.app.night .mobile-nav{background:#0d1d2e7a;border-color:#ffffff26}.app.night .icon-button,.app.night .search-wrap,.app.night .unit-toggle{background:#ffffff17}.hero-card,.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card,.page-panel,.garden-scene{transition:background .9s,border-color .7s,box-shadow .7s,transform .35s}.metric-card:hover,.insight-card:hover{transform:translateY(-2px)}.garden-webgl-host{contain:layout paint size;will-change:transform}.garden-webgl-canvas{image-rendering:auto;transform:translateZ(0)}@media (width<=650px){:root{--glass-blur:18px}.hero-card{-webkit-backdrop-filter:blur(18px)saturate(155%);backdrop-filter:blur(18px)saturate(155%)}.garden-webgl-host{touch-action:pan-y}}@media (prefers-reduced-motion:reduce){.hero-card,.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card,.page-panel,.garden-scene{transition:none}}.app{--glass-blur:26px;--glass-fill:#f4f9fdf5;--glass-top:#fffffffc;--glass-edge:#fffffff2;--glass-shadow:#1f3a4e24}.app.night{--glass-fill:#1e3042f5;--glass-top:#4b6277e6;--glass-edge:#cce2f440;--glass-shadow:#00000047}.topbar,.mobile-nav,.search-wrap,.search-results,.hero-card,.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card,.page-panel,.icon-button,.locate-button,.settings-modal,.garden-scene{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(145%);backdrop-filter:blur(var(--glass-blur)) saturate(145%)}.topbar{background:var(--glass-fill);border-bottom:1px solid var(--glass-edge);box-shadow:0 5px 24px var(--glass-shadow),inset 0 1px 0 var(--glass-top)}.hero-card,.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card,.page-panel,.garden-scene,.search-wrap,.icon-button,.locate-button,.settings-modal{background:linear-gradient(145deg,var(--glass-top) 0%,var(--glass-fill) 48%,color-mix(in srgb,var(--glass-fill) 82%,var(--accent) 18%) 100%);border:1px solid var(--glass-edge);box-shadow:inset 0 1.5px 0 #fffffff5,inset 0 -1px 0 #5e7e961a,0 12px 32px var(--glass-shadow)}.hero-card:after,.metric-card:after,.hourly-card:after,.daily-card:after,.page-panel:after{content:"";pointer-events:none;border-radius:inherit;opacity:.72;background:linear-gradient(118deg,#ffffff85 0%,#ffffff1f 22%,#0000 43%,#ffffff24 78%,#0000 100%);position:absolute;inset:0}.night .hero-card,.night .hourly-card,.night .daily-card,.night .metric-card,.night .sun-strip,.night .insight-card,.night .page-panel,.night .settings-modal{background:linear-gradient(145deg,#6f889deb,#203345f7 52%,#273d50f5);border-color:#dceefa47;box-shadow:inset 0 1.5px #ffffff3d,inset 0 -1px #0000001f,0 16px 38px #0000003d}.metric-card,.hourly-card,.daily-card,.page-panel{position:relative;overflow:hidden}.metric-card>*,.hourly-card>*,.daily-card>*,.page-panel>*{z-index:1;position:relative}.search-wrap,.icon-button,.locate-button{background:linear-gradient(145deg,var(--glass-top),var(--glass-fill))}.garden-scene{background:linear-gradient(145deg,#ffffff6b,#d6e8f53d);box-shadow:inset 0 1px #fffc,0 18px 40px #2241581f}.night .garden-scene{background:linear-gradient(145deg,#6c89a452,#12243780)}.settings-modal{background:linear-gradient(145deg,var(--glass-top),var(--glass-fill));box-shadow:inset 0 1px #fff,0 24px 80px #08182640}@media (width>=1200px){.layout{grid-template-columns:230px minmax(0,1fr);gap:34px;max-width:1540px;margin:0 auto}.main{max-width:1280px;padding:34px 44px 70px}.topbar{padding-left:max(32px,50vw - 770px);padding-right:max(32px,50vw - 770px)}.hero-card{grid-template-columns:minmax(300px,.8fr) minmax(440px,1.2fr);min-height:410px;padding:36px 42px}.hero-art,.garden-scene{min-height:320px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hourly-card{padding:24px}.section{margin-top:34px}}@media (width>=651px) and (width<=1199px){.layout{grid-template-columns:170px minmax(0,1fr);gap:14px}.main{padding:24px 20px 60px}.hero-card{grid-template-columns:minmax(0,.85fr) minmax(220px,1.15fr);min-height:340px;padding:24px}.hero-art,.garden-scene{min-height:260px}}@media (width<=650px){.topbar{background:var(--glass-fill);padding-left:15px;padding-right:15px}.layout{width:100%;display:block}.main{padding:20px 14px calc(94px + env(safe-area-inset-bottom))}.hero-card{grid-template-columns:minmax(0,1fr) 118px;gap:4px;min-height:260px;padding:19px 15px 14px}.hero-art,.garden-scene{min-height:190px}.garden-scene-label{bottom:8px;left:8px;right:8px}.garden-scene-label span,.garden-scene-label small{font-size:8px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{min-width:0}.hourly-card{overscroll-behavior-x:contain;overflow-x:auto}.mobile-nav{background:var(--glass-fill);box-shadow:0 -8px 28px var(--glass-shadow)}}@media (prefers-reduced-motion:reduce){.app,.hero-card,.metric-card,.hourly-card,.daily-card,.page-panel{transition:none!important}}.chart-switcher{border:1px solid var(--line);background:var(--glass);border-radius:999px;align-items:center;gap:6px;width:max-content;max-width:100%;margin:0 0 10px;padding:4px;display:flex;box-shadow:inset 0 1px #ffffff8c}.chart-switcher button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:650;transition:background .2s,color .2s,box-shadow .2s}.chart-switcher button:hover{color:var(--ink);background:var(--accent-soft)}.daily-wind{color:var(--muted);grid-column:1/-1;align-items:center;gap:4px;margin-top:-5px;font-size:10px;display:flex}.daily-wind svg{color:var(--accent)}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 68%,white);outline-offset:3px}button{-webkit-tap-highlight-color:transparent}.chart-wrap{min-height:160px}.hourly-scroll{scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent}.metric-card,.insight-card,.daily-row,.hour{transition:background .22s,border-color .22s,transform .22s}@media (hover:hover) and (pointer:fine){.metric-card:hover,.insight-card:hover{box-shadow:0 16px 36px var(--glass-shadow);transform:translateY(-3px)}.chart-switcher button:hover{transform:translateY(-1px)}}@media (width<=650px){.chart-switcher{justify-content:space-between;width:100%}.chart-switcher button{flex:1;padding:9px 6px;font-size:10px}.daily-wind{font-size:9px}}@media (prefers-reduced-motion:reduce){.chart-switcher button,.metric-card,.insight-card,.daily-row,.hour{transition:none!important}}.weather-map-panel{border:1px solid var(--line);background:var(--glass);box-shadow:0 12px 34px var(--glass-shadow);border-radius:18px;overflow:hidden}.weather-map-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.weather-map-head b{color:var(--ink);font-size:13px;display:block}.weather-map-head small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.weather-map-head>span{letter-spacing:1px;color:var(--accent);font-size:9px;font-weight:800}.weather-map-canvas{z-index:0;background:#dbe5e8;width:100%;height:clamp(300px,48vh,520px)}.weather-map-canvas .leaflet-control-attribution{font-size:9px}.weather-map-canvas .leaflet-control-zoom a{color:#24394b}.radar-controls{background:var(--glass-fill);align-items:center;gap:12px;padding:13px 16px;display:flex}.radar-controls button{border:1px solid var(--line);background:var(--glass-top);color:var(--ink);cursor:pointer;border-radius:999px;flex:none;padding:8px 15px;font-size:11px;font-weight:700}.radar-controls button:disabled{opacity:.45;cursor:not-allowed}.radar-controls input{min-width:0;accent-color:var(--accent);flex:1}.radar-controls>span{text-align:right;min-width:62px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.map-disclaimer{color:var(--muted);margin:0;padding:0 16px 14px;font-size:10px;line-height:1.6}.map-disclaimer a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}@media (width<=650px){.weather-map-canvas{height:340px}.weather-map-head{padding:13px}.radar-controls{gap:8px;padding:12px}.radar-controls button{padding:8px 10px;font-size:10px}.radar-controls>span{min-width:50px;font-size:9px}}.saved-location-row{align-items:center;gap:3px;min-width:0;margin:0;display:flex}.saved-location-row .location-item{flex:1;width:100%;min-width:0}.saved-location-row .location-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remove-location{width:26px;height:26px;color:var(--muted);opacity:.58;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;place-items:center;display:grid}.remove-location:hover{background:var(--accent-soft);color:var(--ink);opacity:1}@media (hover:none){.remove-location{opacity:.85}}.daily-row{grid-template-columns:minmax(0,1.1fr) 30px minmax(80px,auto) minmax(110px,1fr)}.rain-chance{white-space:nowrap;min-width:0}.search-message{color:var(--muted);margin:0;padding:12px 14px;font-size:11px}.refresh-button:disabled{opacity:.5;cursor:wait}@media (width<=650px){.daily-row{grid-template-columns:minmax(0,1fr) 22px minmax(70px,auto) minmax(90px,1fr);gap:6px}}.chart-loading{height:100%;color:var(--muted);place-items:center;font-size:11px;display:grid}.forecast-day-select{color:var(--muted);align-items:center;gap:10px;margin:16px 0;font-size:11px;font-weight:650;display:flex}.forecast-day-select select{border:1px solid var(--line);background:var(--glass-strong);max-width:min(100%,280px);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;padding:9px 32px 9px 12px}.forecast-day-select select:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width<=650px){.forecast-day-select{flex-direction:column;align-items:flex-start;gap:7px}.forecast-day-select select{width:100%;max-width:none}}:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;background:#142d49;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,sans-serif}html{background:#142d49}body{color:#fff;background:#142d49;margin:0}.app{--ink:#fff;--muted:#f4f9ffc2;--line:#ffffff2b;--glass:#0c233a40;--glass-strong:#0c233a61;--accent:#d9edff;--accent-soft:#daefff26;color:#fff;background:linear-gradient(160deg,#347bb0 0%,#245b8a 38%,#173c62 100%);min-height:100vh;transition:background 1.2s;overflow:hidden}.app.clear.day{background:radial-gradient(at 78% 7%,#ffe29ce0,#0000 28%),linear-gradient(160deg,#4e9bd0 0%,#327db4 44%,#24547e 100%)}.app.hot.day{background:radial-gradient(at 80% 8%,#ffd187eb,#0000 30%),linear-gradient(160deg,#c88751 0%,#a96f50 43%,#654c56 100%)}.app.cloud.day{background:linear-gradient(160deg,#9ab8cb 0%,#668ba6 48%,#345a78 100%)}.app.rain.day,.app.fog.day{background:linear-gradient(160deg,#718da3 0%,#486b86 48%,#263f5c 100%)}.app.snow.day{background:linear-gradient(160deg,#a9cbdc 0%,#6f9ab5 48%,#365b7a 100%)}.app.storm.day{background:linear-gradient(160deg,#596c80 0%,#354b63 48%,#1c2d45 100%)}.app.night{background:radial-gradient(at 78% 0,#5478a65c,#0000 34%),linear-gradient(160deg,#142d4c 0%,#10243d 54%,#0b1a30 100%)}.app.rain.night{background:linear-gradient(160deg,#1b3854,#132a43 55%,#0b1b30)}.app.snow.night{background:linear-gradient(160deg,#304f6a,#1d3a55 55%,#10243c)}.app.storm.night{background:linear-gradient(160deg,#202f43,#152438 55%,#0b1425)}.app:before{opacity:.25;mix-blend-mode:screen}.app:after{opacity:.22}.app.rain:after{opacity:.2}.topbar{height:76px;box-shadow:none;-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);background:#07192c1f;border-bottom:1px solid #ffffff24;padding:0 clamp(20px,4vw,64px)}.brand{gap:12px}.brand b{letter-spacing:-.45px;color:#fff;font-size:16px;font-weight:650}.brand small{color:#ffffffa8;font-size:10px}.brand-mark{color:#fff;background:#fff3;border:1px solid #ffffff59;border-radius:13px;width:38px;height:38px;box-shadow:inset 0 1px #ffffff61,0 5px 18px #0000001f}.brand-mark:before{display:none}.logo-drop{box-shadow:none;background:#d9f0ff}.clock span{color:#fff;font-size:13px;font-weight:600}.clock small{color:#ffffffa8}.icon-button,.avatar{color:#fff;background:#ffffff1f;border:1px solid #ffffff38;border-radius:50%;width:38px;height:38px;transition:background .2s,transform .2s}.icon-button:hover,.avatar:hover{background:#ffffff3b;transform:translateY(-1px)}.avatar{background:#fff3;font-size:10px}.layout{grid-template-columns:210px minmax(0,1fr);gap:26px;max-width:1440px;padding:0 28px}.sidebar{border-right:1px solid #ffffff24;min-height:calc(100vh - 76px);padding:34px 12px 24px 4px}.side-label,.eyebrow{letter-spacing:1.15px;color:#f5faffa8;font-size:10px;font-weight:650}.nav-item{color:#f5faffb8;border-radius:12px;height:44px;margin-top:6px;font-size:13px;transition:background .2s,color .2s}.nav-item svg{width:18px;height:18px}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{color:#fff;background:#fff3;box-shadow:inset 0 1px #ffffff2b}.locations-label{margin-top:34px}.locations-label button{color:#fff}.location-item{color:#f5faffb3;border-radius:10px;font-size:12px}.location-item.selected{color:#fff;background:#ffffff24}.location-item i,.pulse,.live-dot{background:#9ef2c0;box-shadow:0 0 12px #9ef2c0cc}.remove-location{color:#ffffffb8}.mini-note{color:#baf4d0;background:#ffffff17;border:1px solid #ffffff24;border-radius:12px}.mini-note small{color:#ffffff9e}.main{max-width:1160px;padding:30px 24px 58px}.location-row{align-items:center;margin-bottom:24px}.location-row h1{letter-spacing:-1.1px;color:#fff;margin-top:7px;font-size:clamp(27px,3vw,36px);font-weight:650}.location-row h1 span{color:#ffffffad;font-size:12px}.search-wrap{color:#ffffffbf;background:#0a203633;border:1px solid #fff3;border-radius:22px;width:min(340px,44%);height:42px;padding:0 12px}.search-wrap input{color:#fff;font-size:12px}.search-wrap input::placeholder{color:#ffffff8f}.search-wrap>button{color:#fff;background:#fff3;border-radius:18px;padding:6px 12px}.locate-button{color:#fff;background:#ffffff1f;border-color:#fff3}.search-results{background:#10273df5;border:1px solid #ffffff2e;border-radius:15px}.search-results button{color:#fff;border-color:#ffffff1a}.search-results span{color:#ffffffa6}.hero-card{-webkit-backdrop-filter:blur(24px)saturate(135%);backdrop-filter:blur(24px)saturate(135%);background:linear-gradient(125deg,#08233c40,#ffffff14);border:1px solid #ffffff3b;border-radius:26px;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);min-height:350px;padding:30px 34px 18px;box-shadow:0 22px 60px #05172824,inset 0 1px #ffffff40}.hero-card:before{opacity:1;background:radial-gradient(at 78% 38%,#fff3,#0000 44%)}.hero-card:after{background:linear-gradient(115deg,#ffffff17,#0000 52%)}.hero-copy{align-self:center}.hero-copy .eyebrow{color:#ffffffb8;font-size:10px}.temperature{letter-spacing:-8px;color:#fff;margin:12px 0 5px;font-size:clamp(82px,9vw,118px);font-weight:200;line-height:.98}.temperature span{letter-spacing:-1px;color:#ffffffd1;vertical-align:top;margin-left:8px;font-size:25px}.hero-copy h2{letter-spacing:-.65px;color:#fff;margin:7px 0;font-size:clamp(20px,2.1vw,27px);font-weight:550}.hero-copy p{color:#ffffffc7;font-size:13px}.hero-tags{gap:16px;margin-top:19px}.hero-tags span{color:#ffffffdb;font-size:11px}.hero-tags svg{color:#fff}.hero-art{align-self:stretch;min-height:275px}.garden-scene{background:linear-gradient(#ffffff1a,#05172a1f);border:1px solid #ffffff26;border-radius:22px;height:100%;min-height:275px;box-shadow:inset 0 1px #fff3}.garden-scene-label span{color:#fff;font-size:9px}.garden-scene-label small{color:#ffffffc7}.hero-foot{border-top:1px solid #fff3;padding-top:15px}.hero-foot span{color:#ffffff9e;font-size:9px}.hero-foot b{color:#fff;font-size:12px;font-weight:500;line-height:1.5}.unit-toggle{background:#03142547;border:1px solid #ffffff29;border-radius:20px;padding:3px}.unit-toggle button{color:#ffffffad;border-radius:16px;padding:6px 10px}.unit-toggle button.chosen{color:#fff;background:#ffffff40;box-shadow:inset 0 1px #fff3}.section{margin-top:27px}.section-heading{margin-bottom:12px}.section-heading h3{letter-spacing:-.55px;color:#fff;margin-top:5px;font-size:19px;font-weight:650}.text-button{color:#ffffffe0;font-size:11px}.text-button:hover{text-underline-offset:3px;text-decoration:underline}.chart-switcher{box-shadow:none;background:#071b2e33;border:1px solid #ffffff29}.chart-switcher button{color:#ffffffb3;font-size:11px}.chart-switcher button.active{color:#fff;background:#fff3;box-shadow:inset 0 1px #fff3}.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card,.page-panel{-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#071d323d;border:1px solid #ffffff29;box-shadow:inset 0 1px #ffffff1a,0 12px 35px #0414241a}.hourly-card{padding:17px 15px 12px}.hourly-scroll{scrollbar-color:#ffffff40 transparent}.hour{color:#ffffffe0;gap:10px;min-width:68px;padding-bottom:13px}.hour small,.hour span{color:#ffffffad;font-size:10px}.hour svg{color:#fff}.hour b{color:#fff;font-size:14px}.chart-wrap{height:128px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.metric-card{border-radius:18px;min-height:112px;padding:16px}.metric-top{color:#ffffffa6;letter-spacing:.9px;font-size:9px}.metric-top svg{color:#ffffffe6;width:16px}.metric-card>b{letter-spacing:-.5px;color:#fff;margin-top:13px;font-size:21px;font-weight:600}.metric-card>small{color:#ffffffa6;font-size:10px}.daily-card{border-radius:18px;padding:5px 18px}.daily-row{border-color:#ffffff1f;grid-template-columns:minmax(0,1.1fr) 32px minmax(90px,auto) minmax(110px,1fr);min-height:54px}.daily-row>b,.range strong{color:#fff;font-size:12px}.daily-row>svg{color:#fff}.rain-chance,.range{color:#ffffffb3;font-size:10px}.range>div{background:linear-gradient(90deg,#83b8e7,#c4d5e5,#f4d38f)}.range>div i{box-shadow:0 0 0 2px #ffffff38}.daily-wind{color:#ffffffa6}.sun-strip{border-radius:18px;margin-top:18px;padding:18px 22px}.sun-strip svg{color:#ffe0a0;width:22px}.sun-strip small{color:#ffffff9e;font-size:9px}.sun-strip b{color:#fff;font-size:13px}.day-progress>div{background:linear-gradient(90deg,#7eadd6,#f7d18c,#a1b9d0)}.day-progress small{color:#fff9}.page-panel{border-radius:22px;padding:26px}.page-panel h2,.page-panel h3{color:#fff}.muted{color:#ffffffad}.forecast-day-select{color:#ffffffb8}.forecast-day-select select{color:#fff;background:#05182b59;border-color:#fff3}.forecast-day-select option{color:#fff;background:#183650}.hour-detail>div,.map-layer-list>div{color:#fff;background:#ffffff12;border-color:#ffffff21}.hour-detail svg,.insight-card>svg{color:#dcefff}.insight-card small,.insight-card p{color:#ffffffad}.insight-card b{color:#fff}.weather-map-panel{background:#05182b4d;border-color:#ffffff29}.weather-map-head{border-color:#ffffff24}.weather-map-head b{color:#fff}.weather-map-head small{color:#ffffffa6}.weather-map-head>span{color:#dcefff}.radar-controls{background:#05182b47}.radar-controls button{color:#fff;background:#ffffff1f;border-color:#fff3}.radar-controls>span,.map-disclaimer{color:#ffffffa6}.map-disclaimer a{color:#fff}footer{color:#ffffff85;font-size:10px}footer span{color:#ffffffd9}.error-banner{color:#ffe2e2;background:#821e1e47;border:1px solid #ffffff29}.modal-backdrop{background:#030d199e}.settings-modal{color:#fff;background:#0f273df5;border:1px solid #fff3}.modal-head h2,.setting-row b,.setting-row strong{color:#fff}.setting-row{border-color:#ffffff21}.setting-row small,.settings-note{color:#ffffffa6}.switch{background:#ffffff40}.switch.on{background:#80bce7}.volume{accent-color:#b6dcf7}.mobile-nav{-webkit-backdrop-filter:blur(28px)saturate(140%);backdrop-filter:blur(28px)saturate(140%);background:#081b2ed1;border-top:1px solid #ffffff2b;box-shadow:0 -10px 30px #00000021}.mobile-nav button{color:#ffffffa3;font-size:9px}.mobile-nav button.active{color:#fff}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #ffffffe6}@media (width>=1200px){.layout{grid-template-columns:205px minmax(0,1fr);gap:30px}.main{max-width:1160px;padding:32px 30px 68px}.hero-card{min-height:370px;padding:30px 36px 18px}.hero-art,.garden-scene{min-height:290px}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.layout{grid-template-columns:165px minmax(0,1fr);gap:14px;padding:0 14px}.main{padding:24px 14px 60px}.hero-card{grid-template-columns:minmax(0,.95fr) minmax(220px,1.05fr);min-height:320px;padding:23px}.hero-art,.garden-scene{min-height:240px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.topbar{height:66px;padding:0 16px}.brand-mark{width:35px;height:35px}.brand small{display:none}.top-actions{gap:7px}.clock{display:none}.layout{padding:0;display:block}.sidebar{display:none}.main{padding:21px 14px calc(100px + env(safe-area-inset-bottom));max-width:none}.location-row{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}.location-row h1{font-size:29px}.search-wrap{width:100%;height:43px}.hero-card{border-radius:22px;grid-template-columns:minmax(0,1fr) 112px;gap:4px;min-height:260px;padding:19px 15px 14px}.hero-art,.garden-scene{min-height:188px}.temperature{letter-spacing:-5px;margin-top:9px;font-size:65px}.temperature span{font-size:18px}.hero-copy h2{font-size:16px}.hero-copy p{font-size:10px;line-height:1.5}.hero-tags{flex-direction:column;gap:7px;margin-top:13px}.hero-tags span{font-size:9px}.garden-scene-label{display:block;bottom:8px;left:8px;right:8px}.garden-scene-label span{font-size:7px}.garden-scene-label small{margin-top:3px;font-size:7px;display:block}.hero-foot{grid-column:1/-1;gap:9px;padding-top:11px}.hero-foot b{font-size:9px;line-height:1.45}.hero-foot span{font-size:7px}.unit-toggle button{padding:5px 8px}.section{margin-top:23px}.section-heading h3{font-size:17px}.section-heading .eyebrow{font-size:8px}.chart-switcher{justify-content:space-between;width:100%}.chart-switcher button{flex:1;padding:8px 5px;font-size:9px}.hourly-card{padding:13px 10px 9px}.hour{gap:8px;min-width:61px}.chart-wrap{height:110px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{border-radius:15px;min-height:98px;padding:13px}.metric-card>b{margin-top:10px;font-size:19px}.metric-card>small{font-size:9px;line-height:1.4}.daily-card{padding:4px 10px}.daily-row{grid-template-columns:minmax(0,1fr) 22px minmax(64px,auto) minmax(82px,1fr);gap:6px;min-height:50px}.daily-row>b{font-size:10px}.rain-chance{font-size:8px}.range{gap:5px;font-size:9px}.daily-wind{font-size:8px}.sun-strip{gap:7px;padding:13px 10px}.sun-strip svg{width:17px}.sun-strip b{font-size:10px}.sun-strip small{font-size:7px}.day-progress{max-width:68px}.day-progress small{font-size:6px}.page-panel{padding:16px}.hour-detail,.insight-grid{grid-template-columns:1fr}.weather-map-canvas{height:330px}.radar-controls{gap:8px;padding:10px}.radar-controls button{padding:8px 10px;font-size:10px}.mobile-nav{z-index:10;padding:9px 6px max(9px,env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{padding:3px 13px}footer{line-height:1.8}}@media (prefers-reduced-motion:reduce){.app,.hero-card,.hourly-card,.daily-card,.metric-card,.sun-strip,.insight-card,.page-panel,.garden-scene{transition:none!important}.app:before,.app:after{animation:none!important}}.app{isolation:isolate}.weather-effects{z-index:0;pointer-events:none;contain:strict;position:fixed;inset:0;overflow:hidden}.weather-effects i{pointer-events:none;display:block;position:absolute}.topbar,.layout,.mobile-nav{z-index:2;position:relative}.fx-cloud{filter:blur(42px);opacity:.25;background:#fff3;border-radius:50%;width:42vw;height:18vw;min-height:100px;max-height:230px;animation:48s ease-in-out infinite alternate cloud-drift;top:4%;left:-12%}.fx-cloud-b{opacity:.17;width:35vw;height:15vw;animation-duration:62s;animation-direction:alternate-reverse;top:25%;left:56%}.fx-sun{background:radial-gradient(circle,#fff4c966,#ffe5a726 38%,#0000 70%);border-radius:50%;width:34vw;min-width:220px;max-width:520px;height:34vw;min-height:220px;max-height:520px;animation:12s ease-in-out infinite alternate sun-breathe;top:-17%;right:-9%}.fx-night .fx-sun{opacity:0}.fx-moon{opacity:0;background:radial-gradient(circle at 36% 34%,#f4f3e8 0 3%,#d4e0e9 28%,#a9bfd0 60%,#0000 72%);border-radius:50%;width:170px;height:170px;top:8%;right:14%;box-shadow:0 0 55px #cfe4f740}.fx-night .fx-moon{opacity:.38;animation:14s ease-in-out infinite alternate moon-float}.fx-rain{opacity:0;will-change:transform;background:repeating-linear-gradient(105deg,#0000 0 26px,#e6f4ff38 27px,#0000 29px 54px) 0 0/110px 110px;animation:.85s linear infinite rain-fall;inset:-25% -15%}.fx-snow{opacity:0;background-image:radial-gradient(3px 3px at 12% 17%,#fff 55%,#0000 70%),radial-gradient(2px 2px at 26% 62%,#fff 55%,#0000 70%),radial-gradient(4px 4px at 48% 34%,#fff 55%,#0000 70%),radial-gradient(2px 2px at 68% 78%,#fff 55%,#0000 70%),radial-gradient(3px 3px at 87% 23%,#fff 55%,#0000 70%);background-size:260px 260px;animation:15s linear infinite snow-drift;inset:-20% 0 0}.fx-wind{filter:blur(2px);opacity:0;border-top:1px solid #ffffff26;border-radius:50%;width:65vw;height:35vh;animation:14s ease-in-out infinite wind-sweep;top:25%;right:-35%;transform:rotate(-16deg)}.fx-wind:before,.fx-wind:after{content:"";border-top:1px solid #ffffff1f;border-radius:50%;width:90%;height:65%;position:absolute;top:35px;left:-22%}.fx-wind:after{width:75%;top:75px;left:-8%}.fx-fog{opacity:0;filter:blur(24px);background:linear-gradient(#0000,#e8f2f729 35%,#e8f2f740 55%,#0000 80%);animation:18s ease-in-out infinite alternate fog-slide;inset:18% -20%}.fx-lightning{opacity:0;background:#e1efff52;animation:9s linear infinite lightning-flash;inset:0}.fx-stars{opacity:0;background-image:radial-gradient(2px 2px at 11% 17%,#fff 50%,#0000 70%),radial-gradient(1px 1px at 28% 34%,#fff 50%,#0000 70%),radial-gradient(2px 2px at 64% 12%,#fff 50%,#0000 70%),radial-gradient(1px 1px at 79% 38%,#fff 50%,#0000 70%),radial-gradient(1px 1px at 91% 18%,#fff 50%,#0000 70%);background-size:340px 240px;animation:5s ease-in-out infinite alternate stars-twinkle;inset:0}.fx-night .fx-stars{opacity:.48}.fx-snow,.fx-wind,.fx-fog,.fx-lightning{opacity:0}.fx-cloud{opacity:.22}.fx-clear .fx-sun,.fx-hot .fx-sun{opacity:1}.fx-cloud .fx-cloud,.fx-fog .fx-cloud,.fx-rain .fx-cloud,.fx-storm .fx-cloud,.fx-rain .fx-rain{opacity:.48}.fx-snow .fx-snow{opacity:.72}.fx-fog .fx-fog{opacity:.8}.fx-rain .fx-wind,.fx-storm .fx-wind,.fx-hot .fx-wind{opacity:.36}.fx-storm .fx-cloud{opacity:.62}.fx-storm .fx-lightning{opacity:0;animation:8s linear infinite lightning-flash}.fx-night .fx-cloud{opacity:.18}@keyframes cloud-drift{0%{transform:translate(-4%)}to{transform:translate(24%,8%)}}@keyframes sun-breathe{0%{opacity:.65;transform:scale(.96)}to{opacity:1;transform:scale(1.06)}}@keyframes moon-float{0%{transform:translate(0,0)}to{transform:translate(-12px,8px)}}@keyframes rain-fall{0%{transform:translate(2%,-5%)}to{transform:translate(-3%,5%)}}@keyframes snow-drift{0%{transform:translate(-2%,-2%)}to{transform:translate(3%,8%)}}@keyframes wind-sweep{0%,to{transform:translate(0,0)rotate(-16deg)}50%{transform:translate(-18%,12%)rotate(-12deg)}}@keyframes fog-slide{0%{transform:translate(-5%)}to{transform:translate(7%)}}@keyframes lightning-flash{0%,88%,90%,94%,to{opacity:0}89%,92%{opacity:.42}93%{opacity:.08}}@keyframes stars-twinkle{0%{opacity:.25}to{opacity:.62}}.weather-art{isolation:isolate;background:linear-gradient(160deg,#ffffff29,#05192c1f);border:1px solid #fff3;border-radius:22px;height:100%;min-height:275px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3}.weather-art:before,.weather-art:after{content:"";pointer-events:none;position:absolute}.art-glow{background:radial-gradient(circle,#fff5cd80,#ffdc9a1f 48%,#0000 72%);border-radius:50%;width:190px;height:190px;animation:9s ease-in-out infinite alternate sun-breathe;position:absolute;top:12%;left:50%;transform:translate(-50%)}.art-celestial{background:radial-gradient(circle at 35% 32%,#fff9d9,#ffdc91 48%,#f0a65f 75%);border-radius:50%;width:96px;height:96px;animation:10s ease-in-out infinite alternate moon-float;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:0 0 45px #ffdc9180}.art-night .art-celestial{display:none}.art-moon{background:radial-gradient(circle at 35% 35%,#fff,#d9e7f2 58%,#a5bbce);border-radius:50%;width:88px;height:88px;animation:12s ease-in-out infinite alternate moon-float;position:absolute;top:20%;left:50%;transform:translate(-50%);box-shadow:0 0 48px #dbedff59}.art-cloud{z-index:2;filter:drop-shadow(0 10px 13px #1d3e5621);background:linear-gradient(#fff,#c9d9e4);border-radius:50px;width:145px;height:48px;animation:16s ease-in-out infinite alternate cloud-drift;position:absolute;top:40%;left:27%}.art-cloud:before,.art-cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:12px}.art-cloud:before{width:68px;height:68px;left:20px}.art-cloud:after{width:82px;height:82px;bottom:8px;right:15px}.art-cloud-two{opacity:.55;animation-duration:23s;animation-direction:alternate-reverse;top:54%;left:48%;transform:scale(.62)}.art-rain .art-cloud,.art-storm .art-cloud,.art-fog .art-cloud{background:linear-gradient(#d7e2e9,#8da4b5)}.art-storm .art-cloud{background:linear-gradient(#8b9aa8,#4e6275)}.art-snow .art-cloud{background:linear-gradient(#fff,#dceaf1)}.art-hot .art-cloud,.art-clear .art-cloud{opacity:.2;transform:scale(.7)}.art-rain-streaks,.art-snowflakes,.art-mist{z-index:3;pointer-events:none;position:absolute;inset:0}.art-rain-streaks{background:repeating-linear-gradient(108deg,#0000 0 16px,#e2f4ffb3 17px,#0000 19px 35px);animation:.7s linear infinite rain-fall}.art-snowflakes{background-image:radial-gradient(3px 3px at 14% 22%,#fff 60%,#0000 70%),radial-gradient(2px 2px at 38% 66%,#fff 60%,#0000 70%),radial-gradient(4px 4px at 72% 28%,#fff 60%,#0000 70%),radial-gradient(2px 2px at 88% 75%,#fff 60%,#0000 70%);background-size:125px 130px;animation:9s linear infinite snow-drift}.art-mist{filter:blur(10px);background:linear-gradient(#0000 35%,#edf7fb7a 58%,#0000 75%);animation:12s ease-in-out infinite alternate fog-slide}.art-lightning{z-index:4;clip-path:polygon(52% 0,100% 0,62% 43%,100% 43%,15% 100%,35% 54%,0 54%);filter:drop-shadow(0 0 14px #fff);background:#fff8cb;width:24px;height:78px;animation:7s linear infinite lightning-flash;position:absolute;top:46%;left:54%}.art-storm .art-glow{background:radial-gradient(circle,#a9c5de38,#0000 68%)}.art-horizon{filter:blur(2px);background:linear-gradient(#ffffff1f,#ffffff05);border-radius:50%;width:140%;height:120px;position:absolute;bottom:-60px;left:-20%}.weather-art .garden-scene-label{bottom:14px}@media (width<=650px){.weather-art{min-height:188px}.art-cloud{left:12%;transform:scale(.72)}.art-cloud-two{left:37%;transform:scale(.5)}.art-celestial{width:62px;height:62px}.art-moon{width:58px;height:58px}.fx-sun{width:70vw;height:70vw;top:-12%;right:-25%}}@media (prefers-reduced-motion:reduce){.weather-effects i,.weather-art *{transition:none!important;animation:none!important}}.hero-card{grid-template-columns:minmax(0,1fr);min-height:0}.hero-copy{max-width:760px}.hero-foot{grid-column:1/-1}@media (width<=650px){.hero-card{grid-template-columns:minmax(0,1fr)}}