:root{--bg-sky-top:#8bc6ff;--bg-sky-mid:#d8f0ff;--bg-sky-bottom:#fff2d6;--card:#ffffffe0;--card-border:#10274124;--text-main:#0e2a47;--text-muted:#385070;--accent:#ff8b3d;--accent-2:#37a2ff}*{box-sizing:border-box}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at 14% 18%, #ffffffd9 0, #fff0 30%), radial-gradient(circle at 88% 78%, #ff9a4542 0, #ff9a4500 35%), linear-gradient(160deg, var(--bg-sky-top) 0%, var(--bg-sky-mid) 55%, var(--bg-sky-bottom) 100%);margin:0;font-family:Nunito,Trebuchet MS,Segoe UI,sans-serif}body.dark-mode{--bg-sky-top:#0f1a29;--bg-sky-mid:#16283d;--bg-sky-bottom:#1f3147;--card:#101c2ae0;--card-border:#84a6ca40;--text-main:#e5f2ff;--text-muted:#b7cee7;--accent:#ffb35d;--accent-2:#6fc0ff}#app{min-height:100vh}.app-shell{place-items:center;min-height:100vh;padding:20px 14px;display:grid}.weather-card{background:var(--card);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:24px;width:min(920px,100%);padding:18px;animation:.4s rise-in;box-shadow:0 24px 44px #162c4933,inset 0 1px #fff9}.weather-card.loading{opacity:.95}.card-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.brand-copy{min-width:0}.seo-title{letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.2}.supporting{color:var(--text-muted);margin:0 0 10px;font-size:.95rem}.intro-copy{color:var(--text-muted);margin:0 0 10px;font-size:.9rem;line-height:1.4}.section-kicker{letter-spacing:.08em;text-transform:uppercase;color:#2f628e;margin:0;font-size:.76rem;font-weight:800}.location{margin:0;font-size:clamp(1rem,2.8vw,1.2rem);font-weight:700}.location-coords{color:var(--text-muted);margin:6px 0 0;font-size:.92rem}.primary-weather{background:linear-gradient(135deg,#ffffffe0,#e7f6ffc7),linear-gradient(135deg,#37a2ff14,#ff8b3d14);border:1px solid #174d7d24;border-radius:16px;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px;margin-top:10px;padding:12px;display:grid}.primary-left,.primary-right{flex-direction:column;min-width:0;display:flex}.primary-left{gap:4px}.primary-right{gap:2px}.now-header{flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:8px;display:flex}.now-condition{letter-spacing:-.02em;white-space:nowrap;margin:0;font-size:clamp(1.42rem,3.8vw,2.05rem);font-weight:900}.temperature{color:var(--accent);margin:0;font-size:clamp(1.95rem,8vw,2.6rem);font-weight:900;line-height:1}.summary-copy{color:#f5fbffeb;margin:6px 0 0;line-height:1.4}.summary-copy-inline{color:var(--text-muted);margin-top:0;font-size:.9rem;line-height:1.32}.metrics-kicker{margin-top:0;margin-bottom:2px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0;padding-bottom:0;display:grid}.metric-item{background:#ffffffad;border:1px solid #103e6724;border-radius:12px;margin:0;padding:8px 9px}.metric-line{color:var(--text-muted);white-space:nowrap;margin:0;font-size:.8rem;font-weight:800;line-height:1.1}.hourly-strip{border-top:1px dashed #133e6840;gap:8px;margin-top:12px;padding-top:12px;display:grid}.hourly-strip-timeline{background:linear-gradient(145deg,#44a9ff17,#62bcff08);border:1px solid #2879be33;border-radius:16px;padding:12px}.hourly-grid{scroll-snap-type:x proximity;grid-auto-columns:minmax(128px,1fr);grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.hour-card{scroll-snap-align:start;background:linear-gradient(#e6f6fff0,#ffffffd6);border:1px solid #2377ba47;border-radius:14px;gap:2px;padding:8px 9px;display:grid;box-shadow:0 8px 14px #2766a11f}.hour-time{color:#1e5f95;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.76rem;font-weight:800}.hour-icon{margin:0;font-size:1.1rem;font-weight:800}.hour-label{margin:0;font-size:.95rem;font-weight:800}.hour-rain{color:#1f5e91;margin:0;font-size:.76rem}.daily-strip{border-top:1px dashed #133e6840;gap:8px;margin-top:12px;padding-top:12px;display:grid}.daily-strip-weekly{background:linear-gradient(145deg,#ffad4e1c,#ffeab633);border:1px solid #bf7e2a3d;border-radius:16px;padding:12px}.daily-grid{scroll-snap-type:x proximity;grid-auto-columns:minmax(154px,1fr);grid-auto-flow:column;gap:8px;padding-bottom:2px;display:grid;overflow-x:auto}.daily-card{scroll-snap-align:start;background:linear-gradient(#fff8e7f2,#ffffffdb);border:1px solid #b574234d;border-radius:14px;gap:3px;padding:8px 9px;display:grid;box-shadow:0 8px 14px #a66c241f}.daily-day{color:#915615;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:800}.daily-icon{margin:0;font-size:1.02rem;font-weight:800}.daily-label{margin:0;font-size:.95rem;font-weight:800}.daily-meta{color:#83531f;margin:0;font-size:.76rem}.refresh{margin-top:12px;width:min(260px,100%);margin-inline:auto;display:block}.btn{letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:12px;min-height:40px;padding:9px 13px;font-size:.93rem;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s}.btn:focus-visible{outline-offset:2px;outline:2px solid #37a2ff73}.btn-primary{background:linear-gradient(120deg, #4bb7ff, var(--accent));color:#fff;border:0;border-radius:999px;box-shadow:0 12px 24px #2f81cd57}.btn-primary:hover:not(:disabled){box-shadow:0 14px 26px #2f81cd6b}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.7;cursor:progress}.location-controls{gap:8px;margin-top:12px;display:grid}.advanced-toggle{border-radius:14px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-width:0;padding:10px 12px;display:flex}.advanced-toggle-label-wrap{text-align:left;gap:1px;min-width:0;display:grid}.advanced-toggle-title{color:var(--text-main);font-size:.9rem;font-weight:800}.advanced-toggle-subtitle{color:var(--text-muted);font-size:.78rem;line-height:1.25}.advanced-toggle-chevron{color:#25689e;font-size:1rem;transition:transform .18s}.advanced-toggle.open{background:linear-gradient(145deg,#50aeff1f,#ffffffe0);border-color:#2473b452}.advanced-toggle.open .advanced-toggle-chevron{transform:rotate(180deg)}.advanced-panel{background:linear-gradient(145deg,#ffffffdb,#e6f5ffc2),linear-gradient(145deg,#45a8fc14,#ffa14f0f);border:1px solid #1c5a9042;border-radius:16px;gap:10px;padding:12px;display:grid;box-shadow:inset 0 1px #ffffff8c}.advanced-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.advanced-title{letter-spacing:.04em;text-transform:uppercase;color:#2f628e;margin:0;font-size:.86rem;font-weight:800}.advanced-hint{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.35}.mode-badge{color:#1d598d;background:#ffffffd9;border:1px solid #2775b659;border-radius:999px;align-items:center;padding:4px 9px;font-size:.75rem;font-weight:800;display:inline-flex}.mode-toggle{background:#ffffffb3;border:1px solid #184a7726;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:6px;display:grid}.mode-btn{min-height:36px;color:var(--text-muted);letter-spacing:.01em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 10px;font-size:.84rem;font-weight:700;transition:background-color .18s,color .18s,transform .18s}.mode-btn:hover:not(:disabled){transform:translateY(-1px)}.mode-btn.active{color:var(--text-main);background:#37a2ff29;border-color:#37a2ff73}.mode-btn:disabled{opacity:.7;cursor:progress}.address-group,.coords-group{align-items:stretch;gap:8px;display:grid}.address-group{grid-template-columns:minmax(0,1fr) auto}.coords-group{grid-template-columns:repeat(2,minmax(0,1fr))}.coords-group .btn-ghost{grid-column:1/-1}.address-group>*,.coords-group>*{min-width:0}.location-controls input{min-height:40px;color:var(--text-main);background:#ffffffd1;border:1px solid #184a7747;border-radius:12px;padding:9px 11px;font-size:.93rem}.location-controls input:focus{border-color:#37a2ffbf;outline:2px solid #37a2ff73}.expand-fade-enter-active,.expand-fade-leave-active{transform-origin:top;transition:opacity .22s,transform .22s}.expand-fade-enter-from,.expand-fade-leave-to{opacity:0;transform:translateY(-6px)scaleY(.98)}.btn-ghost{color:var(--text-main);background:#ffffffc7;border:1px solid #11406a40}.btn-ghost:hover:not(:disabled){background:#fffffff2}.site-links{border-top:0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:0;padding-top:0;display:flex}.top-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:inline-flex}.site-links a{color:var(--text-main);border-bottom:1px dashed #133e6859;font-weight:700;text-decoration:none}.site-links a:hover{color:#0f4f8a;border-bottom-color:#0f4f8acc}.theme-toggle{width:38px;height:38px;color:var(--text-main);cursor:pointer;background:#ffffffd1;border:1px solid #1249794d;border-radius:999px;justify-content:center;align-items:center;transition:transform .18s,background-color .18s,box-shadow .18s;display:inline-flex}.theme-toggle-icon{opacity:.95;transition:transform .28s,opacity .22s;display:inline-block;transform:rotate(0)scale(1)}.theme-toggle.is-dark .theme-toggle-icon{opacity:1;transform:rotate(180deg)scale(1.05)}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 8px 14px #13426a33}.theme-toggle:focus-visible{outline-offset:2px;outline:2px solid #37a2ff73}body.dark-mode .weather-card{box-shadow:0 24px 44px #0006,inset 0 1px #ffffff14}body.dark-mode .section-kicker,body.dark-mode .hour-time,body.dark-mode .hour-rain,body.dark-mode .advanced-title,body.dark-mode .mode-badge,body.dark-mode .daily-day,body.dark-mode .daily-meta{color:#9dccf3}body.dark-mode .primary-weather,body.dark-mode .hourly-strip-timeline,body.dark-mode .daily-strip-weekly,body.dark-mode .hour-card,body.dark-mode .daily-card,body.dark-mode .advanced-panel,body.dark-mode .mode-toggle,body.dark-mode .metric-item,body.dark-mode .btn-ghost,body.dark-mode .theme-toggle{background:#142233db;border-color:#7ca6d04d}body.dark-mode .location-controls input{color:var(--text-main);background:#0a1420eb;border-color:#7ca6d066}body.dark-mode .site-links a:hover{color:#b5dfff;border-bottom-color:#b5dfffcc}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.weather-card{border-radius:20px;padding:16px 12px}.card-topbar{grid-template-columns:1fr;gap:8px}.brand-copy{order:2}.site-links{order:1;justify-content:flex-start;gap:8px}.top-actions{justify-content:flex-start}.site-links a{align-items:center;min-height:36px;display:inline-flex}.primary-weather{grid-template-columns:1fr;gap:9px;padding:10px}.primary-left{gap:3px}.primary-right{gap:1px}.now-header{gap:7px}.now-condition{font-size:1.32rem}.metric-line{font-size:.75rem}.metrics{grid-template-columns:1fr;gap:6px}.hourly-grid{grid-auto-columns:minmax(118px,78%)}.daily-grid{grid-auto-columns:minmax(146px,82%)}.address-group,.coords-group,.mode-toggle{grid-template-columns:1fr}.advanced-toggle{width:100%;min-width:0}.advanced-panel{padding:8px}.advanced-toggle-title{font-size:.88rem}.advanced-toggle-subtitle{font-size:.74rem}.mode-btn{text-align:left;min-height:38px}.btn,.refresh{width:100%}}@media (width>=641px) and (width<=900px){.weather-card{width:min(760px,100%)}.card-topbar{grid-template-columns:1fr;gap:8px}.site-links,.top-actions{justify-content:flex-start}.advanced-toggle{width:100%}.primary-weather{grid-template-columns:1fr;gap:10px}.now-condition{font-size:1.42rem}}