:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;color-scheme:light;--bg: #f1f5f9;--text: #162a40;--muted: #60758a;--card: #ffffffdf;--card-solid: #fff;--line: #dce5ed;--accent: #087caf;--nav: #ffffffed;--shadow: 0 12px 32px #19395708}.guide-welcome-link{background:transparent;color:var(--accent);display:inline-flex;align-items:center;gap:7px;margin-top:24px;padding:10px}html[data-theme=dark]{color-scheme:dark;--bg: #091827;--text: #ecf5fc;--muted: #95abc0;--card: #13273bda;--card-solid: #142a40;--line: #294054;--accent: #65ccfa;--nav: #0d2034f2;--shadow: 0 12px 32px #00000016}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 85% 0,#2499ce15,transparent 55%);z-index:-1}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{opacity:.5;cursor:default}a{color:var(--accent);text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #38bdf8;outline-offset:4px}h1,h2,p{margin-top:0}h1{font-size:clamp(28px,4vw,40px);font-weight:650;letter-spacing:-1.3px;margin-bottom:8px}h2{font-size:19px;letter-spacing:-.45px;font-weight:630;margin-bottom:15px}p{line-height:1.6}small,.small{font-size:12px}strong{font-weight:630}button svg{flex-shrink:0}input{min-width:0}.app{max-width:1150px;margin:auto;padding:0 32px}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:100px}.brand{display:flex;gap:12px;align-items:center;color:var(--text);text-decoration:none;font-size:22px;font-weight:660;letter-spacing:-.7px}.brand-symbol{width:45px;height:45px;border-radius:14px;background:linear-gradient(140deg,#0a83bd,#1b526e);color:#fff;display:grid;place-items:center;box-shadow:0 4px 14px #1497ca27}.brand-sub{display:block;font-size:8px;letter-spacing:2.2px;color:var(--muted);margin-top:5px;font-weight:550}.header-actions{display:flex;align-items:center;gap:12px}.location-button{display:flex;align-items:center;gap:8px;background:var(--card);padding:12px 16px;border-radius:30px;max-width:250px}.location-button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.icon-button{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:transparent;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--line);color:var(--text)}.desktop-nav{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:32px}.desktop-nav button{padding:12px 18px;background:transparent;border-radius:14px;display:flex;align-items:center;gap:9px;color:var(--muted);font-size:14px}.desktop-nav .active{background:var(--card);color:var(--accent);box-shadow:var(--shadow)}main{padding-bottom:40px}.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:var(--shadow);margin-bottom:20px}.muted{color:var(--muted)}.accent{color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.today-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.today-heading .muted{font-size:13px;margin-bottom:0}.favorite{border:1px solid var(--line);background:var(--card)}.is-favorite{color:#d99518}.is-favorite svg{fill:#fbbf2445}.hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#126799,#154366 66%,#14354f);color:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:295px;border-color:transparent;padding:30px}.hero:before{content:"";position:absolute;width:400px;height:400px;right:-130px;top:-200px;border-radius:50%;background:radial-gradient(circle,#bfe9ff32,transparent 68%)}.hero-copy{position:relative;z-index:1}.hero-label{display:flex;gap:8px;align-items:center;font-size:12px;color:#d5edfb;margin:0 0 15px}.live-dot{display:inline-block;width:6px;height:6px;background:#62e4bb;border-radius:50%;box-shadow:0 0 0 4px #62e4bb10;flex-shrink:0}.inactive{background:var(--muted)}.temperature{font-size:90px;letter-spacing:-6px;font-weight:300;line-height:1.08;margin-bottom:10px}.hero h2{font-size:21px;margin-bottom:9px;font-weight:500}.hero p{color:#c0ddee;margin-bottom:0;font-size:14px}.hero p span{padding:0 6px}.hero-weather{display:flex;justify-content:center;align-items:center;position:relative}.hero-weather svg{stroke:#eaf8ff;filter:drop-shadow(0 10px 25px #081a372c)}.hero-weather .w-sun{stroke:#ffdb80}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:10px;padding-top:20px;font-size:10px;color:#a4c8de}.hero-bottom button{background:transparent;color:#bddcf0;padding:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric{margin:0;padding:20px}.metric>div{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin-bottom:16px}.metric svg{color:var(--accent)}.metric>strong{display:block;font-size:23px;letter-spacing:-.7px;white-space:nowrap}.metric>small{display:block;color:var(--muted);font-size:10px;margin-top:8px;line-height:1.5}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.card-heading h2{margin:0}.card-heading>div{display:flex;align-items:center;gap:10px}.text-button{display:flex;align-items:center;gap:6px;background:none;color:var(--accent);font-size:12px}.hour-strip{display:flex;overflow:auto;gap:8px;margin:0 -6px;padding-bottom:6px;scrollbar-width:thin}.hour{min-width:74px;display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:15px;padding:14px 8px}.hour:first-child{background:var(--line)}.hour small{color:var(--muted);font-size:11px}.hour strong{font-size:18px}.hour>span{font-size:11px;color:var(--accent)}.weather-icon{display:inline-block;vertical-align:middle}.w-sun{color:#e7ad38}.w-rain{color:#41a9d8}.w-cloud{color:var(--muted)}.two-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sun-arc{height:75px;width:80%;margin:auto;border-top:2px dashed #d9b762;border-radius:100% 100% 0 0;position:relative;top:12px}.sun-arc>svg{position:absolute;left:44%;top:-16px;background:var(--card-solid);color:#e7ad38}.sun-times{display:flex;justify-content:space-between;text-align:center}.sun-times>div{display:flex;align-items:center;gap:8px;flex-direction:column}.sun-times svg{color:#e7ad38}.sun-times small{color:var(--muted)}.sun-times strong{font-size:19px}.sun-card>p{text-align:center;margin:20px 0 0}.air-card h2{font-size:35px;margin-bottom:3px}.air-card h2 small{font-size:12px;color:var(--muted);font-weight:400}.air-card .muted{margin-bottom:15px;font-size:13px}.air-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:18px}.air-grid>div{display:flex;flex-direction:column;gap:4px}.air-grid small{color:var(--muted);font-size:10px}.air-grid strong{font-size:16px}.air-card summary{font-size:12px;color:var(--accent)}.source{color:var(--muted);font-size:11px;line-height:1.6;margin-bottom:0}.chart{width:100%;height:265px;margin:15px 0}.segments{display:flex;background:var(--line);padding:4px;border-radius:13px;gap:4px;width:fit-content;margin-bottom:22px;max-width:100%;overflow-x:auto}.segments button{background:transparent;white-space:nowrap;font-size:12px;padding:10px 16px;border-radius:10px;color:var(--muted)}.segments .selected{background:var(--card-solid);box-shadow:0 2px 7px #00000009;color:var(--text)}.daily-list{padding-top:8px;padding-bottom:8px}.day{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);padding:19px 0;font-size:14px}.day:last-child{border:0}.day-name{width:80px;font-weight:600}.day-temperatures{display:flex;gap:20px;width:85px}.day-temperatures>span{color:var(--muted)}.day-rain,.day-wind,.day-sun{display:flex;align-items:center;gap:5px;font-size:12px;flex-wrap:wrap}.day-rain{min-width:100px;color:var(--accent)}.day-rain small,.day-wind small{width:100%;padding-left:18px;color:var(--muted);font-size:10px}.day-wind{min-width:118px}.day-sun{margin-left:auto}.model-chips{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.model-chips button{padding:10px 14px;border:1px solid var(--line);background:none;border-radius:30px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;opacity:.55}.model-chips .selected{background:var(--card);color:var(--text);opacity:1}.model-chips button span{width:7px;height:7px;border-radius:50%}.badge{border:1px solid var(--line);border-radius:30px;padding:5px 8px;font-size:9px;color:var(--muted)}.model-summary{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;border-top:1px solid var(--line);padding-top:20px;gap:15px}.model-summary small{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.model-summary strong{font-size:18px}.table-scroll{overflow:auto;max-height:600px;scrollbar-width:thin}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;font-size:12px;white-space:nowrap}th{text-align:left;padding:13px 14px;color:var(--muted);font-weight:500;position:sticky;top:0;background:var(--card-solid);z-index:1}td{padding:14px;border-top:1px solid var(--line)}td:first-child,th:first-child{padding-left:0}td:first-child{position:sticky;left:0;background:var(--card-solid);z-index:1}.methodology summary{cursor:pointer;font-size:13px;font-weight:600}.methodology p{font-size:12px;color:var(--muted);margin-top:15px;margin-bottom:0}.notice{display:flex;align-items:flex-start;gap:10px;font-size:12px;padding:15px 17px;background:#2688b610;border:1px solid #2688b625;border-radius:15px;margin-bottom:20px;line-height:1.7}.notice svg{flex-shrink:0;margin-top:2px}.notice button{background:none;color:var(--accent);text-decoration:underline;white-space:nowrap}.notice.error{background:#ff78440c;border-color:#f57b4f40}.empty{padding:25px 0;color:var(--muted);font-size:14px;line-height:1.8}.step{display:grid;place-items:center;width:28px;height:28px;background:var(--line);border-radius:9px;font-size:12px;color:var(--accent)}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}select{padding:12px;border:1px solid var(--line);background:var(--card-solid);color:var(--text);border-radius:12px;width:100%}.primary{background:#117fb3;color:#fff;border-radius:13px;padding:12px 18px;font-size:12px;font-weight:550}.tracking-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px;margin:20px 0}.map{height:470px;border-radius:18px;z-index:0}.radar-card{position:relative}.map-center{position:absolute;top:135px;right:36px;background:#fff;color:#12334d;z-index:400;box-shadow:0 3px 10px #0002}.radar-info{margin:20px 0 15px;display:flex;align-items:center;gap:8px;font-size:12px;flex-wrap:wrap}.radar-controls{display:flex;align-items:center;gap:9px}.radar-controls input{flex:1;accent-color:#1686b8;min-width:50px}.play{padding:12px;display:flex}.radar-legend{display:flex;gap:10px;align-items:center;font-size:10px;color:var(--muted);margin-top:23px}.blue-scale{height:8px;width:180px;border-radius:6px;background:linear-gradient(90deg,#8de9ed,#4fb5ea,#2760ad,#ecbdda,#dd9af5)}.leaflet-container{font-family:inherit}.leaflet-control-attribution{font-size:9px!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020f2480;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{max-width:530px;width:100%;max-height:90dvh;overflow:auto;margin:0;background:var(--card-solid)}.searchbox{display:flex;align-items:center;gap:10px;padding:15px;border:1px solid var(--line);background:var(--bg);border-radius:15px}.searchbox svg{color:var(--muted);flex-shrink:0}.searchbox input{background:transparent;border:0;color:var(--text);width:100%;outline:0;font-size:16px}.searchbox button{background:none;padding:0;display:flex}.gps-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:transparent;padding:17px;color:var(--accent);font-size:13px}.search-results{margin-bottom:15px}.search-results button{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);width:100%;text-align:left;background:transparent}.search-results button>svg{color:var(--muted);flex-shrink:0}.search-results button>span{flex:1}.search-results strong,.search-results small{display:block}.search-results strong{font-size:14px}.search-results small{font-size:11px;color:var(--muted);margin-top:5px}.check{display:flex;align-items:center;gap:10px;font-size:13px;margin:15px 0}.check input{accent-color:#1686b8;width:16px;height:16px}.modal .eyebrow{margin-top:24px}.favorite-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:10px}.favorite-row button:first-child{background:none;font-size:14px;padding:10px 0}.privacy{margin-top:22px;font-size:12px;color:var(--muted)}.privacy p{margin-top:12px}.welcome{max-width:650px;text-align:center;margin:22px auto}.welcome-orbit{height:110px;position:relative;width:180px;margin:0 auto 22px}.welcome-orbit>svg:first-child{position:absolute;left:30px;top:0;color:#e8b655}.welcome-orbit>svg:last-child{position:absolute;right:22px;top:38px;color:var(--accent);filter:drop-shadow(0 8px 16px #008bc11c)}.welcome h1{font-size:clamp(36px,6vw,58px);letter-spacing:-2px;line-height:1.08;margin-bottom:20px}.welcome-copy{color:var(--muted);font-size:15px;max-width:430px;margin:0 auto 28px}.welcome-search{max-width:500px;margin:0 auto 25px;text-align:left}.welcome-features{display:flex;justify-content:center;gap:20px;font-size:11px;color:var(--muted);flex-wrap:wrap}.welcome-features span{display:flex;align-items:center;gap:7px}footer{font-size:10px;color:var(--muted);padding:20px 0 8px;line-height:1.7}footer>span{font-size:12px;font-weight:600}footer p{margin:8px 0}.bottom-nav{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.compact .card{padding:18px}.compact .day{padding:13px 0}@media(max-width:850px){.app{padding:0 22px}.metrics{grid-template-columns:repeat(2,1fr)}.desktop-nav button{padding:10px 12px}.day{gap:15px}.day-sun{display:none}}@media(max-width:600px){.app{padding:0 18px}.header{height:86px;gap:8px;padding-top:env(safe-area-inset-top)}.brand{font-size:18px;gap:8px}.brand-symbol{width:35px;height:35px;border-radius:11px}.brand-sub{font-size:6px;letter-spacing:1.3px}.header-actions{gap:3px}.location-button{padding:10px;gap:5px;max-width:146px;font-size:12px}.header-actions>.icon-button{width:34px}.desktop-nav{display:none}main{padding:12px 0 100px}.card{padding:20px;border-radius:21px;margin-bottom:16px}.today-heading,.section-heading{margin-bottom:20px}.eyebrow{font-size:9px;letter-spacing:1.5px}.hero{padding:23px;min-height:270px}.hero-label{font-size:10px;white-space:nowrap}.temperature{font-size:79px}.hero-weather svg{width:105px;height:105px}.hero-weather{padding-left:5px}.hero h2{font-size:17px}.hero p{font-size:12px}.hero-bottom{font-size:9px;line-height:1.5;padding-top:22px}.metrics{gap:12px;margin-bottom:16px}.metric{padding:17px;margin:0}.metric>strong{font-size:21px}.metric>div{font-size:11px;margin-bottom:13px}.metric>small{font-size:9px}.two-cards{grid-template-columns:1fr;gap:0}.card-heading h2{font-size:16px}.hour{min-width:66px;padding:12px 7px}.sun-card{min-height:230px}.sun-arc{max-width:240px}.chart{height:230px;margin:10px -7px;width:calc(100% + 14px)}.day{gap:10px;font-size:12px;padding:17px 0;flex-wrap:wrap}.day-name{width:62px}.day-temperatures{width:58px;gap:11px}.day-rain{min-width:76px;font-size:10px}.day-wind{min-width:77px;font-size:10px;margin-left:auto}.day>svg{width:23px}.day-rain small,.day-wind small{font-size:9px}.model-chips{gap:7px}.model-chips button{padding:9px 11px;font-size:10px}.model-summary{grid-template-columns:1fr 1fr;gap:18px}.model-summary strong{font-size:17px}.badge{font-size:8px}.map{height:430px}.radar-card{padding:12px}.map-center{right:22px;top:124px}.radar-info{padding:0 6px;font-size:10px}.radar-controls{padding:0 4px}.radar-legend,.radar-card>p{margin-left:6px;margin-right:6px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;align-items:center;background:var(--nav);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-top:1px solid var(--line);padding:9px 8px calc(9px + env(safe-area-inset-bottom));z-index:500}.bottom-nav button{background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:9px;padding:7px 2px;min-width:0;flex:1;border-radius:14px}.bottom-nav .active{color:var(--accent);background:#2499ce10}.bottom-nav svg{stroke-width:1.7}.modal-backdrop{padding:0;align-items:flex-end}.modal{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:90dvh;padding:22px 22px calc(25px + env(safe-area-inset-bottom))}.welcome{margin-top:12px}.welcome h1{font-size:43px}.welcome-copy{font-size:13px;max-width:310px}.welcome-search{padding:19px}.welcome-features{gap:15px;font-size:10px}.notice{font-size:11px;padding:13px}.segments button{padding:10px 13px;font-size:11px}table{font-size:11px}.methodology summary{font-size:12px}.field{font-size:11px}}@media(max-width:370px){.day-wind{width:100%;margin-left:97px;gap:7px}.day-wind small{width:auto}.brand-sub{display:none}.app{padding:0 13px}.hero-weather svg{width:85px}.location-button{max-width:130px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}