.weather-page-root{position:relative;min-height:100vh;background:#0b0f17;color:#e2e8f0}.weather-page-hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(0,245,255,.12);padding-top:5.5rem;padding-bottom:3rem;background:#080b10}@media (min-width:640px){.weather-page-hero{padding-top:7rem;padding-bottom:4rem}}.weather-page-hero__glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 85% 65% at 0 0,rgba(0,245,255,.04) 0,rgba(0,0,0,0) 58%)}.weather-page-hero__grid{pointer-events:none;position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(0,245,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(0,245,255,.06) 1px,transparent 0);background-size:48px 48px;mask-image:linear-gradient(180deg,black,transparent 88%)}.weather-page-hero__label{font-size:.6875rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#00f5ff;text-shadow:0 0 14px rgba(0,245,255,.35)}.weather-page-hero__title{margin-top:1rem;max-width:56rem;font-family:var(--font-display,inherit);font-size:clamp(1.875rem,5vw,3.25rem);font-weight:800;line-height:1.08;letter-spacing:-.03em;color:#ffffff;text-shadow:0 1px 0 rgba(255,255,255,.18),0 0 28px rgba(0,245,255,.14),0 2px 18px rgba(0,0,0,.55)}.weather-hero-status{margin-top:1.25rem;max-width:42rem}.weather-hero-status__line{font-family:var(--font-display,inherit);font-size:clamp(1.125rem,2.5vw,1.5rem);font-weight:600;line-height:1.35;color:#cbd5e1}.weather-hero-status__location{color:#00f5ff;font-weight:700;text-shadow:0 0 16px rgba(0,245,255,.55),0 0 32px rgba(0,245,255,.22)}.weather-hero-status__credit{margin-top:.75rem;font-size:clamp(.9375rem,2vw,1.0625rem);line-height:1.6;color:#848e9c}.weather-section{position:relative;display:block;width:100%;background:#0b0f17;padding:3rem 1.5rem}.weather-section__glow{pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse 70% 50% at 0 12%,rgba(0,245,255,.03) 0,rgba(0,0,0,0) 62%)}.weather-section__glass{position:relative;margin-inline:auto;max-width:var(--content-max);border-radius:1.25rem;border:1px solid rgba(0,245,255,.15);background:rgba(18,22,28,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 18px 48px rgba(0,0,0,.35);padding:1.5rem}@media (min-width:640px){.weather-section__glass{padding:2rem}}.weather-panel{border-radius:1rem;border:1px solid rgba(0,245,255,.14);background:rgba(18,22,28,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:1.25rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}@media (min-width:640px){.weather-panel{padding:1.5rem}}.weather-panel__label{color:#94a3b8}.weather-panel__title{color:#f8fafc}.weather-panel__body{color:#94a3b8}.weather-control{width:100%;border-radius:.75rem;border:1px solid rgba(0,245,255,.18);background:rgba(11,15,23,.85);padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem;color:#f1f5f9;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.weather-control::placeholder{color:#64748b}.weather-control:focus{border-color:rgba(0,245,255,.45);box-shadow:0 0 0 2px rgba(0,245,255,.12),inset 0 1px 0 rgba(255,255,255,.03)}.weather-control-btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;border:1px solid rgba(0,245,255,.22);background:rgba(11,15,23,.88);padding-inline:1rem;font-size:.875rem;font-weight:500;color:#e2e8f0;transition:border-color .2s ease,background .2s ease}.weather-control-btn:hover:not(:disabled){border-color:rgba(0,245,255,.42);background:rgba(0,245,255,.08)}.weather-control-btn:disabled{opacity:.5}.weather-suggestions{position:absolute;z-index:20;margin-top:.25rem;max-height:12rem;width:100%;overflow-y:auto;border-radius:.75rem;border:1px solid rgba(0,245,255,.18);background:rgba(12,16,24,.96);padding-block:.25rem;box-shadow:0 12px 32px rgba(0,0,0,.45)}.weather-suggestions__item{display:flex;width:100%;align-items:center;gap:.5rem;padding:.625rem 1rem;text-align:left;font-size:.875rem;color:#e2e8f0}.weather-suggestions__item:hover{background:rgba(0,245,255,.08)}.weather-mini-card{display:flex;min-width:4.5rem;flex-shrink:0;flex-direction:column;align-items:center;gap:.5rem;border-radius:.75rem;border:1px solid rgba(0,245,255,.12);background:rgba(15,20,28,.8);padding:.75rem}.weather-loading-copy{color:#848e9c}html[data-site-theme=light] .weather-page-root{background:var(--background-secondary);color:var(--text-primary)}html[data-site-theme=light] .weather-page-hero{border-bottom-color:var(--border-subtle);background:var(--background)}html[data-site-theme=light] .weather-page-hero__label{color:var(--primary-accent);text-shadow:none}html[data-site-theme=light] .weather-page-hero__title{color:var(--text-primary);text-shadow:none}html[data-site-theme=light] .weather-hero-status__line{color:var(--text-secondary)}html[data-site-theme=light] .weather-panel,html[data-site-theme=light] .weather-section__glass{border-color:var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-soft)}html[data-site-theme=light] .weather-loading-copy,html[data-site-theme=light] .weather-panel__body,html[data-site-theme=light] .weather-panel__label{color:var(--text-muted)}html[data-site-theme=light] .weather-panel__title{color:var(--text-primary)}html[data-site-theme=light] .weather-control{border-color:var(--border-subtle);background:var(--surface-input);color:var(--text-primary);box-shadow:none}html[data-site-theme=light] .weather-control::placeholder{color:var(--text-muted)}html[data-site-theme=light] .weather-control:focus{border-color:var(--primary-accent);box-shadow:0 0 0 2px rgba(111,159,58,.15)}html[data-site-theme=light] .weather-control-btn{border-color:var(--border-subtle);background:var(--surface-card);color:var(--text-primary)}html[data-site-theme=light] .weather-control-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--background-muted)}html[data-site-theme=light] .weather-suggestions{border-color:var(--border-subtle);background:var(--surface-card);box-shadow:var(--shadow-card)}html[data-site-theme=light] .weather-suggestions__item{color:var(--text-primary)}html[data-site-theme=light] .weather-suggestions__item:hover{background:var(--background-muted)}html[data-site-theme=light] .weather-mini-card{border-color:var(--border-subtle);background:var(--surface-card)}