:root{color-scheme:light;--body-gradient:radial-gradient(120% 120% at 10% 10%,#ffffff 0%,#edf2fb 60%,#dbeafe 100%);--text:#111827;--muted:#6b7280;--accent:#1d4ed8;--accent-soft:rgba(29,78,216,0.08);--card-bg:rgba(255,255,255,0.88);--border:rgba(29,78,216,0.12);--control-bg:rgba(255,255,255,0.9);--shadow:0 24px 48px rgba(15,23,42,0.12);--metric-bg:linear-gradient(135deg,rgba(29,78,216,0.12) 0%,rgba(255,255,255,0.65) 100%);--metric-shadow:0 12px 28px rgba(15,23,42,0.08);--radius-lg:24px;--radius-md:18px;--transition:0.2s ease}body[data-theme="clear"]{--body-gradient:radial-gradient(115% 120% at 10% 10%,#ffffff 0%,#e0f2fe 55%,#bae6fd 100%);--accent:#1d4ed8;--text:#0f172a;--muted:#6b7280;--card-bg:rgba(255,255,255,0.88);--border:rgba(37,99,235,0.16);--metric-bg:linear-gradient(140deg,rgba(37,99,235,0.12) 0%,rgba(255,255,255,0.7) 100%);--shadow:0 24px 48px rgba(37,99,235,0.16)}body[data-theme="partly"]{--body-gradient:radial-gradient(120% 120% at 20% 5%,#ffffff 0%,#eff6ff 50%,#bfdbfe 100%);--accent:#2563eb;--muted:#425567;--border:rgba(37,99,235,0.18);--metric-bg:linear-gradient(140deg,rgba(37,99,235,0.12) 0%,rgba(255,255,255,0.65) 100%)}body[data-theme="cloudy"]{--body-gradient:linear-gradient(160deg,#e2e8f0 0%,#cbd5e1 40%,#94a3b8 100%);--accent:#334155;--text:#111827;--muted:#475569;--card-bg:rgba(255,255,255,0.82);--border:rgba(51,65,85,0.18);--metric-bg:linear-gradient(160deg,rgba(100,116,139,0.18) 0%,rgba(255,255,255,0.6) 100%);--shadow:0 24px 48px rgba(30,41,59,0.22)}body[data-theme="fog"]{--body-gradient:linear-gradient(180deg,rgba(226,232,240,1) 0%,rgba(203,213,225,0.9) 40%,rgba(148,163,184,0.85) 100%);--accent:#475569;--muted:#4b5563;--border:rgba(148,163,184,0.25);--metric-bg:linear-gradient(180deg,rgba(148,163,184,0.18) 0%,rgba(255,255,255,0.6) 100%)}body[data-theme="rain"]{--body-gradient:linear-gradient(180deg,#0f172a 0%,#1e293b 35%,#334155 100%);--accent:#38bdf8;--text:#f8fafc;--muted:#cbd5f5;--card-bg:rgba(15,23,42,0.7);--border:rgba(56,189,248,0.3);--control-bg:rgba(15,23,42,0.6);--metric-bg:linear-gradient(160deg,rgba(56,189,248,0.18) 0%,rgba(30,41,59,0.65) 100%);--metric-shadow:0 16px 32px rgba(15,23,42,0.5);--shadow:0 28px 56px rgba(8,47,73,0.55)}body[data-theme="storm"]{--body-gradient:linear-gradient(200deg,#0b1120 0%,#111827 35%,#1f2937 100%);--accent:#60a5fa;--text:#f8fafc;--muted:#cbd5f5;--card-bg:rgba(15,23,42,0.78);--border:rgba(96,165,250,0.35);--control-bg:rgba(15,23,42,0.65);--metric-bg:linear-gradient(150deg,rgba(96,165,250,0.2) 0%,rgba(15,23,42,0.65) 100%);--metric-shadow:0 20px 40px rgba(8,47,73,0.6);--shadow:0 32px 60px rgba(8,47,73,0.7)}body[data-theme="snow"]{--body-gradient:linear-gradient(160deg,#f8fafc 0%,#e0f2fe 40%,#bfdbfe 100%);--accent:#2563eb;--muted:#475569;--card-bg:rgba(255,255,255,0.92);--border:rgba(148,163,184,0.18);--metric-bg:linear-gradient(160deg,rgba(147,197,253,0.22) 0%,rgba(255,255,255,0.7) 100%)}body[data-theme="night"]{--body-gradient:linear-gradient(200deg,#020617 0%,#0f172a 40%,#1e293b 100%);--accent:#38bdf8;--text:#e2e8f0;--muted:#94a3b8;--card-bg:rgba(9,18,31,0.72);--border:rgba(148,163,184,0.28);--control-bg:rgba(9,18,31,0.65);--metric-bg:linear-gradient(150deg,rgba(148,163,184,0.22) 0%,rgba(9,18,31,0.7) 100%);--metric-shadow:0 18px 36px rgba(2,6,23,0.6);--shadow:0 28px 56px rgba(2,6,23,0.65)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--body-gradient);min-height:100vh;color:var(--text);display:flex;flex-direction:column;align-items:center;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,3vw,2.5rem)}.page{width:min(1040px,100%);display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);flex:1 0 auto}.hero{text-align:center;padding:1rem 0}.hero h1{margin:0;font-size:clamp(2.25rem,6vw,3.6rem);letter-spacing:-0.02em}.hero p{margin:0.75rem 0 0;color:var(--muted);font-size:1.05rem}.hero__link{color:#1d4ed8;font-weight:600;text-decoration:underline;text-decoration-color:rgba(29,78,216,0.35)}body[data-theme="rain"] .hero__link,body[data-theme="storm"] .hero__link,body[data-theme="night"] .hero__link{color:#93c5fd;text-decoration-color:rgba(147,197,253,0.5)}.hero__link:hover,.hero__link:focus-visible{text-decoration-color:currentColor}.controls{display:flex;flex-wrap:wrap;gap:0.75rem;justify-content:center;align-items:stretch}.zone-picker{position:relative;flex:1 1 320px;min-width:240px;max-width:420px}.zone-picker__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0.65rem 1.1rem;border-radius:0;border:1px solid rgba(15,23,42,0.12);background:#ffffff;color:#0f172a;font-size:1rem;cursor:pointer;box-shadow:0 6px 16px rgba(15,23,42,0.08);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}body[data-theme="rain"] .zone-picker__toggle,body[data-theme="storm"] .zone-picker__toggle,body[data-theme="night"] .zone-picker__toggle{background:#f8fafc;color:#0f172a;border-color:rgba(148,163,184,0.35)}.zone-picker__current{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zone-picker__toggle:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,0.12)}.zone-picker__toggle:focus-visible{outline:3px solid rgba(56,189,248,0.4);outline-offset:2px;border-color:rgba(56,189,248,0.5)}.zone-picker__icon{position:relative;width:18px;height:18px;margin-left:0.75rem;flex:0 0 auto}.zone-picker__icon::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid currentColor;transform:translate(-50%,-40%);transition:transform var(--transition)}.zone-picker[data-open="true"] .zone-picker__icon::before{transform:translate(-50%,-60%) rotate(180deg)}.zone-picker__dropdown{position:absolute;top:calc(100% + 0.6rem);left:0;width:min(360px,100%);min-width:100%;padding:0.75rem;border-radius:0;border:1px solid var(--border);background:rgba(255,255,255,0.97);box-shadow:0 24px 48px rgba(15,23,42,0.18);display:flex;flex-direction:column;gap:0.6rem;z-index:20;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition)}.zone-picker__dropdown[hidden]{display:none !important}.zone-picker[data-open="true"] .zone-picker__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}body[data-theme="rain"] .zone-picker__dropdown,body[data-theme="storm"] .zone-picker__dropdown,body[data-theme="night"] .zone-picker__dropdown{background:rgba(9,18,31,0.92)}.zone-picker__search-wrapper{position:relative}.zone-picker__search{width:100%;padding:0.55rem 0.85rem;border-radius:0;border:1px solid var(--border);background:rgba(255,255,255,0.92);color:var(--text);font-size:0.95rem;box-shadow:none}body[data-theme="rain"] .zone-picker__search,body[data-theme="storm"] .zone-picker__search,body[data-theme="night"] .zone-picker__search{background:rgba(12,23,42,0.9);color:var(--text)}.zone-picker__search:focus-visible{outline:2px solid rgba(37,99,235,0.4);outline-offset:2px;border-color:rgba(37,99,235,0.5)}.zone-picker__search::placeholder{color:var(--muted)}.zone-picker__list{margin:0;padding:0;list-style:none;max-height:260px;overflow-y:auto;border:1px solid rgba(15,23,42,0.12);border-radius:0;background:#ffffff;box-shadow:0 8px 24px rgba(15,23,42,0.08)}.zone-picker__item + .zone-picker__item{border-top:1px solid rgba(15,23,42,0.06)}.zone-picker__option{width:100%;border:none;background:transparent;color:#1f2937;font:inherit;text-align:left;padding:0.55rem 0.85rem;cursor:pointer;transition:background var(--transition),color var(--transition);line-height:1.4}.zone-picker__option:hover,.zone-picker__option.is-highlighted{background:rgba(59,130,246,0.16);color:#1d4ed8}.zone-picker__option.is-selected{font-weight:600;color:#1d4ed8}.zone-picker__empty{margin:0;font-size:0.9rem;color:var(--muted);text-align:center}.controls__actions{display:flex;align-items:stretch;flex:0 1 160px}.controls button{padding:0.7rem 1.5rem;border:none;border-radius:0;background:#0f172a;color:#f9fafb;font-weight:600;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition);box-shadow:0 12px 28px rgba(29,78,216,0.2)}.controls button:hover{transform:translateY(-1px);box-shadow:0 18px 36px rgba(15,23,42,0.3)}.controls button:focus-visible{outline:3px solid rgba(79,70,229,0.5);outline-offset:2px}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:clamp(1.75rem,3vw,2.5rem);display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem);box-shadow:0 18px 40px rgba(15,23,42,0.12)}.card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,2.5vw,1.8rem);flex-wrap:wrap;margin-bottom:clamp(1rem,2vw,1.5rem)}.card__header h2{margin:0;font-size:clamp(1.5rem,4vw,2.4rem)}.update-time{display:block;margin-top:0.4rem;color:var(--muted);font-size:0.95rem}.card__heading{display:flex;flex-direction:column;gap:0.4rem;min-width:200px}.weather-icon{width:clamp(72px,12vw,96px);height:clamp(72px,12vw,96px);color:var(--accent)}.weather-icon,.forecast__icon{display:block}.card__body{display:grid;gap:clamp(1.6rem,3vw,2.5rem);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:flex-start}.primary-column{display:flex;flex-direction:column;gap:clamp(1.25rem,2.5vw,1.75rem);flex:1 1 auto}.secondary-column{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem);flex:1 1 auto}.temperature-block{display:flex;align-items:center;gap:clamp(1rem,2.4vw,1.8rem)}.temperature{display:flex;flex-direction:column;gap:0.55rem}.temperature__value{font-size:clamp(3.25rem,6vw,4.75rem);font-weight:600}.temperature__label{color:var(--muted);font-size:1.1rem}.metrics{display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.25rem)}.metric{display:flex;align-items:center;gap:1rem;padding:0.9rem 1.1rem;border-radius:var(--radius-md);background:var(--metric-bg);border:1px solid var(--border);box-shadow:var(--metric-shadow)}.metric__icon{width:32px;height:32px;color:var(--accent)}.metric__details{display:flex;flex-direction:column;gap:0.2rem}.metric__label{color:var(--muted);font-size:0.85rem;letter-spacing:0.04em;text-transform:uppercase}.metric__value{font-size:1.25rem;font-weight:600}.forecast{display:flex;flex-direction:column;gap:1rem}.moon-phase{background:var(--metric-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(1rem,2vw,1.4rem);box-shadow:0 12px 28px rgba(15,23,42,0.08);max-width:clamp(240px,32vw,320px)}.card__header .moon-phase{padding:clamp(0.75rem,1.8vw,1.1rem);box-shadow:0 10px 22px rgba(15,23,42,0.08);margin-left:auto}.moon-phase__title{margin:0 0 0.6rem;font-size:1.05rem;color:var(--muted);letter-spacing:0.04em;text-transform:uppercase}.moon-phase__content{display:flex;align-items:center;gap:clamp(0.9rem,2vw,1.2rem)}.moon-phase__icon{width:48px;height:48px;color:var(--accent)}.moon-phase__details{display:flex;flex-direction:column;gap:0.2rem}.moon-phase__label{font-weight:600;font-size:1.05rem}.moon-phase__illumination{font-size:0.9rem;color:var(--muted)}.forecast__title{margin:0;font-size:1.05rem;color:var(--muted);letter-spacing:0.05em;text-transform:uppercase}.forecast__grid{display:grid;gap:0.9rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.forecast__empty{margin:0;padding:0.75rem;text-align:center;color:var(--muted);font-size:0.95rem;border:1px dashed var(--border);border-radius:12px}.forecast__item{display:flex;flex-direction:column;gap:0.6rem;padding:0.9rem 1.1rem;border-radius:16px;background:rgba(255,255,255,0.12);border:1px solid var(--border);backdrop-filter:blur(6px);box-shadow:0 10px 20px rgba(15,23,42,0.12)}body[data-theme="rain"] .forecast__item,body[data-theme="storm"] .forecast__item,body[data-theme="night"] .forecast__item{background:rgba(15,23,42,0.5);box-shadow:0 16px 32px rgba(2,6,23,0.55)}.forecast__heading{display:flex;justify-content:space-between;align-items:baseline;gap:0.5rem;color:var(--muted);font-size:0.9rem;text-transform:capitalize}.forecast__day{font-weight:600;color:var(--text)}.forecast__date{font-size:0.85rem}.forecast__summary{display:flex;align-items:center;gap:0.6rem}.forecast__icon{width:44px;height:44px;color:var(--accent)}.forecast__label{font-size:0.95rem;color:var(--muted)}.forecast__temps{display:flex;gap:0.75rem;align-items:center;font-weight:600}.forecast__temp{font-size:1.1rem}.forecast__temp--min{color:var(--muted)}.forecast__precip{color:var(--muted);font-size:0.9rem}.empty{background:rgba(255,255,255,0.65);border-radius:var(--radius-md);padding:1.5rem;text-align:center;color:var(--muted);box-shadow:0 16px 30px rgba(15,23,42,0.06)}.error{background:rgba(225,29,72,0.12);border:1px solid rgba(225,29,72,0.35);color:#be123c;border-radius:12px;padding:0.75rem 1rem;text-align:center;font-weight:600}.embed-share{padding:clamp(1.5rem,3vw,2.2rem);background:rgba(255,255,255,0.9);border-radius:var(--radius-lg);border:1px solid rgba(148,163,184,0.18);box-shadow:0 24px 48px rgba(15,23,42,0.12);backdrop-filter:blur(12px)}.embed-share__content{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.6rem)}.embed-share h2{margin:0;font-size:clamp(1.6rem,4vw,2rem);letter-spacing:-0.02em}.embed-share p{margin:0;color:var(--muted);font-size:1.02rem}.embed-share__snippet{display:flex;flex-direction:column;gap:0.6rem}.embed-share__snippet-body{display:flex;flex-direction:column;gap:0.75rem}.embed-share__snippet-label{margin:0;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);font-size:0.85rem}.embed-share__code{margin:0;padding:1rem 1.25rem;background:#0f172a;color:#f8fafc;border-radius:var(--radius-md);overflow-x:auto;font-family:'Fira Code','JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace;font-size:0.85rem;line-height:1.5}.embed-share__code code{color:inherit}.embed-share__copy{align-self:flex-end;border:none;border-radius:999px;padding:0.55rem 1.25rem;font-size:0.9rem;font-weight:600;cursor:pointer;background:var(--accent);color:#f8fafc;box-shadow:0 12px 24px rgba(29,78,216,0.28);transition:transform 0.2s ease,box-shadow 0.2s ease,background 0.2s ease}.embed-share__copy:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(29,78,216,0.28)}.embed-share__copy:active{transform:translateY(0)}.embed-share__copy:focus-visible{outline:3px solid rgba(59,130,246,0.6);outline-offset:2px}.embed-share__notes{margin:0;padding-left:1.2rem;color:var(--muted);font-size:0.95rem;display:grid;gap:0.35rem}.embed-share__notes code{background:rgba(15,23,42,0.08);padding:0.1rem 0.35rem;border-radius:0.35rem;font-size:0.9em}@media (max-width:720px){.embed-share__code{font-size:0.8rem}.embed-share__copy{align-self:stretch;text-align:center}}.site-footer{margin-top:clamp(2rem,5vw,3.5rem);text-align:center;font-size:0.85rem;color:var(--muted);line-height:1.6;width:min(1040px,100%);margin-inline:auto;padding:clamp(1.5rem,4vw,2.5rem) clamp(1rem,3vw,2rem) clamp(2.5rem,5vw,3.5rem);flex-shrink:0}.site-footer a{color:inherit;text-decoration:underline;text-decoration-color:rgba(148,163,184,0.5)}.site-footer a:hover{text-decoration-color:currentColor}@media (max-width:880px){.card__header{flex-direction:column;align-items:stretch}.card__header .moon-phase{width:100%}.card__body{grid-template-columns:1fr}.temperature-block{align-items:flex-start}}@media (max-width:640px){.zone-picker{flex:1 1 100%;min-width:100%}.controls__actions{flex:1 1 100%}.controls button{width:100%}.card__header{flex-direction:column;align-items:flex-start}.weather-icon{align-self:flex-end}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}