:root{color-scheme:dark;font-family:Segoe UI Variable Text,Segoe UI,sans-serif;color:#f5f7fb;background:#08101f;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #08101f;--bg-deep: #050a13;--surface: rgba(255, 255, 255, .075);--surface-hover: rgba(255, 255, 255, .12);--line: rgba(255, 255, 255, .13);--text: #f5f7fb;--muted: #9ca7ba;--accent: #a8e063;--accent-strong: #d5ff89;--sky: #67b8ff;--danger: #ff876f;--shadow: 0 24px 80px rgba(0, 0, 0, .28)}:root[data-weather=cloudy]{--accent: #b5c9e8;--accent-strong: #e2edff;--sky: #7f9bc4}:root[data-weather=rain]{--accent: #70d6ff;--accent-strong: #b9efff;--sky: #4776a8}:root[data-weather=storm]{--accent: #c9adff;--accent-strong: #ebddff;--sky: #7158a7}:root[data-weather=snow]{--accent: #d9f5ff;--accent-strong: #ffffff;--sky: #9bc9df}:root[data-weather=fog]{--accent: #d2d8d9;--accent-strong: #f4f7f7;--sky: #879597}:root[data-theme=light]{color-scheme:light;color:#142437;background:#eef4f9;--bg: #eef4f9;--bg-deep: #dce8f1;--surface: rgba(20, 44, 69, .065);--surface-hover: rgba(20, 44, 69, .105);--line: rgba(20, 44, 69, .16);--text: #142437;--muted: #607084;--accent: #8bc34a;--accent-strong: #4e7d18;--sky: #3189c6;--danger: #c84432;--shadow: 0 20px 55px rgba(46, 70, 92, .14)}:root[data-theme=light][data-weather=cloudy]{--accent: #9eb5cf;--accent-strong: #48637e;--sky: #6687aa}:root[data-theme=light][data-weather=rain]{--accent: #59bce0;--accent-strong: #176b8c;--sky: #3574a5}:root[data-theme=light][data-weather=storm]{--accent: #ae91e0;--accent-strong: #624494;--sky: #7158a7}:root[data-theme=light][data-weather=snow]{--accent: #b9e5f3;--accent-strong: #34718a;--sky: #6fa8c0}:root[data-theme=light][data-weather=fog]{--accent: #b7c2c4;--accent-strong: #526164;--sky: #718589}*{box-sizing:border-box}html{min-width:320px;height:100%;overflow:hidden;background:var(--bg)}body{min-width:320px;height:100%;margin:0;overflow:hidden;background:var(--bg)}#root{height:100%}button,input{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),transparent 45%);outline-offset:3px}.app{position:relative;display:flex;height:100dvh;isolation:isolate;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 67% 10%,rgba(32,82,133,.32),transparent 32rem),linear-gradient(145deg,var(--bg) 0%,var(--bg-deep) 80%);transition:color .25s ease,background .5s ease}.atmosphere{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.atmosphere__label{position:absolute;clip:rect(0,0,0,0)}.orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.65;transition:background .5s ease}.orb--one{top:4rem;right:-11rem;width:34rem;height:34rem;background:radial-gradient(circle at 34% 34%,var(--accent),rgba(54,140,207,.2) 38%,transparent 68%);filter:blur(18px);opacity:.22;animation:float 12s ease-in-out infinite}.orb--two{bottom:2%;left:-15rem;width:31rem;height:31rem;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 60% 40%,rgba(39,122,183,.18),transparent 70%)}.orb--three{top:44%;left:54%;width:8rem;height:8rem;background:var(--accent);filter:blur(90px);opacity:.1}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background:repeating-linear-gradient(45deg,transparent 0 3px,rgba(255,255,255,.16) 3px 4px),repeating-linear-gradient(-45deg,transparent 0 5px,rgba(255,255,255,.1) 5px 6px);background-size:7px 9px,11px 13px}.site-header{position:relative;z-index:20;flex:0 0 auto;border-bottom:1px solid rgba(255,255,255,.08)}.header-inner,.page-shell,.site-footer{width:min(1180px,calc(100% - 48px));margin:0 auto}.header-inner{display:flex;min-height:clamp(56px,8vh,68px);align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;padding:0;border:0;color:var(--text);background:none;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:.86rem;font-weight:800;letter-spacing:.2em;cursor:pointer}.brand__mark{display:grid;width:39px;height:39px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:12px;color:#07101f;background:var(--accent);box-shadow:0 7px 25px color-mix(in srgb,var(--accent),transparent 72%)}.header-actions{display:flex;align-items:center;gap:8px}.nav-link{padding:10px 14px;border:0;color:var(--muted);background:none;cursor:pointer;transition:color .18s ease}.nav-link:hover{color:var(--text)}.theme-toggle{display:grid;width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;place-items:center;color:var(--accent-strong);background:var(--surface);cursor:pointer;transition:color .18s ease,background .18s ease,transform .18s ease}.theme-toggle:hover{color:var(--text);background:var(--surface-hover);transform:translateY(-1px)}.unit-toggle{display:flex;margin-left:10px;padding:4px;border:1px solid var(--line);border-radius:999px;background:#0000002e}.unit-toggle button{min-width:42px;padding:7px 9px;border:0;border-radius:999px;color:var(--muted);background:transparent;cursor:pointer}.unit-toggle button.is-active{color:#07101f;background:var(--accent);font-weight:700}.menu-button{display:none;padding:8px;border:0;background:none;cursor:pointer}.page-shell{min-height:0;flex:1 1 auto;overflow:hidden}.landing{display:grid;height:100%;min-height:0;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:5vw;padding:clamp(18px,4vh,42px) 0}.eyebrow,.date-pill,.floating-note{display:inline-flex;align-items:center}.eyebrow{gap:8px;padding:7px 11px;border:1px solid color-mix(in srgb,var(--accent),transparent 70%);border-radius:999px;color:var(--accent-strong);background:color-mix(in srgb,var(--accent),transparent 91%);font-size:.76rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.landing h1{max-width:720px;margin:24px 0 22px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(3.4rem,6.7vw,6.45rem);line-height:.96;letter-spacing:-.065em}.landing h1 span{display:block;color:var(--accent)}.landing__lead{max-width:600px;margin:0 0 34px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.17rem);line-height:1.75}.search{display:flex;width:min(410px,100%);min-height:52px;align-items:center;gap:12px;padding:6px 7px 6px 17px;border:1px solid var(--line);border-radius:16px;background:#ffffff13;box-shadow:0 14px 45px #00000026;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:border-color .18s ease,background .18s ease}.search:focus-within{border-color:color-mix(in srgb,var(--accent),transparent 35%);background:#ffffff1a}.search--large{width:min(590px,100%);min-height:68px;padding-left:22px;border-radius:20px;background:#ffffff18}.search>svg{flex:0 0 auto;color:var(--muted)}.search input{min-width:0;flex:1;border:0;outline:0;color:var(--text);background:transparent;font-size:1rem}.search input::placeholder{color:#8490a5}.search button{display:grid;width:42px;height:42px;flex:0 0 auto;place-items:center;border:0;border-radius:12px;color:#07101f;background:var(--accent);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.search--large button{width:54px;height:54px;border-radius:15px}.search button:hover:not(:disabled){transform:translate(2px);box-shadow:0 8px 25px color-mix(in srgb,var(--accent),transparent 68%)}.search button:disabled,.search input:disabled{cursor:wait;opacity:.72}.button-spinner{width:18px;height:18px;border:2px solid rgba(8,16,31,.3);border-top-color:#08101f;border-radius:999px;animation:spin .7s linear infinite}.city-list{display:grid;gap:12px;margin-top:28px}.city-list>span{color:#77849a;font-size:.73rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.city-list>div{display:flex;max-width:650px;flex-wrap:wrap;gap:8px}.city-list button{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border:1px solid var(--line);border-radius:999px;color:#c6cfdd;background:#ffffff09;font-size:.84rem;cursor:pointer;transition:border-color .18s ease,color .18s ease,transform .18s ease}.city-list button svg{opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.city-list button:hover{border-color:color-mix(in srgb,var(--accent),transparent 45%);color:var(--accent-strong);transform:translateY(-1px)}.city-list button:hover svg{opacity:1;transform:translate(0)}.landing__visual{position:relative;display:grid;height:min(100%,500px);min-height:0;place-items:center}.date-pill{position:absolute;z-index:2;top:4%;right:2%;flex-direction:column;align-items:flex-end;gap:3px;color:var(--muted);font-size:.75rem}.date-pill strong{color:var(--text);font-size:.92rem;font-weight:500;text-transform:capitalize}.weather-orbit{position:relative;display:grid;width:min(460px,84vw);aspect-ratio:1;place-items:center}.sun-disc{position:relative;z-index:2;display:grid;width:240px;height:240px;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;color:#08101f;background:radial-gradient(circle at 32% 28%,#f5ffd7 0%,var(--accent) 33%,color-mix(in srgb,var(--accent),#fd9a50 35%) 75%);box-shadow:0 0 90px color-mix(in srgb,var(--accent),transparent 63%),inset -24px -26px 60px #9757142e;animation:breathe 6s ease-in-out infinite}.sun-disc:after{position:absolute;top:-19px;right:-19px;bottom:-19px;left:-19px;border:1px solid color-mix(in srgb,var(--accent),transparent 65%);border-radius:50%;content:""}.orbit-line{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border:1px solid rgba(255,255,255,.13);border-radius:50%}.orbit-line--one:before,.orbit-line--two:before{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent);content:""}.orbit-line--one:before{top:17%;left:9%}.orbit-line--two{top:18%;right:18%;bottom:18%;left:18%;border-style:dashed;transform:rotate(-28deg)}.orbit-line--two:before{right:2%;bottom:27%}.floating-note{position:absolute;z-index:3;gap:8px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;color:#d7deea;background:#08101fc2;box-shadow:var(--shadow);font-size:.78rem;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.floating-note--top{top:19%;left:3%}.floating-note--bottom{right:-1%;bottom:17%}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--accent),transparent 84%)}.visual-caption{position:absolute;bottom:0;margin:0;color:#66738a;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:.73rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.weather-dashboard,.error-view,.weather-skeleton{height:100%;min-height:0;padding:clamp(10px,2vh,18px) 0;overflow:hidden}.weather-dashboard{display:grid;grid-template-rows:auto minmax(190px,1fr) minmax(190px,.92fr);gap:clamp(8px,1.5vh,14px)}.dashboard-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:0}.dashboard-toolbar p,.dashboard-toolbar h1{margin:0}.dashboard-toolbar p{margin-bottom:3px;color:var(--muted);font-size:.84rem;text-transform:capitalize}.dashboard-toolbar h1{display:flex;align-items:center;gap:8px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(1.25rem,2.2vw,1.75rem);letter-spacing:-.04em}.dashboard-toolbar h1 svg{color:var(--accent)}.dashboard-grid{display:grid;min-height:0;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:12px}.glass-card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff1b,#ffffff0b);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.current-card{display:flex;min-height:0;flex-direction:column;justify-content:space-between;padding:clamp(16px,2.2vw,28px);border-radius:22px;overflow:hidden}.current-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.card-label,.section-heading span,.forecast-detail>div>span{color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.current-temperature{margin:8px 0 0;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(3.6rem,7vh,5.8rem);font-weight:600;line-height:.92;letter-spacing:-.085em}.current-temperature small{margin-left:6px;color:var(--muted);font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:.86rem;font-weight:600;letter-spacing:.04em}.current-card__top p{margin:8px 0 0;color:#d8dfeb;font-size:1.12rem}.current-icon{position:relative;display:grid;min-width:clamp(76px,9vw,116px);min-height:clamp(76px,10vh,110px);place-items:center;color:var(--accent-strong)}.current-icon svg{position:relative;z-index:2;filter:drop-shadow(0 12px 24px rgba(0,0,0,.25));width:clamp(72px,8vw,104px);height:auto}.icon-glow{position:absolute;width:120px;height:120px;border-radius:50%;background:var(--accent);filter:blur(60px);opacity:.2}.temperature-range{display:flex;padding-top:12px;border-top:1px solid var(--line);align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:.87rem}.temperature-range span:last-child{display:flex;align-items:center;gap:8px;color:#dce3ee;font-weight:600}.temperature-range i{width:1px;height:15px;background:var(--line)}.metrics-grid{display:grid;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:0;padding:clamp(10px,1.4vw,15px);border-radius:16px}.metric-card__heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:.78rem}.metric-card__heading svg{color:var(--accent)}.metric-card>strong{display:block;margin-top:clamp(8px,1.6vh,14px);font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(1.25rem,2.3vw,1.8rem);line-height:1;letter-spacing:-.045em}.metric-card>strong small{margin-left:4px;color:var(--muted);font-family:Segoe UI Variable Text,Segoe UI,sans-serif;font-size:.66rem;font-weight:500;letter-spacing:0}.metric-card>p{margin:6px 0 0;color:#727f94;font-size:.73rem}.forecast-section{display:grid;min-height:0;grid-template-rows:auto minmax(0,1fr);margin-top:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:8px}.section-heading h2{margin:2px 0 0;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(1.25rem,2.2vw,1.75rem);letter-spacing:-.045em}.section-heading>p{margin:0;color:var(--muted);font-size:.82rem}.forecast-layout{display:grid;min-height:0;grid-template-columns:1.2fr .8fr;gap:12px}.forecast-list{display:grid;min-height:0;grid-template-rows:repeat(3,minmax(0,1fr));overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#ffffff09}.forecast-list>button{display:flex;min-height:0;padding:8px 16px;border:0;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;color:var(--text);background:transparent;text-align:left;cursor:pointer;transition:background .18s ease}.forecast-list>button:last-child{border-bottom:0}.forecast-list>button:hover,.forecast-list>button.is-active{background:var(--surface-hover)}.forecast-list>button.is-active{box-shadow:inset 3px 0 var(--accent)}.forecast-day{display:flex;align-items:center;gap:16px}.forecast-day>svg{color:var(--accent-strong)}.forecast-day span,.forecast-temp{display:flex;flex-direction:column}.forecast-day strong{font-size:.97rem}.forecast-day small{margin-top:4px;color:var(--muted);font-size:.76rem}.forecast-temp{min-width:72px;flex-direction:row;justify-content:flex-end;gap:10px}.forecast-temp strong{font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:1.2rem}.forecast-temp small{color:var(--muted);font-size:1rem}.forecast-detail{display:flex;min-height:0;flex-direction:column;justify-content:space-between;padding:14px 18px;border-radius:18px}.forecast-detail>svg{align-self:flex-end;color:var(--accent-strong);width:clamp(38px,5vh,54px);height:auto}.forecast-detail h3{margin:3px 0 0;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:1.15rem;letter-spacing:-.04em}.forecast-detail>p{margin:14px 0 0;color:var(--muted);font-size:.8rem;line-height:1.55}.forecast-detail>p strong{color:var(--text)}.temperature-bar{height:4px;overflow:hidden;border-radius:99px;background:#ffffff1a}.temperature-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sky),var(--accent))}.refresh-indicator{position:fixed;z-index:30;right:24px;bottom:24px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;color:var(--muted);background:#050a13e6;box-shadow:var(--shadow);font-size:.76rem}.error-view{display:grid;grid-template-rows:auto minmax(0,1fr);justify-items:center;gap:12px}.error-view>.search{justify-self:end}.error-card{display:grid;width:min(670px,100%);height:100%;min-height:0;place-items:center;align-content:center;padding:44px;border:1px solid var(--line);border-radius:28px;background:#ffffff0e;text-align:center;box-shadow:var(--shadow)}.error-card__icon{display:grid;width:88px;height:88px;margin-bottom:24px;place-items:center;border-radius:50%;color:var(--danger);background:#ff876f1a}.error-card>span{color:var(--danger);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.error-card h1{max-width:520px;margin:10px 0 12px;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-size:clamp(1.8rem,4vw,2.7rem);letter-spacing:-.05em}.error-card p{max-width:470px;margin:0;color:var(--muted);line-height:1.65}.error-card button{display:inline-flex;margin-top:28px;padding:12px 17px;border:0;border-radius:12px;align-items:center;gap:8px;color:#08101f;background:var(--accent);font-weight:700;cursor:pointer}.weather-skeleton{display:grid;grid-template-rows:auto minmax(0,1fr);animation:fade-in .25s ease-out}.skeleton{position:relative;overflow:hidden;border-radius:20px;background:#ffffff0e}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.09) 50%,transparent 80%);content:"";transform:translate(-100%);animation:shimmer 1.45s infinite}.skeleton--toolbar{width:100%;height:52px;margin-bottom:12px}.skeleton-grid{display:grid;min-height:0;grid-template-columns:1.2fr 1fr;gap:12px}.skeleton--hero{min-height:0}.skeleton-cards{display:grid;min-height:0;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:8px}.skeleton--card{min-height:0}.site-footer{display:flex;min-height:clamp(38px,6vh,48px);flex:0 0 auto;border-top:1px solid rgba(255,255,255,.08);align-items:center;justify-content:space-between;gap:25px;color:#66738a;font-size:.75rem}.site-footer>div{display:flex;align-items:center;gap:20px}.site-footer span{color:#b6bfcd;font-family:Segoe UI Variable Display,Segoe UI,sans-serif;font-weight:800;letter-spacing:.16em}.site-footer p{margin:0}.no-script{max-width:720px;margin:60px auto;padding:24px;color:#f5f7fb;font-family:system-ui,sans-serif}:root[data-theme=light] .app{background:radial-gradient(circle at 67% 10%,rgba(98,165,215,.24),transparent 32rem),linear-gradient(145deg,var(--bg) 0%,var(--bg-deep) 80%)}:root[data-theme=light] .site-header,:root[data-theme=light] .site-footer{border-color:#142c451c}:root[data-theme=light] .unit-toggle{background:#ffffff94}:root[data-theme=light] .search{background:#ffffff9e}:root[data-theme=light] .search:focus-within,:root[data-theme=light] .search--large{background:#ffffffd1}:root[data-theme=light] .search input::placeholder,:root[data-theme=light] .city-list>span,:root[data-theme=light] .metric-card>p,:root[data-theme=light] .visual-caption,:root[data-theme=light] .site-footer{color:#6a7989}:root[data-theme=light] .city-list button,:root[data-theme=light] .forecast-list,:root[data-theme=light] .error-card,:root[data-theme=light] .skeleton{background:#ffffff7a}:root[data-theme=light] .city-list button,:root[data-theme=light] .current-card__top p,:root[data-theme=light] .temperature-range span:last-child{color:#34485d}:root[data-theme=light] .glass-card{background:linear-gradient(145deg,#ffffffdb,#ffffff7a)}:root[data-theme=light] .floating-note,:root[data-theme=light] .refresh-indicator,:root[data-theme=light] .header-actions{color:#34485d;background:#f4f9fcf0}:root[data-theme=light] .orbit-line,:root[data-theme=light] .sun-disc:after{border-color:#142c4526}:root[data-theme=light] .temperature-bar{background:#142c451a}:root[data-theme=light] .skeleton:after{background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.75) 50%,transparent 80%)}:root[data-theme=light] .site-footer span{color:#41556b}:root[data-theme=light] .no-script{color:var(--text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float{50%{transform:translate(-18px,26px) scale(1.03)}}@keyframes breathe{50%{transform:scale(1.025)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0}}@media(max-width:960px){.landing{grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:24px}.landing__copy{position:relative;z-index:2}.landing__visual{height:min(100%,390px)}.current-card{min-height:0}}@media(max-width:720px){.header-inner,.page-shell,.site-footer{width:min(100% - 28px,1180px)}.header-inner{min-height:54px}.menu-button{display:grid}.header-actions{position:absolute;z-index:30;top:61px;right:14px;display:none;width:210px;padding:12px;border:1px solid var(--line);border-radius:17px;align-items:stretch;background:#050a13f5;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-actions.is-open{display:grid}.nav-link{text-align:left}.unit-toggle{justify-content:space-between;margin:4px 0 0}.landing{position:relative;display:grid;grid-template-columns:1fr;padding:18px 0}.landing h1{max-width:560px;margin:14px 0 12px;font-size:clamp(2.65rem,12vw,4.2rem)}.landing__lead{max-width:520px;margin-bottom:18px;font-size:.95rem;line-height:1.5}.city-list{gap:8px;margin-top:14px}.city-list>div{max-width:520px}.landing__visual{position:absolute;z-index:0;right:-8%;bottom:2%;width:min(58vw,330px);height:min(44vh,300px);opacity:.3;pointer-events:none}.sun-disc{width:145px;height:145px}.sun-disc svg{width:72px}.date-pill{right:0}.dashboard-toolbar{align-items:center;gap:10px}.dashboard-toolbar .search{width:min(48%,300px)}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{min-height:0}.current-card__top{align-items:center}.current-icon{min-width:62px;min-height:68px}.current-icon svg{width:66px}.section-heading{align-items:flex-end;flex-direction:row}.site-footer{min-height:38px;gap:10px;font-size:.64rem}.site-footer>div{gap:10px}}@media(max-width:460px){.landing h1{letter-spacing:-.07em}.search--large{min-height:52px;padding-left:16px}.search--large button{width:40px;height:40px}.city-list>div{gap:6px}.city-list button{padding:7px 10px;font-size:.76rem}.landing__visual{right:-18%;width:250px;height:230px}.floating-note--top{left:-2%}.floating-note--bottom{right:-2%}.weather-dashboard,.error-view,.weather-skeleton{padding:7px 0}.weather-dashboard{grid-template-rows:auto minmax(150px,.9fr) minmax(180px,1.1fr);gap:6px}.dashboard-toolbar p{display:none}.dashboard-toolbar h1{font-size:1rem}.dashboard-toolbar .search{min-height:42px}.dashboard-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6px}.current-card__top{gap:2px}.current-card{min-height:0;padding:10px;border-radius:14px}.current-temperature{font-size:2.6rem}.current-icon{min-width:42px;min-height:48px}.current-icon svg{width:44px}.temperature-range{padding-top:6px;gap:4px;font-size:.62rem}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:4px}.metric-card{min-height:0;padding:6px;border-radius:10px}.metric-card__heading,.metric-card>p{font-size:.58rem}.metric-card>strong{margin-top:5px;font-size:.95rem}.section-heading{margin-bottom:4px}.section-heading h2{font-size:1rem}.section-heading>p,.section-heading span{font-size:.58rem}.forecast-layout{gap:6px}.forecast-list>button{padding:4px 6px}.forecast-day{gap:5px}.forecast-day>svg{width:18px}.forecast-day strong,.forecast-temp strong,.forecast-temp small{font-size:.72rem}.forecast-temp{min-width:44px;gap:4px}.forecast-day small{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.forecast-detail{min-height:0;padding:7px;border-radius:12px}.forecast-detail h3{font-size:.82rem}.forecast-detail>p{margin-top:4px;font-size:.62rem;line-height:1.3}.error-card{min-height:0;padding:20px}.site-footer{min-height:44px;display:grid;grid-template-columns:1fr auto}.site-footer>div{display:grid;gap:1px}.site-footer p{font-size:.54rem}}@media(max-height:700px){.header-inner{min-height:52px}.brand__mark{width:34px;height:34px}.landing h1{margin:12px 0;font-size:clamp(2.6rem,8vh,4.4rem)}.landing__lead{margin-bottom:14px}.site-footer{min-height:34px}.weather-dashboard{grid-template-rows:auto minmax(160px,.9fr) minmax(170px,1fr);gap:6px;padding:6px 0}.forecast-detail>p{margin-top:4px;line-height:1.3}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}