:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-top:#dff3ff;--bg-mid:#f7fbf3;--bg-bottom:#fff5e9;--surface:#ffffffdb;--surface-solid:#fff;--surface-soft:#eff7fb;--surface-warm:#fff3df;--text:#182436;--muted:#607184;--border:#52687f2e;--accent:#0077b6;--accent-strong:#075985;--accent-soft:#d9f0ff;--sun:#f5a524;--leaf:#12a67f;--alert:#b54708;--alert-bg:#fff1dc;--shadow:0 18px 48px #21364c24;--soft-shadow:0 10px 28px #21364c1a;--radius-card:8px;--radius-control:14px;--radius-pill:999px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg-mid);min-width:0}body{background:linear-gradient(180deg, var(--bg-top) 0%, var(--bg-mid) 42%, var(--bg-bottom) 100%);min-width:0;min-height:100dvh;color:var(--text);margin:0}body:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(120deg,#ffffff80 0 18%,#0000 18% 100%),linear-gradient(245deg,#f5a52429 0 20%,#0000 20% 100%);position:fixed;inset:0}button{font:inherit}input,textarea{border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-solid);width:100%;color:var(--text);font:inherit;padding:12px 14px}textarea{resize:vertical}label{color:var(--muted);gap:7px;font-size:.9rem;font-weight:800;display:grid}h2,h3,p{overflow-wrap:anywhere}h2{letter-spacing:0;margin:0;font-size:clamp(1.28rem,4vw,1.9rem)}h3{letter-spacing:0;margin:0;font-size:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{width:min(1160px,100%);padding:18px 14px calc(112px + env(safe-area-inset-bottom));margin:0 auto}.status-row{gap:10px;margin-bottom:14px;display:grid}.status-row .updated-line{margin:0}.updated-line{border-radius:var(--radius-pill);width:fit-content;max-width:100%;min-height:36px;box-shadow:var(--soft-shadow);color:var(--muted);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff94;border:1px solid #ffffffb8;align-items:center;padding:0 13px;font-size:.86rem;font-weight:850;display:inline-flex}.muted,.station{color:var(--muted)}.station{text-align:right;margin:0;font-size:.9rem}.app-view{gap:16px;min-width:0;min-height:calc(100dvh - 280px);animation:.18s ease-out view-in;display:grid}@keyframes view-in{0%{opacity:.84;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card,.weather-page,.state-card{border-radius:var(--radius-card);background:var(--surface);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid #ffffffad;padding:16px}.weather-page{min-height:calc(100dvh - 286px)}.current-page{align-content:center;gap:clamp(18px,5vw,34px);display:grid}.hourly-page,.daily-page{align-content:start}.hero-card{background:linear-gradient(135deg,#fffffff0,#e1f6ffc2 50%,#ffefd4b3);border-color:#ffffffc2;position:relative;overflow:hidden}.hero-card:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0077b614);height:38%;position:absolute;inset:auto 0 0}.hero-card>*{z-index:1;position:relative}.section-header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.section-header .muted{margin:7px 0 0;font-weight:750}.location-search{z-index:55;width:100%;position:relative}.current-search-panel{justify-self:center;width:min(100%,680px);min-width:0;margin:0 auto 14px}.location-search__form{border-radius:var(--radius-pill);box-shadow:var(--soft-shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffa3;border:1px solid #ffffffb3;padding:6px;display:block}.location-search__row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.location-search__row input{border-radius:var(--radius-pill);background:0 0;border:0;min-height:46px;padding-left:16px;font-weight:750}.location-search__row button,.location-search__results button{cursor:pointer;border:0;font-weight:850}.location-search__row button{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--accent), #2aa7e7);color:#fff;min-width:88px;min-height:46px;padding:0 18px;box-shadow:0 12px 24px #0077b638}.location-search__row button:hover{background:linear-gradient(135deg, var(--accent-strong), var(--accent))}.location-search__row button:disabled{cursor:wait;opacity:.72}.location-search__results{z-index:60;border:1px solid var(--border);border-radius:var(--radius-control);background:color-mix(in srgb, var(--surface-solid) 96%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);gap:8px;width:100%;max-height:min(58dvh,390px);padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 22px 58px #21364c33}.location-search__results button{border-radius:var(--radius-card);width:100%;color:var(--text);text-align:left;background:0 0;gap:3px;padding:11px 12px;display:grid}.location-search__results button:hover,.location-search__results button:focus-visible{background:var(--surface-soft)}.location-search__results small,.location-search__message{color:var(--muted)}.location-search__message{margin:0;padding:8px 10px;font-weight:800}.header-alert-box{appearance:none;border-radius:var(--radius-card);min-width:min(100%,260px);box-shadow:var(--soft-shadow);color:var(--text);text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffa3;border:1px solid #ffffffad;gap:4px;padding:13px 15px;text-decoration:none;display:grid}.header-alert-box span,.header-alert-box small{color:var(--muted);font-size:.8rem;font-weight:850}.header-alert-box strong{font-size:1.03rem;line-height:1.25}.header-alert-box--active{border-color:color-mix(in srgb, var(--alert) 36%, var(--border));background:var(--alert-bg);color:var(--alert);cursor:pointer}.header-alert-box--active span,.header-alert-box--active small{color:var(--alert)}.header-alert-box--active:hover{transform:translateY(-1px);box-shadow:0 16px 36px #b5470824}.alert-menu{z-index:80;width:min(100%,340px);position:relative}.alert-menu[open]{z-index:120}.alert-menu>summary{cursor:pointer;list-style:none}.alert-menu>summary::-webkit-details-marker{display:none}.alert-menu[open] .header-alert-box{border-color:color-mix(in srgb, var(--alert) 42%, var(--border))}.alert-menu__panel{z-index:130;border:1px solid color-mix(in srgb, var(--alert) 25%, var(--border));border-radius:var(--radius-card);background:color-mix(in srgb, var(--surface-solid) 94%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);gap:12px;width:100%;max-height:min(70dvh,620px);margin-top:10px;padding:13px;display:grid;position:static;overflow-y:auto;box-shadow:0 20px 48px #21364c33}.alert-menu__panel>p{margin:0;font-weight:850}.alert-menu__header{gap:4px;padding:2px 2px 0;display:grid}.alert-menu__header h2,.alert-menu__header p{margin:0}.alert-menu__header h2{font-size:1.12rem}.alert-menu__header p{color:var(--muted);font-weight:800}.bottom-nav{right:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:20;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffb8;border:1px solid #ffffffb3;border-radius:22px;width:min(454px,100% - 24px);padding:8px;position:fixed;transform:translate(50%);box-shadow:0 18px 44px #21364c2e}.bottom-nav__tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.bottom-nav__button{min-width:0;min-height:58px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:16px;align-content:center;justify-items:center;gap:4px;font-weight:850;display:grid}.bottom-nav__button[aria-selected=true]{background:linear-gradient(145deg, #fff, color-mix(in srgb, var(--accent-soft) 78%, #fff));color:var(--text);box-shadow:inset 0 0 0 1px #ffffffd1,0 8px 20px #0077b624}.bottom-nav__icon{font-size:1.18rem;line-height:1}.bottom-nav__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.76rem;line-height:1;overflow:hidden}.site-message{border-radius:var(--radius-card);box-shadow:var(--soft-shadow);background:linear-gradient(135deg,#ffffffdb,#e7f7ffc7);border:1px solid #0077b629;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;padding:13px 15px;display:grid}.site-message span{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--accent), var(--leaf));color:#fff;text-transform:uppercase;padding:5px 10px;font-size:.76rem;font-weight:900}.site-message p{margin:0;font-weight:800;line-height:1.4}.message-editor{gap:14px;margin-bottom:16px;display:grid}.message-editor__actions{flex-wrap:wrap;gap:10px;display:flex}.state-card button,.message-editor button{border-radius:var(--radius-pill);background:linear-gradient(135deg, var(--accent), #2aa7e7);color:#fff;cursor:pointer;border:0;min-height:44px;padding:0 18px;font-weight:850;box-shadow:0 10px 24px #0077b638}.state-card button:hover,.message-editor button:hover{background:var(--accent-strong)}.state-card button:focus-visible,.message-editor button:focus-visible,.location-search__row button:focus-visible,.bottom-nav__button:focus-visible,.header-alert-box:focus-visible,.alert-card__summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 30%, transparent);outline-offset:3px}.message-editor button:disabled{cursor:wait;opacity:.75}.secondary-button{background:var(--surface-solid)!important;color:var(--accent)!important;border:1px solid var(--border)!important;box-shadow:none!important}.current-grid{gap:22px;display:grid}.current-primary{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:17px;display:grid}.current-temp{letter-spacing:0;margin:0;font-size:clamp(4.5rem,21vw,8rem);font-weight:900;line-height:.9}.condition{color:var(--accent-strong);margin:11px 0 0;font-size:clamp(1.08rem,4vw,1.42rem);font-weight:850;line-height:1.28}.conditions-list,.alert-times{gap:10px;margin:0;display:grid}.conditions-list div,.alert-times div{border-radius:var(--radius-card);background:#ffffff80;border:1px solid #ffffff9e;padding:12px}dt{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:900}dd{margin:5px 0 0;font-weight:850}.hourly-list{gap:10px;min-width:0;max-width:100%;display:grid}.daily-grid{gap:12px;display:grid}.forecast-card{border-radius:var(--radius-card);content-visibility:auto;contain-intrinsic-size:220px;background:linear-gradient(155deg,#ffffffd1,#edf9ffa8);border:1px solid #ffffffa8;min-width:0;padding:14px;box-shadow:0 10px 26px #21364c14}.forecast-card__head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.forecast-card__head h3{grid-column:2;align-self:end;font-weight:900}.forecast-card__head .forecast-card__temp{grid-column:3;place-self:center end}.forecast-card--compact{scroll-snap-align:none;min-height:0}.forecast-card__temp{margin:0;font-size:1.8rem;font-weight:900;line-height:1}.forecast-card__summary{margin:14px 0 0;font-size:1.02rem;font-weight:850;line-height:1.35}.forecast-card__meta{flex-wrap:wrap;gap:8px;margin-top:11px;display:flex}.forecast-card__meta .muted{border-radius:var(--radius-pill);background:#ffffff8f;margin:0;padding:5px 9px;font-size:.86rem;font-weight:850}.forecast-card__detail{color:var(--muted);margin:18px 0 0;line-height:1.55}.daily-grid .forecast-card__summary,.daily-grid .forecast-card__detail{margin-top:18px}.weather-icon{background:linear-gradient(145deg,#fffffffa,#e0f2fcd1);border-radius:18px;flex:none;place-items:center;width:48px;height:48px;font-size:1.48rem;line-height:1;display:inline-grid;box-shadow:inset 0 0 0 1px #ffffffc7,0 12px 24px #21364c1f}.weather-icon--large{border-radius:28px;width:clamp(78px,22vw,136px);height:clamp(78px,22vw,136px);font-size:clamp(2.4rem,10vw,4.55rem)}.weather-icon--sun{background:linear-gradient(145deg,#fff8d7,#ffd166)}.weather-icon--rain,.weather-icon--storm{background:linear-gradient(145deg,#eef8ff,#8dd5ff)}.weather-icon--cloud,.weather-icon--fog{background:linear-gradient(145deg,#fff,#dbe7ef)}.weather-icon--snow{background:linear-gradient(145deg,#fff,#daf1ff)}.weather-icon--wind{background:linear-gradient(145deg,#f4fff9,#b6ead4)}.alert-banner,.inline-error{border-radius:var(--radius-card);padding:12px 14px;font-weight:850}.alert-banner{border:1px solid color-mix(in srgb, var(--alert) 35%, var(--border));background:var(--alert-bg);color:var(--alert)}.inline-error{background:var(--alert-bg);color:var(--alert)}.alerts-list{gap:12px;display:grid}.alert-card{border:1px solid color-mix(in srgb, var(--alert) 35%, var(--border));border-left:5px solid var(--alert);border-radius:var(--radius-card);background:var(--alert-bg);overflow:hidden}.alert-card[open] .alert-disclosure{color:#0000}.alert-card[open] .alert-disclosure:after{content:"Details shown";color:var(--muted)}.alert-card__summary{cursor:pointer;gap:10px;padding:14px;list-style:none;display:grid}.alert-card__summary::-webkit-details-marker{display:none}.alert-card__summary:focus-visible{outline-color:color-mix(in srgb, var(--alert) 30%, transparent);outline-offset:-3px}.alert-card__details{border-top:1px solid color-mix(in srgb, var(--alert) 24%, var(--border));gap:12px;padding:0 14px 14px;display:grid}.alert-card__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.alert-title{color:var(--text);font-size:1rem;font-weight:900}.alert-severity{border-radius:var(--radius-pill);color:var(--alert);background:#fff;padding:4px 9px;font-size:.78rem;font-weight:850}.alert-headline{font-weight:850;display:block}.alert-disclosure{color:var(--muted);font-size:.86rem;font-weight:850}.state-card{justify-items:start;gap:12px;display:grid}.spinner{border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=719px){.app-shell{padding:12px 12px calc(108px + env(safe-area-inset-bottom))}.card,.weather-page,.state-card{padding:14px}.section-header,.alert-card__top{justify-content:stretch;gap:8px;display:grid}.site-message{grid-template-columns:1fr;align-items:start;gap:8px}.site-message span{justify-self:start}.location-search__row{gap:5px}.location-search__row input{min-width:0;padding-right:6px}.location-search__row button{min-width:76px;padding:0 14px}.location-search__results{max-height:min(46dvh,420px)}.header-alert-box,.alert-menu{width:100%}.alert-menu__panel{width:100%;max-height:min(46dvh,440px);left:0;right:auto}.weather-page{min-height:calc(100dvh - 260px)}.station{text-align:left}.current-grid{gap:16px}.current-primary{gap:14px}.current-temp{font-size:clamp(3.5rem,23vw,5rem)}.condition{font-size:1.08rem;line-height:1.35}.conditions-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hourly-list{grid-template-columns:1fr}.forecast-card--compact{align-items:start}.forecast-card--compact .forecast-card__head{grid-template-columns:auto minmax(0,1fr) auto}.forecast-card--compact .forecast-card__temp{font-size:1.45rem}.forecast-card__summary{line-height:1.36}.forecast-card__detail{line-height:1.46}.alert-card__top span{justify-self:start}}@media (width<=359px){.app-shell{padding-inline:10px}.location-search__row button{min-width:68px;padding:0 10px}.weather-icon{border-radius:16px;width:44px;height:44px}.weather-icon--large{border-radius:24px;width:74px;height:74px}.forecast-card__head{gap:9px}.forecast-card__temp{font-size:1.35rem}}@media (width>=720px){.app-shell{padding:24px 24px calc(122px + env(safe-area-inset-bottom))}.status-row{grid-template-columns:minmax(0,1fr) minmax(280px,340px);align-items:start}.status-row .updated-line{align-self:center}.status-row .alert-menu{justify-self:end}.header-alert-box{min-width:0}.card,.weather-page,.state-card{padding:24px}.bottom-nav{bottom:max(4px, env(safe-area-inset-bottom))}.bottom-nav__button{min-height:50px}.weather-page{min-height:calc(100dvh - 340px)}.current-grid{grid-template-columns:minmax(300px,1fr) minmax(320px,.95fr);align-items:end}.conditions-list{grid-template-columns:repeat(2,minmax(0,1fr))}.hourly-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.daily-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1040px){.daily-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-top:#171526;--bg-mid:#1d2630;--bg-bottom:#2b211a;--surface:#1b232de0;--surface-solid:#1f2935;--surface-soft:#263746;--surface-warm:#352a20;--text:#f6f8fb;--muted:#bcc8d3;--border:#c3cfda2e;--accent:#78c7ff;--accent-strong:#b4e0ff;--accent-soft:#193c53;--sun:#ffc861;--leaf:#6ee7bc;--alert:#ffbd7a;--alert-bg:#352617;--shadow:0 16px 42px #0000004d;--soft-shadow:0 10px 26px #00000038}body:before{background:linear-gradient(120deg,#ffffff0a 0 18%,#0000 18% 100%),linear-gradient(245deg,#ffc86114 0 20%,#0000 20% 100%)}.card,.weather-page,.state-card,.header-alert-box,.bottom-nav,.location-search__form{border-color:#dbe5ee29}.hero-card,.forecast-card{background:linear-gradient(150deg,#232f3bf2,#1e3038db 52%,#37291cb8)}.weather-icon{box-shadow:inset 0 0 0 1px #ffffff1f,0 12px 24px #0000003d}.conditions-list div,.alert-times div,.forecast-card__meta .muted{background:#ffffff0d;border-color:#dbe5ee1f}.site-message{background:linear-gradient(135deg,#1f2935f2,#203a3ed1)}.location-search__form,.header-alert-box,.updated-line,.bottom-nav{background:#1c2632bd}.location-search__results,.alert-menu__panel{background:#1f2935f5;box-shadow:0 22px 58px #0000006b}.bottom-nav__button[aria-selected=true]{color:var(--text);background:linear-gradient(145deg,#2a3d4bfa,#2c5356db);box-shadow:inset 0 0 0 1px #dbe5ee1f,0 8px 20px #0000003d}.state-card button,.message-editor button,.location-search__row button{color:#06131c}.alert-severity{background:#20160d}}