:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;--page-bg:#112d41;--text-primary:#f2f7fa;--text-secondary:#c5d8e2;--surface-card:#ffffff08;--surface-chip:#17384e;--border-subtle:#456175;--divider:#456175;--accent:#d8e9f3;--accent-text:#112d41;--accent-strong:#b8d9ec;--focus-ring:#ffd58a;--aqi-good:#9ce0bc;--aqi-fair:#c3df96;--aqi-moderate:#ffdc95;--aqi-poor:#ffd0b2;--aqi-very-poor:#ffafb6;--aqi-extremely-poor:#e4c2ff;--aqi-unknown:#c5d8e2;--radius-card:16px}*{box-sizing:border-box}body,html{background:var(--page-bg)}body{margin:0;color:var(--text-primary);min-width:0}button,input,select{font:inherit}button{cursor:pointer}button,summary{min-height:44px}button{color:inherit;border:1px solid var(--border-subtle);background:transparent;border-radius:8px;padding:8px 16px;transition:background-color .16s,border-color .16s}button:hover{background:#ffffff0f;border-color:#7697ab}button:disabled{opacity:.65;cursor:wait}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--accent)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}summary{cursor:pointer;align-content:center}svg{display:block}h1,h2,h3,p{margin:0}h2{font-size:17px;font-weight:600;line-height:1.4}.page-shell{min-height:100dvh;padding-bottom:max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse 100% 650px at 100% 0,#335870,transparent 75%),var(--page-bg)}.app{width:min(1000px,calc(100% - 80px));margin-inline:auto}.site-header{padding-top:max(36px,env(safe-area-inset-top))}.simple-header{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:28px;gap:28px}.app-title{font-size:23px;letter-spacing:-.6px;font-weight:700}.header-region{color:var(--text-secondary);font-size:12px;letter-spacing:1.6px}.header-controls{grid-column:1/-1}.segmented-location-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.segmented-location-btn{font-size:15px;padding:11px 20px;min-height:48px}.segmented-location-btn.is-active{color:var(--accent-text);background:var(--accent);border-color:var(--accent)}.segmented-active-dot{display:none}.main-flow{padding-top:26px}.bento-dashboard-layout{display:grid;grid-gap:24px;gap:24px}.bento-hero-wrapper{text-align:center;position:relative;padding:14px 0 24px}.bento-top-bar{position:relative}.bento-location-meta{padding-inline:54px}.bento-eyebrow{color:var(--text-secondary);font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.bento-location-name{font-size:34px;font-weight:500;line-height:1.25;letter-spacing:-.8px;margin:8px 0}.bento-time-subtitle{color:var(--text-secondary);font-size:13px;line-height:1.5}.bento-refresh-button{position:absolute;right:0;top:10px;display:grid;place-items:center;width:44px;padding:10px}.bento-refresh-icon{width:20px;height:20px}.bento-hero-main{display:flex;flex-direction:column;align-items:center;margin-top:28px}.bento-hero-icon-box{color:var(--accent-strong);width:112px;height:112px}.bento-hero-icon-box .weather-icon{width:100%;height:100%}.bento-hero-temp-block{display:flex;flex-direction:column;align-items:center}.bento-hero-temp{font-size:clamp(96px,10vw,128px);line-height:1.2;font-weight:300;letter-spacing:-6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bento-hero-condition{font-size:19px;line-height:1.4;margin-top:4px}.bento-hero-footer{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 26px;margin-top:22px;color:var(--text-secondary);font-size:14px}.bento-hero-sublabel{margin-right:6px}.bento-hero-subval{font-weight:600}.bento-hero-summary-text{font-size:14px;line-height:1.6;color:var(--text-secondary);max-width:580px;margin:16px auto 0}.weather-icon{display:inline-block;width:32px;height:32px;color:var(--accent-strong)}.weather-icon-svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.weather-glyph-storm{fill:currentColor;stroke-width:1}.card,.trend-chart-card,.weather-activities-panel,.weather-details-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-card);padding:24px;min-width:0}.bento-hourly-section{min-width:0}.hourly-header-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.hourly-nav-controls{display:flex;gap:8px;flex:0 0 auto}.hourly-nav-btn{display:grid;place-items:center;width:44px;padding:8px}.hourly{list-style:none;margin:0;padding:4px 0 14px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(80px,1fr);overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:#69889b transparent;scrollbar-width:thin;grid-gap:14px;gap:14px}.hour{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;font-size:13px}.hour time{color:var(--text-secondary)}.hour .weather-icon{width:34px;height:34px}.hour strong{font-size:23px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hour small{color:var(--accent-strong);font-size:12px}.bento-columns-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);grid-gap:24px;gap:24px;align-items:start}.bento-trend-item{grid-column:1;grid-row:1}.bento-metrics-item{grid-column:2;grid-row:1/span 2}.bento-activities-item{grid-column:1;grid-row:2}.bento-grid-item{min-width:0}.bento-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.bento-title{color:var(--text-secondary);font-size:12px;font-weight:400;text-transform:none;letter-spacing:.2px}.trend-header{margin-bottom:22px}.chart-legend{display:flex;gap:12px;font-size:11px;color:var(--text-secondary)}.legend-item{display:inline-flex;align-items:center;gap:4px}.legend-dot{width:5px;height:5px;border-radius:50%}.dot-max{background:#fbba86}.dot-min{background:#b8d9ec}.trend-daily-list{display:grid;grid-gap:14px;gap:14px}.trend-row{display:grid;grid-template-columns:46px 78px minmax(0,1fr);grid-gap:10px;gap:10px;align-items:center;font-size:14px}.trend-row-day{font-weight:600}.trend-row-condition{display:flex;align-items:center;gap:6px}.trend-row-icon,.trend-row-icon .weather-icon{width:28px;height:28px}.trend-row-rain{font-size:11px;color:var(--accent-strong);display:flex;align-items:center;gap:2px}.trend-drop-icon{width:8px;height:10px}.trend-range-bar-cell{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;grid-gap:8px;gap:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trend-val-min{color:var(--text-secondary)}.trend-val-max{text-align:right;font-weight:600}.trend-bar-track{height:5px;border-radius:4px;position:relative;background:var(--border-subtle);overflow:hidden}.trend-bar-fill{position:absolute;height:100%;border-radius:inherit;background:var(--accent-strong)}.trend-chart-disclosure{margin-top:22px;padding-top:8px;border-top:1px solid var(--divider);font-size:13px;color:var(--text-secondary)}.trend-svg-container{margin-top:14px}.trend-chart-svg{width:100%;height:160px}.chart-day-axis-label,.chart-temp-label{font-size:12px;fill:var(--text-secondary)}.max-label{fill:#fbba86}.weather-details-panel>h2{margin-bottom:18px}.bento-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:22px 20px;gap:22px 20px}.bento-metrics-grid>.bento-card{border-top:1px solid var(--divider);padding-top:14px;min-width:0}.bento-metric-large{display:flex;flex-direction:column;gap:4px}.bento-metric-value{font-size:25px;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.4px;overflow-wrap:anywhere}.bento-card-footnote,.bento-metric-status,.bento-wind-sub,.sun-arc-sub{font-size:12px;color:var(--text-secondary);line-height:1.6}.bento-card-footnote{margin-top:12px}.bento-wind-sub{margin-top:5px}.bento-wind-body{position:relative}.bento-compass-wrapper{width:64px;margin-top:12px;color:var(--text-secondary)}.bento-compass-svg{width:100%}.compass-label{fill:var(--text-secondary);font-size:12px}.bento-progress-track{height:4px;border-radius:4px;background:var(--border-subtle);margin-top:14px;position:relative}.bento-progress-fill{height:100%;border-radius:inherit;background:var(--accent-strong)}.bento-progress-pin{position:absolute;width:6px;height:6px;top:-1px;border-radius:50%;background:var(--accent-strong);transform:translateX(-50%)}.sun-arc-main-time{font-size:25px;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sun-arc-sub{margin-top:4px}.sun-arc-visual{max-width:150px;margin-top:8px}.sun-arc-svg{width:100%}.atmosphere-grid{display:grid;grid-gap:10px;gap:10px}.atmosphere-item{display:flex;flex-wrap:wrap;gap:2px 8px;justify-content:space-between;font-size:12px}.atmosphere-label{color:var(--text-secondary)}.atmosphere-value{font-weight:500}.weather-activities-panel>h2{margin-bottom:12px}.weather-activities-panel>.activity-card{border-top:1px solid var(--divider)}.activity-card{padding-top:18px}.activity-card .bento-card-header{display:none}.activity-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:18px;gap:18px}.activity-item{display:grid;grid-template-columns:28px minmax(0,1fr);grid-gap:12px;gap:12px}.activity-icon-box{width:24px;color:var(--accent-strong);padding-top:2px}.activity-icon{width:24px;height:24px}.activity-header-row{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}.activity-title{font-size:14px;font-weight:600}.activity-badge{font-size:11px;padding:2px 6px;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary)}.badge-excellent,.badge-good{color:var(--aqi-good)}.badge-moderate{color:var(--aqi-moderate)}.badge-poor{color:var(--aqi-poor)}.activity-sub{font-size:12px;color:var(--text-secondary);line-height:1.6;margin-top:4px}.warning-card{background:#403922;border-color:#937b47}.warning-card h2{margin-bottom:16px}.warning-item{border-left:3px solid #ffda92;padding:8px 16px}.warning-item+.warning-item{margin-top:18px}.warning-extreme,.warning-severe{border-color:#ff9eaa}.warning-title{font-size:16px;line-height:1.5}.warning-meta{font-size:12px;color:#e8d9b8;margin:6px 0}.warning-item details{font-size:13px}.warning-item details p{line-height:1.7;margin-bottom:10px}.notice{border:1px solid #937b47;border-radius:12px;padding:16px 20px;margin-bottom:20px;background:#403922;color:#ffe2ae;font-size:14px;line-height:1.6}.notice.error{border-color:#a5707b;background:#482d38;color:#ffd8de}.site-footer{width:min(1000px,calc(100% - 80px));margin:32px auto 0;padding-top:20px;border-top:1px solid var(--divider);color:var(--text-secondary);font-size:12px;line-height:1.8}.footer-legal{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:6px}.footer-legal a{display:inline-flex;align-items:center;min-height:44px}.app-skeleton{padding-top:40px}.skeleton-hero{height:380px;background:var(--surface-card);border-radius:var(--radius-card)}.skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px;margin-top:24px}.skeleton-grid span{height:160px;background:var(--surface-card);border:1px solid var(--divider);border-radius:var(--radius-card)}.is-spinning{animation:refresh-spin 1s linear infinite}@keyframes refresh-spin{to{transform:rotate(1turn)}}@media (max-width:760px){.app,.site-footer{width:calc(100% - 40px)}.site-header{padding-top:max(24px,env(safe-area-inset-top))}.simple-header{gap:24px}.bento-columns-grid{grid-template-columns:minmax(0,1fr);gap:20px}.bento-activities-item,.bento-metrics-item,.bento-trend-item{grid-column:1;grid-row:auto}.bento-dashboard-layout{gap:20px}.card,.trend-chart-card,.weather-activities-panel,.weather-details-panel{padding:20px}.bento-location-meta{padding-inline:38px}.bento-location-name{font-size:29px}.bento-time-subtitle{font-size:12px}.bento-refresh-button{top:0;right:-4px;border-color:transparent}.bento-hero-main{margin-top:24px}.bento-hero-icon-box{width:100px;height:100px}.bento-hero-temp{font-size:104px}.bento-hero-summary-text{font-size:13px;max-width:340px}.bento-hero-footer{gap:10px 16px;font-size:13px}.hourly-header-row{gap:8px;margin-bottom:16px}.hourly-header-row h2{max-width:160px}.hourly{grid-auto-columns:58px;gap:8px}.hour strong{font-size:21px}.hour .weather-icon{width:30px;height:30px}.bento-metrics-grid{gap:22px 16px}.bento-metric-value,.sun-arc-main-time{font-size:23px}.trend-row{grid-template-columns:44px 76px minmax(0,1fr);gap:6px;font-size:13px}.trend-range-bar-cell{grid-template-columns:25px minmax(0,1fr) 25px;gap:5px}.trend-header{flex-wrap:wrap}}@media (max-width:360px){.app,.site-footer{width:calc(100% - 28px)}.card,.trend-chart-card,.weather-activities-panel,.weather-details-panel{padding:16px}.bento-location-meta{padding-inline:28px}.bento-hero-temp{font-size:92px}.bento-metric-value,.sun-arc-main-time{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;left:20px;top:-80px;z-index:10;padding:12px;background:var(--accent);color:var(--accent-text)}.skip-link:focus{top:12px}.trend-daily-list{list-style:none;padding:0;margin:0}.trend-row{grid-template-columns:82px 78px minmax(0,1fr)}.trend-row-day{font-size:12px}.hour-date{display:block;font-size:10px;margin-bottom:4px;white-space:nowrap}.hourly{grid-auto-columns:minmax(82px,1fr)}.warning-card{background:transparent;border-color:var(--border-subtle);color:var(--text-secondary);font-size:13px;line-height:1.6}.warning-card h2{margin-bottom:8px;font-size:15px;color:var(--text-primary)}.warning-card a{display:inline-block;margin-top:6px}.warning-card.has-warnings{background:#403922;border-color:#937b47;color:var(--text-primary)}.empty-weather p{margin:12px 0 20px;color:var(--text-secondary)}@media (max-width:760px){.trend-row{grid-template-columns:76px 72px minmax(0,1fr)}.hourly{grid-auto-columns:78px}}@media (max-width:360px){.trend-row{grid-template-columns:70px 68px minmax(0,1fr);gap:4px}.trend-range-bar-cell{gap:3px}}