:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;--color-glass-bg: rgba(255, 255, 255, .15);--color-glass-border: rgba(255, 255, 255, .2);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .85);--color-shadow: rgba(0, 0, 0, .15);--color-shadow-strong: rgba(0, 0, 0, .25);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-4xl: 2.25rem;--text-hero: clamp(2.5rem, 8vw, 4rem);--content-max: min(100%, 1200px);--focus-ring: 0 0 0 3px rgba(255, 255, 255, .55)}.app-shell[data-surface=bright]{--color-text-primary: #1a1f2e;--color-text-secondary: rgba(26, 31, 46, .82);--color-glass-bg: rgba(255, 255, 255, .45);--color-glass-border: rgba(255, 255, 255, .55);--color-shadow: rgba(0, 0, 0, .08);--color-shadow-strong: rgba(0, 0, 0, .12);--focus-ring: 0 0 0 3px rgba(26, 31, 46, .35)}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-height:100vh;background-color:#1a1b26;color:var(--color-text-primary);overflow-x:hidden;transition:background 1s ease}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;z-index:1}.app-shell{width:100%;max-width:var(--content-max);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:stretch;color:var(--color-text-primary)}.app-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);width:100%;margin-bottom:var(--spacing-lg)}.app-header__brand{display:flex;align-items:baseline;gap:.35rem;min-width:0}.app-header__title{font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.app-header__tag{font-size:var(--text-xs);font-weight:500;opacity:.75;text-transform:uppercase;letter-spacing:.06em}.app-header__search-wrap{flex:1 1 220px;min-width:min(100%,220px)}.app-header__controls{display:flex;align-items:center;flex-shrink:0}.unit-segment{display:inline-flex;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-glass-border);background:var(--color-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.unit-segment button{min-width:48px;min-height:44px;padding:0 .75rem;font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-right:1px solid var(--color-glass-border)}.unit-segment button:last-child{border-right:none}.unit-segment button[aria-pressed=true]{background:#ffffff38;color:var(--color-text-primary)}.app-shell[data-surface=bright] .unit-segment button[aria-pressed=true]{background:#ffffffa6}.search-form{padding:.65rem 1.25rem;display:flex;align-items:center;width:100%;min-height:48px}.search-form .search-icon-wrap{display:flex;align-items:center;margin-right:.75rem;flex-shrink:0;opacity:.85}.search-input{background:transparent;border:none;color:var(--color-text-primary);font-size:var(--text-lg);width:100%}.search-input::placeholder{color:#ffffff8c}.app-shell[data-surface=bright] .search-input::placeholder{color:#1a1f2e73}.glass-panel{background:var(--color-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);box-shadow:0 4px 6px var(--color-shadow),0 10px 30px var(--color-shadow-strong),inset 0 0 0 1px #ffffff1a;color:var(--color-text-primary)}.glass-panel--elevated{background:var(--color-glass-bg);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border:1px solid var(--color-glass-border);border-radius:var(--radius-lg);box-shadow:0 8px 24px var(--color-shadow),0 20px 50px var(--color-shadow-strong),inset 0 1px #ffffff40;color:var(--color-text-primary);position:relative;overflow:hidden}.glass-panel--elevated:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.12) 0%,transparent 45%);pointer-events:none}.glass-panel--subtle{background:var(--color-glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);box-shadow:0 2px 12px var(--color-shadow);color:var(--color-text-primary)}.text-shadow{text-shadow:0 2px 8px rgba(0,0,0,.18)}.app-shell[data-surface=bright] .text-shadow{text-shadow:0 1px 2px rgba(255,255,255,.5)}button:focus-visible,input:focus-visible,a.feed-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}.dashboard-grid{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%;align-items:stretch}@media(min-width:768px)and (max-width:1023px){.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"weather weather" "stack guide";align-items:start;gap:var(--spacing-md)}.dashboard-grid .dash-weather{grid-area:weather}.dashboard-grid .dash-news-stack{grid-area:stack}.dashboard-grid .dash-guide{grid-area:guide}}@media(min-width:1024px){.dashboard-grid{display:grid;grid-template-columns:1fr minmax(320px,420px) 1fr;grid-template-areas:"stack weather guide";align-items:start;gap:var(--spacing-lg)}.dashboard-grid .dash-weather{grid-area:weather}.dashboard-grid .dash-news-stack{grid-area:stack}.dashboard-grid .dash-guide{grid-area:guide}}.dash-news-stack{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.dash-weather{width:100%;display:flex;flex-direction:column;align-items:center}.dash-guide{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.forecast-panel{padding:var(--spacing-md);width:100%}.forecast-panel h3{margin-bottom:var(--spacing-sm);font-size:var(--text-xl);font-weight:600}.forecast-scroll{display:flex;flex-direction:row;gap:.65rem;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.forecast-scroll::-webkit-scrollbar{height:6px}.forecast-scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.forecast-day-card{flex:0 0 auto;scroll-snap-align:start;width:5.5rem;padding:.65rem .5rem;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;gap:.35rem;text-align:center}.app-shell[data-surface=bright] .forecast-day-card{background:#ffffff59;border-color:#1a1f2e14}.forecast-day-card .day-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.85}.forecast-day-card .day-temp{font-weight:700;font-size:var(--text-lg)}.forecast-day-card .day-desc{font-size:.65rem;opacity:.75;line-height:1.2}.forecast-list{display:none;flex-direction:column;gap:.25rem}.forecast-row{display:flex;justify-content:space-between;align-items:center;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.1)}.app-shell[data-surface=bright] .forecast-row{border-bottom-color:#1a1f2e14}.forecast-row:last-child{border-bottom:none}.forecast-row .row-day{width:3rem;font-weight:600;font-size:var(--text-sm)}.forecast-row .row-mid{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.forecast-row .row-temp{font-weight:700;min-width:3rem;text-align:right}@media(min-width:768px){.forecast-scroll{display:none}.forecast-list{display:flex}}.feed-card{text-decoration:none;color:inherit;display:flex;flex-direction:column;padding:.85rem;background:#ffffff0f;border-radius:var(--radius-sm);border:1px solid transparent;transition:background .2s,border-color .2s,transform .2s;cursor:pointer;min-height:4.5rem}.app-shell[data-surface=bright] .feed-card{background:#fff6}.feed-card:hover{background:#ffffff24;border-color:#ffffff1f}.app-shell[data-surface=bright] .feed-card:hover{background:#ffffff8c}.feed-card-title{font-weight:600;font-size:var(--text-sm);line-height:1.35;margin-bottom:.35rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);opacity:.72;margin-top:auto}.feed-card-meta .source-pill{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-card--thumb{flex-direction:row;gap:.65rem;align-items:flex-start}.feed-card-thumb{width:52px;height:52px;border-radius:8px;object-fit:cover;flex-shrink:0;background:#00000026}.weather-insights{padding:var(--spacing-md);width:100%}.wi-heading{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:.4rem}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.insight-tile{padding:.65rem .75rem;border-radius:var(--radius-sm);background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.app-shell[data-surface=bright] .insight-tile{background:#ffffff59}.insight-tile .label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;opacity:.7;margin-bottom:.35rem}.insight-tile .value{font-size:var(--text-lg);font-weight:700}.insight-tile--wide{grid-column:1 / -1}.insight-tile--compass,.insight-tile--uv{grid-column:span 1}.insight-tile--map{padding:0;overflow:hidden}.ins-compass-wrap{display:flex;flex-direction:column;align-items:center;gap:.3rem}.ins-compass-svg{width:88px;height:88px}.ins-compass-speed{display:flex;flex-direction:column;align-items:center;line-height:1.2}.ins-compass-speed__val{font-size:var(--text-base);font-weight:800}.ins-compass-speed__gust{font-size:var(--text-xs);opacity:.68}.ins-uv-wrap{display:flex;flex-direction:column;align-items:center;gap:.2rem}.ins-uv-svg{width:100%;max-width:120px}.ins-uv-label{display:flex;flex-direction:column;align-items:center;line-height:1.2}.ins-uv-label__val{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em}.ins-uv-label__text{font-size:var(--text-xs);opacity:.82}.ins-aqi-wrap{display:flex;flex-direction:column;gap:.5rem}.ins-aqi-bar-track{position:relative;display:flex;gap:3px;height:8px;border-radius:999px;overflow:hidden}.ins-aqi-segment{flex:1;border-radius:999px;transition:opacity .3s ease}.ins-aqi-thumb{position:absolute;top:-2px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(255,255,255,.9);box-shadow:0 1px 4px #0000004d;transition:left .4s ease}.ins-aqi-footer{display:flex;justify-content:space-between;align-items:baseline}.ins-aqi-val{font-size:var(--text-sm);font-weight:800}.ins-aqi-sub{font-size:var(--text-xs);opacity:.65}.ins-dew-wrap{margin-top:.45rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.08)}.app-shell[data-surface=bright] .ins-dew-wrap{border-top-color:#1a1f2e14}.ins-dew-row{display:flex;justify-content:space-between;font-size:var(--text-xs);margin-bottom:.25rem}.ins-dew-label{opacity:.68;text-transform:uppercase;letter-spacing:.04em}.ins-dew-val{font-weight:700}.ins-fog-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.68rem;font-weight:700;padding:.18rem .5rem;border-radius:999px;background:#b4dcff38;border:1px solid rgba(180,220,255,.35);color:#c8ebfff2}.app-shell[data-surface=bright] .ins-fog-badge{background:#508cc826;border-color:#508cc84d;color:#2563ab}.ins-map-wrap{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:#a8c8e8}.ins-map-base{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.ins-map-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:.75;mix-blend-mode:multiply;filter:saturate(1.6) brightness(1.05)}.app-shell[data-surface=bright] .ins-map-img{mix-blend-mode:multiply;opacity:.7}.ins-map-label{position:absolute;bottom:6px;right:8px;display:flex;align-items:center;gap:.25rem;font-size:.65rem;opacity:.75;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.4)}.forecast-range-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.forecast-range-row{display:grid;grid-template-columns:2.8rem 1.4rem 2.2rem 2rem 1fr 2.4rem;align-items:center;gap:.4rem;padding:.3rem 0}.frr-day{font-size:var(--text-sm);font-weight:600;opacity:.92;white-space:nowrap}.frr-icon{font-size:1.1rem;line-height:1;text-align:center}.frr-pop{font-size:var(--text-xs);font-weight:700;color:#93c5fdf2;text-align:right}.frr-low{font-size:var(--text-sm);opacity:.68;text-align:right;font-variant-numeric:tabular-nums}.frr-high{font-size:var(--text-sm);font-weight:700;text-align:left;font-variant-numeric:tabular-nums}.range-bar-track{position:relative;height:6px;background:#ffffff1a;border-radius:999px;overflow:hidden}.app-shell[data-surface=bright] .range-bar-track{background:#1a1f2e1a}.range-bar-fill{position:absolute;top:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#60a5fa,#fbbf24,#fb923c);min-width:4%}.aqi-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-sm);font-weight:600}.weather-tips{padding:var(--spacing-md);width:100%}.weather-tips h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--spacing-sm)}.weather-tips ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.weather-tips li{font-size:var(--text-sm);padding:.5rem .65rem;border-radius:var(--radius-sm);background:#ffffff0f;line-height:1.4}.app-shell[data-surface=bright] .weather-tips li{background:#ffffff59}.empty-state{padding:var(--spacing-md);text-align:center;width:100%}.empty-state__icon{opacity:.45;margin:0 auto .5rem;display:flex;justify-content:center}.empty-state__title{font-weight:600;font-size:var(--text-base);margin-bottom:.35rem}.empty-state__hint{font-size:var(--text-sm);opacity:.75;line-height:1.4}.skeleton-screen{width:100%;max-width:420px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md)}.skeleton-hero{border-radius:var(--radius-lg);min-height:280px;position:relative;overflow:hidden;background:var(--color-glass-bg);border:1px solid var(--color-glass-border)}.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.12) 45%,transparent 90%);animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-rows{display:flex;flex-direction:column;gap:.5rem;padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-glass-bg);border:1px solid var(--color-glass-border)}.skeleton-row{height:2.75rem;border-radius:8px;background:#ffffff14;position:relative;overflow:hidden}.skeleton-row:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 1.4s ease-in-out infinite}.error-panel{padding:var(--spacing-md);max-width:420px;margin:0 auto;width:100%}.error-panel__title{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:var(--text-lg);margin-bottom:.5rem}.error-panel__body{font-size:var(--text-sm);opacity:.9;margin-bottom:var(--spacing-sm);line-height:1.45}.error-panel__retry{padding:.55rem 1.1rem;border-radius:var(--radius-sm);font-weight:600;font-size:var(--text-sm);background:#fff3;color:inherit;border:1px solid var(--color-glass-border)}.app-shell[data-surface=bright] .error-panel__retry{background:#1a1f2e14}.current-hero-inner{position:relative;z-index:1;padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center}.current-hero-metrics{display:flex;justify-content:space-around;width:100%;border-top:1px solid rgba(255,255,255,.18);padding-top:1.25rem}.app-shell[data-surface=bright] .current-hero-metrics{border-top-color:#1a1f2e1f}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{font-family:inherit;outline:none}.hourly-dashboard{padding:var(--spacing-md);width:100%;max-width:520px;margin:0 auto 1.25rem}.hourly-dashboard--empty .hourly-dashboard__empty-hint{font-size:var(--text-sm);opacity:.82;line-height:1.45;text-align:center}.hourly-dashboard__interval-note{font-size:var(--text-xs);opacity:.58;margin:-.3rem 0 .6rem;letter-spacing:.01em}.hourly-dashboard--skeleton{min-height:220px}.hourly-skeleton-bar{height:132px;border-radius:var(--radius-sm);background:#ffffff0f;margin-bottom:.85rem}.hourly-skeleton-scroll{display:flex;gap:.85rem;overflow:hidden}.hourly-skeleton-chip{flex:0 0 4.25rem;height:7.5rem;border-radius:var(--radius-sm);background:#ffffff0f}.app-shell[data-surface=bright] .hourly-skeleton-bar,.app-shell[data-surface=bright] .hourly-skeleton-chip{background:#ffffff59}.hourly-dashboard__title{font-size:var(--text-xl);font-weight:600;margin-bottom:.65rem;text-align:left}.hourly-sparkline-wrap{width:100%;height:132px;margin-bottom:.85rem;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid rgba(255,255,255,.08);overflow:hidden}.app-shell[data-surface=bright] .hourly-sparkline-wrap{background:#ffffff59;border-color:#1a1f2e14}.hourly-tooltip{padding:.4rem .55rem;border-radius:8px;background:#141824eb;border:1px solid rgba(255,255,255,.12);font-size:var(--text-xs);color:#fff;box-shadow:0 4px 16px #0003}.hourly-tooltip__time{font-weight:700;margin-bottom:.2rem}.hourly-tooltip__row{display:flex;gap:.5rem;flex-wrap:wrap;opacity:.95}.hourly-tooltip__pop{color:#93c5fd;font-weight:600}.hourly-container{display:flex;gap:.85rem;overflow-x:auto;padding:.35rem .15rem .65rem;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent;-webkit-overflow-scrolling:touch}.hourly-container::-webkit-scrollbar{height:5px}.hourly-container::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.app-shell[data-surface=bright] .hourly-container::-webkit-scrollbar-thumb{background:#1a1f2e33}.hourly-card{flex:0 0 auto;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;min-width:4.25rem;padding:.55rem .45rem .5rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);background:#ffffff0d;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.app-shell[data-surface=bright] .hourly-card{background:#ffffff52;border-color:#1a1f2e1a}.hourly-card:hover,.hourly-card:focus-within{border-color:#ffffff61;background:#ffffff1a;box-shadow:inset 0 1px #ffffff38,0 6px 18px #0000001f;transform:translateY(-1px)}.app-shell[data-surface=bright] .hourly-card:hover,.app-shell[data-surface=bright] .hourly-card:focus-within{border-color:#1a1f2e38;background:#ffffff85;box-shadow:inset 0 1px #ffffffa6,0 6px 18px #00000014}.hourly-time{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;opacity:.88;margin-bottom:.2rem}.hourly-icon{width:48px;height:48px;object-fit:contain;margin:.15rem 0}.hourly-temp{font-size:var(--text-lg);font-weight:800;letter-spacing:-.02em;line-height:1.1}.hourly-pop-wrap{display:flex;flex-direction:column;align-items:center;gap:.2rem;width:100%;margin-top:.35rem;min-height:3.25rem}.hourly-pop-track{height:36px;width:100%;display:flex;align-items:flex-end;justify-content:center;border-radius:4px;background:#0000001f}.app-shell[data-surface=bright] .hourly-pop-track{background:#1a1f2e0f}.hourly-pop-bar{width:7px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#93c5fdf2,#3b82f68c);min-height:2px;transition:height .25s ease}.hourly-pop-label{font-size:.65rem;font-weight:700;color:#93c5fdf2}.hourly-pop-label--muted{color:var(--color-text-secondary);opacity:.45;font-weight:600}.hourly-wind{margin-top:.35rem;display:flex;flex-direction:column;align-items:center;gap:.1rem;min-height:2.25rem}.hourly-wind-arrow{color:var(--color-text-secondary);flex-shrink:0}.hourly-wind-speed{font-size:.65rem;font-weight:600;opacity:.82;white-space:nowrap}@media(prefers-reduced-motion:reduce){.hourly-card:hover,.hourly-card:focus-within{transform:none}.skeleton-shimmer,.skeleton-row:after{animation:none}}