:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-synthesis:none;--ink: #f7fbff;--muted: #a7b9c8;--panel: rgba(12, 29, 42, .82);--line: rgba(197, 229, 247, .13);--blue: #70c7ff;--cyan: #7ce8df;--bg: #06121c}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#1b536e 0,#0a2333 35%,var(--bg) 72%);color:var(--ink)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.app{width:min(100%,560px);min-height:100dvh;margin:0 auto;padding:0 16px 104px;overflow:hidden}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between}.location-button,.icon-button,.bottom-nav button,.text-button,.day-row,.confidence-card button,.gps-card,.saved-location button,.menu-link{border:0;background:transparent;cursor:pointer}.location-button{display:flex;align-items:center;gap:10px;padding:8px 2px;text-align:left}.location-button span:nth-child(2){display:grid}.location-button small,.widget-preview small,.saved-location small,.menu-link small,.setting-toggle small{color:var(--muted)}.location-dot{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px var(--cyan)}.icon-button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#ffffff12}.icon-button svg,.bottom-nav svg,.signal-card svg,.menu-link svg,.gps-card svg{width:22px;height:22px}.offline-banner{margin:-2px 0 12px;padding:9px 12px;border:1px solid rgba(255,198,100,.3);border-radius:12px;background:#623f0861;color:#ffe0a2;font-size:13px;text-align:center}.weather-scene{position:relative;min-height:310px;margin:0 -16px;overflow:hidden;background:linear-gradient(180deg,#3d96bd 0%,#1f6688 48%,#123b59 78%,transparent);isolation:isolate}.weather-scene:after{content:"";position:absolute;z-index:1;inset:auto -20% -62% -20%;height:70%;border-radius:50%;background:radial-gradient(ellipse,rgba(124,232,223,.28),transparent 65%)}.weather-scene.is-night{background:linear-gradient(180deg,#071328,#132a49 58%,#182d4b 78%,transparent)}.sky-light{position:absolute;top:-30%;right:-10%;bottom:20%;left:-10%;background:radial-gradient(circle at 72% 36%,rgba(255,236,176,.4),transparent 28%),radial-gradient(circle at 18% 55%,rgba(123,219,255,.18),transparent 35%)}.is-night .sky-light{background:radial-gradient(circle at 76% 34%,rgba(150,188,255,.15),transparent 26%)}.horizon-haze{position:absolute;z-index:1;inset:auto -12% 11%;height:86px;background:linear-gradient(180deg,transparent,rgba(203,240,246,.14),transparent);filter:blur(13px)}.sun-moon{display:none;position:absolute;width:84px;height:84px;top:44px;right:42px;border-radius:50%;background:#ffe9a5;box-shadow:0 0 60px #ffdd7f8c;animation:breathe 6s ease-in-out infinite}.is-night .sun-moon{width:64px;height:64px;background:#dce9ff;box-shadow:0 0 45px #b2d0ff6b}.is-night .sun-moon:after{content:"";position:absolute;width:55px;height:55px;top:-10px;left:15px;border-radius:50%;background:#071328}.stars{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#fff 1px,transparent 1.5px);background-size:71px 61px}.is-night .stars{opacity:.65}.cloud{position:absolute;z-index:1;width:192px;height:51px;border-radius:54px;background:linear-gradient(180deg,#f7fdfff0,#b1d3e2c7);box-shadow:inset 0 -12px 20px #2e576e29,0 18px 34px #04192733;filter:drop-shadow(0 5px 8px rgba(5,30,45,.16));animation:drift 18s ease-in-out infinite alternate}.cloud:before,.cloud:after,.cloud i,.cloud b{content:"";position:absolute;display:block;border-radius:50%;background:inherit}.cloud:before{width:82px;height:82px;left:29px;bottom:12px}.cloud:after{width:65px;height:65px;right:27px;bottom:8px}.cloud i{width:48px;height:48px;left:3px;bottom:4px;opacity:.9}.cloud b{width:46px;height:46px;right:3px;bottom:3px;opacity:.88}.cloud-back{top:69px;left:-83px;scale:.66;opacity:.34;animation-duration:25s}.cloud-mid{top:116px;right:-74px;scale:.83;opacity:.57;animation-delay:-8s}.cloud-front{top:157px;left:-65px;scale:1.12;opacity:.76;animation-delay:-13s}.scene--clear .cloud,.scene--mainly-clear .cloud{opacity:.12}.scene--overcast .cloud,.scene--cloudy .cloud{opacity:.9;filter:brightness(.7) saturate(.75) drop-shadow(0 8px 12px rgba(5,20,32,.28))}.scene-rain,.scene-snow{position:absolute;z-index:1;top:111px;right:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,black 16%,black 76%,transparent);mask-image:linear-gradient(transparent,black 16%,black 76%,transparent)}.scene-rain i{position:absolute;top:-30px;left:calc((var(--drop, 0) + 1) * 7.6%);width:2px;height:32px;border-radius:2px;background:linear-gradient(transparent,#b0e5ffe6);rotate:12deg;animation:rain-drop .8s linear infinite;animation-delay:calc(var(--drop, 0) * -.11s)}.scene-rain i:nth-child(12n+1){--drop: 0}.scene-rain i:nth-child(12n+2){--drop: 1}.scene-rain i:nth-child(12n+3){--drop: 2}.scene-rain i:nth-child(12n+4){--drop: 3}.scene-rain i:nth-child(12n+5){--drop: 4}.scene-rain i:nth-child(12n+6){--drop: 5}.scene-rain i:nth-child(12n+7){--drop: 6}.scene-rain i:nth-child(12n+8){--drop: 7}.scene-rain i:nth-child(12n+9){--drop: 8}.scene-rain i:nth-child(12n+10){--drop: 9}.scene-rain i:nth-child(12n+11){--drop: 10}.scene-rain i:nth-child(12n){--drop: 11}.scene--drizzle .scene-rain{opacity:.35}.scene--drizzle .scene-rain i{height:18px;animation-duration:1.15s}.scene--moderate-rain .scene-rain,.scene--heavy-rain .scene-rain{opacity:.9}.scene--heavy-rain .scene-rain i{width:3px;animation-duration:.48s}.scene-snow i{position:absolute;top:-12px;left:calc((var(--flake, 0) + 1) * 7.7%);width:6px;height:6px;border-radius:50%;background:#f7fdffe6;box-shadow:0 0 7px #ffffff80;animation:snow-fall 3.4s ease-in infinite;animation-delay:calc(var(--flake, 0) * -.29s)}.scene-snow i:nth-child(10n+1){--flake: 0}.scene-snow i:nth-child(10n+2){--flake: 1}.scene-snow i:nth-child(10n+3){--flake: 2}.scene-snow i:nth-child(10n+4){--flake: 3}.scene-snow i:nth-child(10n+5){--flake: 4}.scene-snow i:nth-child(10n+6){--flake: 5}.scene-snow i:nth-child(10n+7){--flake: 6}.scene-snow i:nth-child(10n+8){--flake: 7}.scene-snow i:nth-child(10n+9){--flake: 8}.scene-snow i:nth-child(10n){--flake: 9}.scene--heavy-snow .scene-snow i{width:8px;height:8px;animation-duration:2.3s}.scene--thunderstorm{background:linear-gradient(180deg,#10182b,#23384a 70%,transparent)}.scene-flash{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;background:#daecff4d;opacity:0;animation:lightning 11s steps(1) infinite}.scene-fog{position:absolute;z-index:2;top:112px;right:-24%;bottom:20px;left:-24%}.scene-fog i{position:absolute;left:0;right:0;height:34px;border-radius:50%;background:#e1f0f53d;filter:blur(8px);animation:drift 12s ease-in-out infinite alternate}.scene-fog i:nth-child(2){top:46px;opacity:.72;animation-delay:-4s}.scene-fog i:nth-child(3){top:92px;opacity:.5;animation-delay:-8s}.scene-weather-icon{position:absolute;top:40px;right:30px;z-index:2;width:142px;height:124px;filter:drop-shadow(0 12px 24px rgba(0,0,0,.24))}.scene-content{position:absolute;left:24px;bottom:28px;display:flex;align-items:baseline;gap:14px;z-index:2;text-shadow:0 3px 18px rgba(0,0,0,.3)}.scene-temp{font-size:clamp(66px,21vw,102px);font-weight:230;letter-spacing:-7px;line-height:.9}.scene-condition{max-width:120px;font-size:17px;font-weight:650}@keyframes drift{to{translate:30px 6px}}@keyframes rain-drop{to{transform:translate(-34px,225px)}}@keyframes snow-fall{50%{translate:12px 110px}to{translate:-8px 225px}}@keyframes breathe{50%{transform:scale(1.05)}}@keyframes lightning{72%,74%{opacity:0}73%{opacity:.65}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.now-summary{padding:20px 2px 14px}.now-summary>div:first-child{display:flex;justify-content:space-between;align-items:end}.eyebrow{margin:0 0 5px;color:var(--cyan);font-size:11px;font-weight:750;letter-spacing:.13em;text-transform:uppercase}h1,h2,p{margin-top:0}.now-summary h1{margin:0;font-size:27px;letter-spacing:-.03em}.metric-row{display:flex;gap:16px;padding-top:12px;overflow-x:auto;color:#d0dde6;font-size:13px;white-space:nowrap}.signal-card,.section-card,.confidence-card,.details-card,.privacy-card,.settings-section,.add-location{border:1px solid var(--line);background:linear-gradient(145deg,rgba(22,49,65,.9),var(--panel));box-shadow:0 18px 50px #00000029}.signal-card{display:flex;gap:13px;align-items:center;padding:15px;margin:4px 0 14px;border-radius:18px}.signal-card p{margin:0 0 3px;font-weight:680}.signal-card small{color:var(--muted);line-height:1.4}.signal-icon{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:#58beff24;color:var(--blue)}.section-card{margin:14px 0;padding:18px 16px;border-radius:22px}.section-card>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-card>header>svg{width:22px;height:22px;color:var(--blue)}.section-card h2{margin:0;font-size:20px;letter-spacing:-.025em}.text-button{color:var(--blue);font-size:13px;font-weight:700}.rain-chart{height:105px;display:flex;align-items:end;gap:5px;overflow:hidden}.rain-column{flex:1 0 24px;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.rain-column time,.rain-prob{color:var(--muted);font-size:9px}.rain-prob{height:12px}.rain-bar{width:6px;min-height:3px;border-radius:5px;background:#9dbed047}.rain-bar[data-wet=true]{background:linear-gradient(var(--cyan),var(--blue));box-shadow:0 0 10px #70c7ff59}.hourly-strip{display:flex;gap:9px;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity;scrollbar-width:none}.hour-card{flex:0 0 72px;display:grid;gap:9px;place-items:center;padding:12px 6px;border-radius:18px;background:#ffffff0b;scroll-snap-align:start}.hour-card.is-wet{border:1px solid rgba(112,199,255,.35);background:linear-gradient(180deg,#4ba1d32e,#ffffff0e);box-shadow:inset 0 0 20px #4ab3ea14}.hour-card time,.rain-small{color:var(--muted);font-size:11px}.hour-card strong{font-size:18px}.rain-small{min-height:16px;display:flex;align-items:center;gap:2px;color:var(--muted)}.rain-small.is-wet{color:var(--blue);font-weight:700}.rain-small svg{width:12px}.weather-condition-icon{display:block;width:42px;height:37px;overflow:visible}.weather-icon-cloud{transform-origin:center}.weather-icon-rain{fill:none;stroke-width:3.2}.weather-icon-rain.rain-drizzle,.weather-icon-rain.rain-heavy{stroke-width:3.6}.weather-icon-snow,.weather-icon-sleet,.weather-icon-fog,.weather-icon-wind{fill:none;stroke:#e9f7ff;stroke-width:2.2;stroke-linecap:round}.weather-icon-sleet{stroke:#a8e6ff}.weather-icon-sleet circle{fill:#f5fbff;stroke:none}.weather-icon-fog{stroke:#dcebf1;stroke-width:2.8;opacity:.78}.weather-icon-fog.is-mist{opacity:.5;stroke-width:2.2}.weather-icon-lightning{fill:#ffd45f;filter:drop-shadow(0 0 5px rgba(255,205,75,.45))}.weather-icon-wind{stroke:#bfe4ef;stroke-width:2.8}.hour-card .weather-condition-icon{width:42px;height:37px}.day-row .weather-condition-icon{width:44px;height:39px}.widget-preview .weather-condition-icon{width:58px;height:51px}.daily-list{display:grid}.day-count{color:var(--muted);font-size:12px;font-weight:650}.day-row{display:grid;grid-template-columns:1.5fr 42px .8fr .8fr;align-items:center;gap:6px;min-height:64px;padding:10px 0;border-top:1px solid var(--line);text-align:left}.day-row:first-child{border-top:0}.day-row>span:first-child,.day-temp{display:grid}.day-row small{color:var(--muted);font-size:11px}.day-rain{display:flex;color:var(--blue);align-items:center;gap:3px;font-size:12px}.day-rain svg{width:13px}.day-temp{grid-template-columns:1fr 1fr;gap:5px;text-align:right}.day-detail{grid-column:1 / -1;padding:8px 10px;border-radius:10px;background:#70c7ff12;color:#cbdce6;font-size:12px;line-height:1.5}.confidence-card{margin:14px 0;border-radius:20px;overflow:hidden}.confidence-card button{width:100%;display:flex;align-items:center;gap:12px;padding:15px;text-align:left}.confidence-card button span:nth-child(2){display:grid;flex:1}.confidence-card small{color:var(--muted)}.confidence-card ul{margin:-3px 20px 17px 48px;padding-left:18px;color:#c8d7e1;font-size:13px;line-height:1.6}.confidence-orb{width:13px;height:13px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.level-low{background:#ffad71;box-shadow:0 0 14px #ffad71}.details-card{margin:14px 0;padding:15px;border-radius:17px;color:var(--muted)}.details-card summary{cursor:pointer}.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.source-grid span{display:flex;justify-content:space-between;padding:9px;border-radius:9px;background:#ffffff0a}.source-grid small{color:var(--ink)}.updated{color:var(--muted);font-size:11px;text-align:center}.bottom-nav{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:10;width:min(calc(100% - 24px),526px);transform:translate(-50%);display:grid;grid-template-columns:repeat(4,1fr);padding:8px;border:1px solid rgba(211,237,250,.13);border-radius:22px;background:#05111bdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 40px #0006}.bottom-nav button{display:grid;place-items:center;gap:3px;padding:6px 2px;color:#8299a8;font-size:10px}.bottom-nav button.active{color:var(--cyan)}.page{animation:appear .25s ease-out}@keyframes appear{0%{opacity:0;transform:translateY(5px)}}.page-header{display:flex;align-items:center;gap:12px;margin:5px 0 24px}.page-header h1{margin:0;font-size:25px}.page-intro{color:var(--muted);line-height:1.6}.gps-card,.menu-link{width:100%;display:flex;align-items:center;gap:13px;padding:16px;margin-bottom:14px;border:1px solid var(--line);border-radius:18px;background:#70c7ff12;text-align:left}.gps-card span,.menu-link span{display:grid;flex:1}.location-list{display:grid;gap:8px}.saved-location{display:flex;border:1px solid var(--line);border-radius:16px;background:#ffffff09;overflow:hidden}.saved-location>button:first-child{flex:1;display:flex;justify-content:space-between;padding:15px;text-align:left}.saved-location span:first-child{display:grid}.saved-location .remove{width:48px;color:var(--muted);font-size:22px}.saved-location .default-location{width:42px;color:#57707f;font-size:15px}.saved-location .default-location[aria-pressed=true]{color:#ffe19a}.saved-location .remove:disabled{opacity:.25;cursor:not-allowed}.selected-mark{color:var(--cyan)}.add-location,.settings-section,.privacy-card{margin-top:18px;padding:17px;border-radius:20px}.add-location h2{font-size:18px}.add-location>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}input,select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px;margin-bottom:8px;background:#0000002e;color:var(--ink)}.primary{width:100%;border:0;border-radius:12px;padding:13px;background:linear-gradient(135deg,#68d9d0,#4aaeee);color:#03141d;font-weight:800;cursor:pointer}.permission-note{padding:11px;border-radius:11px;background:#ffaf661a;color:#ffd0a4;font-size:13px}.setting-toggle{min-height:69px;display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);cursor:pointer}.setting-toggle>span{flex:1;display:grid}.setting-toggle input{position:absolute;opacity:0;pointer-events:none}.setting-toggle i{position:relative;width:44px;height:25px;border-radius:20px;background:#344b59;transition:.2s}.setting-toggle i:after{content:"";position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.setting-toggle input:checked+i{background:#54cfc6}.setting-toggle input:checked+i:after{transform:translate(19px)}.setting-toggle.disabled{opacity:.48;cursor:not-allowed}.setting-detail{padding:12px;border-radius:12px;background:#70c7ff12}.setting-detail label{display:grid;grid-template-columns:1fr 120px;align-items:center}.setting-detail select{margin:0}.setting-detail p,.privacy-card p{margin:7px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.widget-gallery{display:grid;gap:19px}.widget-label{margin:0 0 7px;color:var(--muted);font-size:12px}.widget-preview{border:1px solid rgba(255,255,255,.16);border-radius:22px;padding:17px;background:radial-gradient(circle at 100% 0,rgba(116,220,230,.2),transparent 45%),linear-gradient(145deg,#173d53,#0b1c2b);box-shadow:0 20px 45px #0000004d}.widget-preview span{display:grid}.widget-preview strong{font-size:34px}.widget-preview em{color:var(--muted);font-size:12px;font-style:normal}.widget-2x1{min-height:108px;display:flex;justify-content:space-between;align-items:center}.widget-2x1>span:last-child{justify-items:end;max-width:55%;text-align:right}.widget-2x2{width:min(100%,260px);min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.widget-2x3{width:min(100%,260px);min-height:340px}.widget-trend{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;margin:24px 0}.widget-trend span{text-align:center}.widget-trend strong{font-size:12px}.widget-days{display:flex!important;justify-content:space-around;color:var(--muted)}.empty-state,.loading-scene{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.empty-state svg{width:48px;height:48px;color:var(--blue)}.empty-state p{color:var(--muted)}.loading-orb{width:104px;height:104px;margin-bottom:32px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b8fbf5,#3289af 40%,#102c43 75%);box-shadow:0 0 70px #59c4dc40;animation:breathe 1.7s ease-in-out infinite}.loading-line{width:140px;height:9px;margin:5px;border-radius:9px;background:#ffffff1a}.loading-line.wide{width:220px}@media(min-width:700px){.app{width:min(100%,920px)}.forecast-view{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:14px;align-items:start}.forecast-view>*{min-width:0}.weather-scene,.now-summary,.signal-card{grid-column:1}.forecast-view>.rain-timeline{grid-column:2;grid-row:1 / span 2;margin-top:0}.bottom-nav{width:560px}}@media(min-width:1100px){.app{width:min(calc(100% - 150px),1080px)}.bottom-nav{left:22px;top:118px;bottom:auto;width:84px;transform:none;grid-template-columns:1fr;gap:7px;border-radius:24px}.bottom-nav button{min-height:58px}}