:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-app:#0f1419;--surface:#1a222c;--surface-raised:#232d3a;--surface-overlay:#1a222ceb;--border:#ffffff14;--border-strong:#ffffff24;--text:#c5cdd6;--text-strong:#f0f4f8;--text-muted:#8b97a6;--accent:#4ade80;--accent-strong:#22c55e;--accent-muted:#4ade8026;--warning:#fbbf24;--danger:#f87171;--sky:#60a5fa;--sun:#fbbf24;--overlay-backdrop:#000000a6;--scroll-fade:#000;--scroll-thumb:#ffffff47;--scroll-track:#ffffff14;--on-risk-surface:#ffffffe0;--risk-safe-text:#86efac;--risk-caution-text:#fcd34d;--risk-short-text:#fdba74;--risk-avoid-text:#fca5a5;--pin-accent:#f87171;--theme-icon:#93c5fd;--info-text:#93c5fd;--info-bg:#60a5fa29;--error-border:#f8717159;--error-bg:#f871711a;--error-text:#fca5a5;--dot-inactive:#fff3;--risk-safe-color:#4ade80;--risk-safe-bg:#4ade8026;--risk-safe-pill-bg:#4ade802e;--risk-safe-footer-bg:#4ade8038;--risk-safe-hover-bg:#4ade804d;--risk-caution-color:#fbbf24;--risk-caution-bg:#fbbf2426;--risk-caution-pill-bg:#fbbf242e;--risk-caution-footer-bg:#fbbf2447;--risk-short-color:#fb923c;--risk-short-bg:#fb923c26;--risk-short-pill-bg:#fb923c2e;--risk-short-footer-bg:#fb923c47;--risk-avoid-color:#f87171;--risk-avoid-bg:#f8717126;--risk-avoid-pill-bg:#f871712e;--risk-avoid-footer-bg:#f8717147;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--radius-pill:999px;--radius-header:22px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:28px;--space-8:32px;--font-caption:.7rem;--font-body-sm:.85rem;--font-body:.9rem;--font-title-sm:1rem;--font-title:clamp(1.1rem, 3vw, 1.35rem);--bp-sm:480px;--bp-md:640px;--bp-nav:700px;--bp-scroll-fade:720px;--bp-lg:1024px;--strip-card-width:128px;--strip-gap:var(--space-4);--button-bg:var(--surface-raised);--button-border:var(--border);--input-bg:var(--surface-raised);--input-border:var(--border);--surface-card:var(--surface);color:var(--text);background:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-app:#f8fafd;--surface:#fff;--surface-raised:#f7fafd;--surface-overlay:#ffffffeb;--border:#0f172a12;--border-strong:#0f172a1f;--text:#223041;--text-strong:#0f172a;--text-muted:#526173;--accent:#15803d;--accent-strong:#166534;--accent-muted:#15803d24;--warning:#b45309;--danger:#b91c1c;--sky:#1d4ed8;--sun:#b45309;--overlay-backdrop:#0f172a61;--scroll-fade:#f4f7fb;--scroll-thumb:#0f172a38;--scroll-track:#0f172a14;--on-risk-surface:#0f172a;--risk-safe-text:#14532d;--risk-caution-text:#92400e;--risk-short-text:#9a3412;--risk-avoid-text:#991b1b;--pin-accent:#dc2626;--theme-icon:#b45309;--info-text:#1e40af;--info-bg:#2563eb1f;--error-border:#b91c1c66;--error-bg:#fee2e2e6;--error-text:#991b1b;--dot-inactive:#0f172a33;--risk-safe-color:#15803d;--risk-safe-bg:#16a34a1a;--risk-safe-pill-bg:#ecfdf3;--risk-safe-footer-bg:#dff7e8;--risk-safe-hover-bg:#c9eed7;--risk-caution-color:#b45309;--risk-caution-bg:#d977061a;--risk-caution-pill-bg:#fff7db;--risk-caution-footer-bg:#fcedb3;--risk-short-color:#c2410c;--risk-short-bg:#ea580c1a;--risk-short-pill-bg:#fff1e3;--risk-short-footer-bg:#ffdcb8;--risk-avoid-color:#b91c1c;--risk-avoid-bg:#dc26261a;--risk-avoid-pill-bg:#fdecec;--risk-avoid-footer-bg:#f9c7c7}*{box-sizing:border-box}html{max-width:100%;overflow-x:clip}body{background:var(--bg-app);min-width:320px;max-width:100%;margin:0;overflow-x:clip}button,input,select{letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--text-strong);letter-spacing:-.02em}h2{font-size:var(--font-title);line-height:1.15}h3{font-size:.95rem;line-height:1.2}p,li{line-height:1.55}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{margin:0 0 var(--space-1);color:var(--accent);font-size:var(--font-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.muted{color:var(--text-muted);font-size:var(--font-body)}.app-header{top:var(--space-4);z-index:20;gap:var(--space-3) var(--space-4);min-width:0;margin-top:var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-header);background:var(--surface-overlay);padding:var(--space-3) var(--space-4);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid;position:sticky}.brand-mark,.my-dog-button{color:var(--text-strong);text-decoration:none}.header-top{display:contents}.brand-mark{justify-self:start;align-items:center;gap:10px;min-width:0;display:flex}.brand-text{min-width:0;display:grid}.brand-icon{border-radius:var(--radius-pill);background:var(--accent-strong);width:34px;height:34px;color:var(--bg-app);flex:none;place-items:center;display:grid}.brand-mark strong{font-size:.95rem;line-height:1.1;display:block}.brand-tagline{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;line-height:1.2;overflow:hidden}.nav-location-form{align-items:center;gap:var(--space-2);justify-self:center;width:min(100%,36rem);min-width:min(100%,16rem);display:flex}.nav-pin-button{color:var(--pin-accent)}.theme-button{color:var(--theme-icon)}.header-actions{align-items:center;gap:var(--space-3);justify-self:end;display:inline-flex}.mobile-header-controls{display:none;position:static}.mobile-menu-dropdown{width:min(360px,100dvw - 16px);left:50%;right:auto;transform:translate(-50%)}.mobile-menu-panel{gap:var(--space-4);text-align:center;display:grid}.mobile-menu-profile-fields{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border);display:grid}.mobile-menu-panel .profile-option-group{justify-items:center}.mobile-menu-panel .profile-option-group__buttons{justify-content:center}.mobile-menu-theme-row{justify-content:center;align-items:center;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--border);display:flex}.mobile-menu-theme-label{color:var(--text-muted);font-size:var(--font-caption);letter-spacing:.03em;text-transform:uppercase;margin:0;font-weight:700}.my-dog-menu,.surface-menu{position:relative}.surface-button{justify-content:space-between;min-width:148px}.surface-button__value{text-align:left;min-width:62px;color:var(--text-muted);font-size:.76rem;font-weight:700}.my-dog-button svg{color:var(--accent)}.my-dog-button[aria-expanded=true]{border-color:var(--accent);background:var(--accent-muted)}.surface-dropdown{width:min(320px,100dvw - 24px)}.panel{margin:0}.surface-panel{gap:var(--space-3);display:grid}.profile-form-note{margin:var(--space-4) 0 0;padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);font-size:.78rem;line-height:1.45}.profile-grid{gap:var(--space-3);display:grid}.profile-dropdown .profile-grid{grid-template-columns:minmax(0,1fr)}.profile-option-group{gap:var(--space-2);display:grid}.profile-option-group__label{color:var(--text-muted);font-size:var(--font-caption);letter-spacing:.03em;text-transform:uppercase;margin:0;font-weight:700}.profile-option-group__buttons{gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-option-button{border-radius:var(--radius-pill);min-height:30px;padding:0 10px;font-size:.78rem;font-weight:600}.profile-option-button--selected,.profile-option-button[aria-checked=true]{border-color:var(--accent);background:var(--accent-muted);color:var(--text-strong)}.dashboard-section{min-width:0;overflow-x:clip}.dashboard-section__header{margin-bottom:14px}.dashboard-section__header--split{justify-content:space-between;align-items:flex-end;gap:var(--space-4) var(--space-5);flex-wrap:wrap;min-width:0;display:flex}.dashboard-section__titles{min-width:0}.dashboard-section__aside{flex:0 auto;min-width:0;max-width:100%}.dashboard-section__subtitle{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:var(--font-body-sm);font-weight:500;line-height:1.4}.dashboard-section__title{align-items:center;gap:var(--space-3);margin:0;font-size:1.15rem;font-weight:700;display:flex}.dashboard-section__title-icon{color:var(--accent);flex-shrink:0;display:inline-flex}.dashboard-section--hourly .ui-horizontal-scroll--hourly{padding:var(--space-3) 0 var(--space-5)}.hour-card__body{align-items:center;gap:var(--space-3);padding:14px 10px var(--space-4);text-align:center;flex-direction:column;flex:1;min-width:0;display:flex}.hour-card__walk-row{align-items:center;gap:var(--space-2);min-height:1.35rem;display:inline-flex}.hour-card__time{color:var(--text-muted);font-size:.8rem;font-weight:700}.hour-card__footer{padding:10px var(--space-3);flex-direction:column;justify-content:center;align-items:center;display:flex}.walk-status-dog{filter:drop-shadow(.35px 0)drop-shadow(-.35px 0)drop-shadow(0 .35px)drop-shadow(0 -.35px);background-color:currentColor;flex:none;width:32px;height:32px;display:inline-block;-webkit-mask-image:url(/walk-status/dog-walker.svg);mask-image:url(/walk-status/dog-walker.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:93%;mask-size:93%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hour-card__footer-duration{justify-content:center;align-items:center;gap:var(--space-3);color:var(--on-risk-surface);font-size:var(--font-caption);font-weight:700;display:flex}.hour-card__footer-icon{color:currentColor;flex-shrink:0}.hour-card--safe .hour-card__footer-duration{color:var(--risk-safe-text)}.hour-card--use-caution .hour-card__footer-duration{color:var(--risk-caution-text)}.hour-card--short-walk-only .hour-card__footer-duration{color:var(--risk-short-text)}.hour-card--avoid-walk .hour-card__footer-duration{color:var(--risk-avoid-text)}.hour-card--safe .hour-card__footer{background:var(--risk-safe-footer-bg)}.hour-card--use-caution .hour-card__footer{background:var(--risk-caution-footer-bg)}.hour-card--short-walk-only .hour-card__footer{background:var(--risk-short-footer-bg)}.hour-card--avoid-walk .hour-card__footer{background:var(--risk-avoid-footer-bg)}.quick-tip{justify-content:space-between;align-items:center;gap:var(--space-5);border:1px solid var(--border);background:var(--surface);padding:var(--space-4) var(--space-5);border-radius:16px;display:flex;position:relative}.quick-tip.risk-safe{border-color:color-mix(in srgb, var(--risk-safe-color) 35%, var(--border-strong));background:linear-gradient(135deg, color-mix(in srgb, var(--risk-safe-pill-bg) 88%, var(--surface)) 0%, color-mix(in srgb, var(--risk-safe-pill-bg) 42%, var(--surface)) 100%)}.quick-tip.risk-use-caution{border-color:color-mix(in srgb, var(--risk-caution-color) 35%, var(--border-strong));background:var(--risk-caution-pill-bg)}.quick-tip.risk-short-walk-only{border-color:color-mix(in srgb, var(--risk-short-color) 35%, var(--border-strong));background:var(--risk-short-pill-bg)}.quick-tip.risk-avoid-walk{border-color:color-mix(in srgb, var(--risk-avoid-color) 35%, var(--border-strong));background:var(--risk-avoid-pill-bg)}.quick-tip__icon{border:1px solid color-mix(in srgb, var(--risk-safe-color) 35%, var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--risk-safe-pill-bg) 76%, var(--surface));width:32px;height:32px;color:var(--accent-strong);flex-shrink:0;place-items:center;display:grid}.quick-tip__main{align-items:flex-start;gap:var(--space-4);min-width:0;display:flex}.quick-tip__content{gap:2px;min-width:0;display:grid}.quick-tip__label{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700;display:block}.quick-tip__text{color:var(--text-strong);overflow-wrap:anywhere;margin:0;font-size:.86rem;font-weight:550;line-height:1.45}.quick-tip__inline-link{vertical-align:baseline;color:var(--accent-strong);font-size:inherit;font-weight:700;display:inline}.quick-tip__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:inline-flex}.quick-tip__dismiss{color:var(--text-muted)}@media (width<=760px){.quick-tip{align-items:stretch;gap:var(--space-3);padding-right:calc(var(--space-5) + 30px);flex-direction:column}.quick-tip__main{padding-right:var(--space-2)}.quick-tip__actions{top:var(--space-3);right:var(--space-3);width:auto;position:absolute}.quick-tip__dismiss{border:1px solid var(--border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--surface) 92%, transparent)}}.hero-card{min-width:0;padding:0 0 var(--space-5);border-bottom:1px solid var(--border)}.hero-card__top{margin-bottom:var(--space-5)}.hero-card__location-row{justify-content:space-between;align-items:baseline;gap:var(--space-4);min-width:0;display:flex}.hero-card__location{align-items:center;gap:var(--space-3);min-width:0;color:var(--text-strong);overflow-wrap:anywhere;flex:1;font-size:1.15rem;font-weight:700;line-height:1.2;display:flex}.hero-card__location svg{color:var(--accent);flex-shrink:0}.hero-card__updated{color:var(--text-muted);text-align:right;flex-shrink:0;margin:0;font-size:.75rem;font-weight:600;line-height:1.35}@media (width<=640px){.hero-card__location-row{flex-wrap:wrap}.hero-card__updated{text-align:left;flex-basis:100%}}.hero-card__weather-hero{padding:var(--space-3) 0 var(--space-1);flex-direction:column;gap:10px;margin-bottom:0;display:flex}.hero-card__weather-main{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;display:flex}.hero-card__weather-primary{flex-shrink:0;align-items:flex-end;gap:10px;display:flex}.hero-card__temp-stack{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.hero-card__pill-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.hero-card__pill{white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;font-size:.72rem;display:inline-flex}.hero-card__pill-icon{flex-shrink:0}.hero-card__weather-summary{color:var(--text);font-size:var(--font-body);text-align:left;margin:0;font-weight:500}.hero-card__assessment-summary{margin:var(--space-3) 0 0;color:var(--text-muted);font-size:.86rem;font-weight:500;line-height:1.45}.hero-card__metrics{gap:var(--space-2);flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;max-width:280px;margin-left:auto;display:grid}@media (width>=480px){.hero-card__metrics{gap:var(--space-3);max-width:320px}}.hero-metric{align-items:center;gap:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-raised);padding:var(--space-2) var(--space-3);min-width:0;display:flex}@media (width>=480px){.hero-metric{gap:var(--space-3);padding:var(--space-3) 10px}}.hero-metric>span{color:var(--accent)}.hero-metric small{color:var(--text-muted);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.04em;font-weight:600;display:block}.hero-metric strong{color:var(--text-strong);font-size:var(--font-body-sm);font-weight:600;display:block}@media (width<=760px){.hero-card{padding-bottom:var(--space-4)}.hero-card__top{margin-bottom:var(--space-4)}.hero-card__location{gap:var(--space-2);font-size:1rem}.hero-card__weather-main{align-items:stretch;gap:var(--space-3);flex-direction:column}.hero-card__weather-primary{justify-content:flex-start;width:100%}.hero-card__temp-stack{gap:var(--space-2);width:100%}.hero-card__metrics{width:100%;max-width:none;margin-left:0}.hero-metric{padding:var(--space-2) 10px}.hero-card .ui-weather-display--hero .ui-weather-display__temp{font-size:clamp(3rem,20vw,4.25rem);line-height:.92}.hero-card__assessment-summary{margin-top:var(--space-2);font-size:.84rem}}.ui-button{border:1px solid var(--button-border);background:var(--button-bg);color:var(--text-strong);font:inherit;font-size:var(--font-body-sm);cursor:pointer;justify-content:center;align-items:center;font-weight:600;transition:border-color .16s,background .16s;display:inline-flex}.ui-button:disabled{cursor:not-allowed;opacity:.5}.ui-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ui-button--secondary:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface)}.ui-button--md{border-radius:var(--radius-pill);min-height:36px;padding:0 var(--space-4);gap:var(--space-2)}.ui-button--sm{border-radius:var(--radius-sm);min-height:28px;padding:0 var(--space-3)}.ui-button--icon-only.ui-button--md{width:36px;min-width:36px;padding:0}.ui-button--icon-only.ui-button--sm{width:28px;min-width:28px;padding:0}.ui-button--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.ui-button--ghost:hover:not(:disabled){background:var(--surface)}.ui-button--link{color:var(--accent);text-underline-offset:2px;background:0 0;border:0;min-height:auto;padding:0;font-weight:600;text-decoration:underline}.ui-button--link:hover:not(:disabled){background:0 0}.ui-button.ui-button--dot{border-radius:var(--radius-pill);background:var(--dot-inactive);border:0;min-width:7px;min-height:7px;padding:0}.ui-button.ui-button--dot[aria-selected=true]{background:var(--accent);width:18px;min-width:18px}.ui-badge{border-radius:var(--radius-pill);font-size:var(--font-caption);padding:var(--space-1) var(--space-2);align-items:center;font-weight:700;line-height:1.2;display:inline-flex}.ui-badge.risk-badge{padding:var(--space-2) var(--space-3);font-size:.78rem}.hour-card .ui-badge{padding:var(--space-1) 9px;font-size:.68rem}.ui-badge--info{background:var(--info-bg);color:var(--info-text)}.ui-badge--neutral{background:var(--surface-raised);color:var(--text-muted)}.ui-field{gap:var(--space-2);min-width:0;color:var(--text);font-size:var(--font-body-sm);font-weight:600;display:grid}.ui-field__label{line-height:1.3}.ui-field__control{border:1px solid var(--input-border);border-radius:var(--radius-sm);background:var(--input-bg);width:100%;min-width:0;min-height:42px;color:var(--text-strong);font:inherit;padding:0 var(--space-4);outline:none;font-size:.88rem}.ui-field__control:focus{border-color:var(--accent);outline:2px solid var(--accent-muted);outline-offset:1px}.ui-search-field{border:1px solid var(--input-border);border-radius:var(--radius-pill);background:var(--input-bg);flex:1;align-items:center;min-width:0;min-height:36px;padding:0 14px;display:flex}.ui-search-field__input{width:100%;min-width:0;color:var(--text-strong);font:inherit;font-size:var(--font-body-sm);background:0 0;border:0;outline:0;font-weight:500}.ui-search-field__input::placeholder{color:var(--text-muted)}.ui-card,.strip-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-card);flex-direction:column;display:flex;overflow:hidden}.strip-card{min-width:0}.strip-card:focus-visible{border-color:var(--accent);outline:2px solid var(--accent-muted);outline-offset:2px}a.strip-card{color:inherit;text-decoration:none;transition:border-color .15s,background .15s}a.strip-card:hover{border-color:var(--border-strong)}.ui-horizontal-scroll{--forecast-strip-gap:var(--strip-gap);grid-auto-columns:var(--strip-card-width);gap:var(--forecast-strip-gap);scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}.ui-horizontal-scroll--wide{grid-auto-columns:calc(var(--strip-card-width) * 2 + var(--forecast-strip-gap))}.ui-horizontal-scroll::-webkit-scrollbar{height:6px}.ui-horizontal-scroll::-webkit-scrollbar-track{border-radius:var(--radius-pill);background:var(--scroll-track)}.ui-horizontal-scroll::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--scroll-thumb)}.ui-horizontal-scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--scroll-thumb) 80%, var(--text-strong))}.ui-horizontal-scroll--hourly{padding-bottom:14px}.ui-horizontal-scroll--sources{padding:var(--space-3) 0 var(--space-5);overflow:auto visible}.strip-slot{scroll-snap-align:start}.strip-slot--sources{padding:2px 0;display:flex}.ui-dialog{border-radius:var(--radius-lg);background:0 0;border:0;width:min(720px,92vw);max-height:calc(100dvh - 48px);margin:auto;padding:0}.ui-dialog::backdrop{background:var(--overlay-backdrop)}.ui-dialog__panel{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface);max-height:calc(100dvh - 48px);padding:var(--space-6);margin:0;overflow:auto}.ui-popover-panel{top:calc(100% + var(--space-3));z-index:40;width:min(380px,100dvw - 24px);animation:.16s fade-in;position:absolute;right:0}.ui-popover-panel__surface{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-5)}.ui-empty-state{place-content:center;gap:var(--space-4);min-height:160px;padding-bottom:var(--space-7);text-align:center;display:grid}.ui-empty-state__icon{border-radius:var(--radius-sm);background:var(--surface-raised);width:48px;height:48px;color:var(--accent);place-items:center;margin:0 auto;display:grid}.ui-skeleton{place-content:center;gap:var(--space-4);min-height:160px;padding-bottom:var(--space-7);text-align:center;display:grid}.ui-skeleton__bar{border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--surface-raised), var(--border), var(--surface-raised));background-size:200% 100%;width:min(100%,280px);height:14px;margin:0 auto;animation:1.4s linear infinite shimmer}.ui-section-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.ui-section-header h2{margin:0 0 var(--space-2)}.ui-section-header__lead{color:var(--text-muted);margin:0;font-size:.88rem}.ui-panel-header{margin-bottom:var(--space-4);align-items:center;gap:10px;display:flex}.ui-panel-header svg{color:var(--accent);flex-shrink:0}.ui-panel-header__title{font-size:var(--font-title-sm);margin:0;font-weight:700;line-height:1.2}.ui-weather-display{flex-direction:column;align-items:center;gap:0;display:flex}.ui-weather-display--row{align-items:center;gap:var(--space-3);flex-direction:row}.ui-weather-display--row .ui-weather-display__icon{margin:0}.ui-weather-display__icon{color:var(--sky);place-items:center;display:grid}.ui-weather-display__icon--day{color:var(--sun)}.ui-weather-display__icon--night{color:var(--info-text)}.ui-weather-display--compact .ui-weather-display__icon{min-height:26px;margin:14px 0}.ui-weather-display--hero .ui-weather-display__icon{min-height:38px}.ui-weather-display__temp{color:var(--text-strong);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1;display:inline-block;position:relative}.ui-weather-display--compact .ui-weather-display__temp{font-size:1.75rem}.ui-weather-display--compact .ui-weather-display__temp:after{content:"°";margin-left:2px;font-size:.55em;font-weight:700;line-height:1;position:absolute;top:.1em;left:100%}.ui-weather-display--hero .ui-weather-display__temp{letter-spacing:-.03em;font-size:clamp(3.5rem,14vw,5rem);line-height:.9}.ui-weather-display--hero .ui-weather-display__temp:after{content:"°";vertical-align:super;font-size:.5em}.app-shell{box-sizing:border-box;background:var(--bg-app);min-height:100dvh;padding-bottom:28px}.dashboard,.app-header,.app-footer{width:min(1180px,100% - 32px);margin-left:auto;margin-right:auto}.dashboard{min-width:0;margin-top:16px}.dashboard-layout{flex-direction:column;gap:28px;min-width:0;display:flex}.dashboard-main{gap:20px;min-width:0;display:grid}.dashboard-hourly-wrap{min-width:0}@media (width>=1024px){.dashboard-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"banner""main";align-items:start;gap:28px;display:grid}.quick-tip{grid-area:banner}.dashboard-main{grid-area:main;min-width:0}}.scroll-row{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;grid-auto-flow:column;max-width:100%;padding-bottom:6px;display:grid;overflow-x:auto}@media (width<=719px){.scroll-row--fade{-webkit-mask-image:linear-gradient(to right, transparent, var(--scroll-fade) 12px, var(--scroll-fade) calc(100% - 12px), transparent);mask-image:linear-gradient(to right, transparent, var(--scroll-fade) 12px, var(--scroll-fade) calc(100% - 12px), transparent)}}.risk-safe{--risk-color:var(--risk-safe-color);--risk-bg:var(--risk-safe-bg);--risk-text:var(--risk-safe-text)}.risk-use-caution{--risk-color:var(--risk-caution-color);--risk-bg:var(--risk-caution-bg);--risk-text:var(--risk-caution-text)}.risk-short-walk-only{--risk-color:var(--risk-short-color);--risk-bg:var(--risk-short-bg);--risk-text:var(--risk-short-text)}.risk-avoid-walk{--risk-color:var(--risk-avoid-color);--risk-bg:var(--risk-avoid-bg);--risk-text:var(--risk-avoid-text)}.risk-pill-safe{background:var(--risk-safe-pill-bg);color:var(--risk-safe-text)}.risk-pill-use-caution{background:var(--risk-caution-pill-bg);color:var(--risk-caution-text)}.risk-pill-short-walk-only{background:var(--risk-short-pill-bg);color:var(--risk-short-text)}.risk-pill-avoid-walk{background:var(--risk-avoid-pill-bg);color:var(--risk-avoid-text)}.risk-badge{background:var(--risk-bg);color:var(--risk-text)}.legend-safe{background:var(--risk-safe-color)}.legend-use-caution{background:var(--risk-caution-color)}.legend-short-walk-only{background:var(--risk-short-color)}.legend-avoid-walk{background:var(--risk-avoid-color)}.error-banner{border:1px solid var(--error-border);border-radius:var(--radius-sm);background:var(--error-bg);color:var(--error-text);font-size:var(--font-body);padding:var(--space-4) 14px;font-weight:600}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (width<=699px){.app-header{border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:0;padding:10px;top:8px}.brand-mark{min-height:36px;margin-right:var(--space-2);grid-area:1/1}.brand-tagline{display:none}.header-top{display:contents}.mobile-header-controls{margin-left:var(--space-2);grid-area:1/3;display:block}.nav-location-form{grid-area:1/2;justify-self:stretch;width:100%;min-width:0;max-width:none}.nav-location-form .ui-search-field{min-width:0}.nav-location-form .ui-search-field input{min-width:0;font-size:.95rem}.header-actions{display:none}.surface-dropdown,.profile-dropdown{width:min(420px,100dvw - 16px);left:0;right:auto}.profile-dropdown{left:auto;right:0}}@media (width>=700px){.mobile-header-controls{display:none}.dashboard,.app-header,.app-footer{width:min(1180px,100% - 40px)}.risk-level-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}.risk-level-item{border-top:0;padding-top:0}}[data-theme=light] .hero-metric,[data-theme=light] .strip-card,[data-theme=light] .hour-card,[data-theme=light] .source-card,[data-theme=light] .quick-tip{border-color:var(--border)}[data-theme=light] .hero-metric{background:var(--surface-raised)}[data-theme=light] .hero-metric small{color:var(--text-muted)}[data-theme=light] .strip-card,[data-theme=light] .hour-card,[data-theme=light] .source-card{background:var(--surface)}[data-theme=light] .quick-tip{background:var(--risk-safe-pill-bg)}[data-theme=light] .app-header{border-color:var(--border);background:var(--surface-overlay);box-shadow:0 8px 20px #0f172a0f}[data-theme=light] .hour-card__time{color:var(--text)}[data-theme=light] .ui-weather-display__icon{color:var(--sky)}[data-theme=light] .ui-weather-display__icon--day{color:var(--sun)}