:root{color-scheme:light;--color-primary: #f0a86b;--color-primary-strong: #b9502d;--color-background: #b8d2ce;--color-background-deep: #6d9da3;--color-surface: rgba(248, 251, 246, .12);--color-surface-strong: rgba(248, 251, 246, .2);--color-text: #102f38;--color-text-muted: #183039;--color-line: rgba(16, 47, 56, .22);--color-control-surface: rgba(252, 253, 248, .96);--color-control-text: #15343c;--color-control-muted: #52686e;--color-danger: #8e2d28;--color-danger-surface: #fff0e9;--color-atmosphere-glow: rgba(255, 229, 166, .55);--color-focus-dark: #102f38;--color-focus-light: #fff9e9;--font-display: "Iowan Old Style", Baskerville, "Palatino Linotype", Georgia, serif;--font-body: "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--space-7: 64px;--space-8: 96px;--radius-small: 8px;--radius-medium: 16px;--radius-large: 32px;--radius-round: 999px;--shadow-soft: 0 24px 64px rgba(18, 47, 55, .18);--shadow-control: 0 16px 40px rgba(18, 47, 55, .16);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth;background:#163b47}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:#163b47}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:1px}svg{flex:0 0 auto}:focus-visible{outline:3px solid var(--color-focus-dark);outline-offset:2px;box-shadow:0 0 0 6px var(--color-focus-light)}.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}.skip-link{position:fixed;z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);color:#102f38;background:#fff9e9;box-shadow:var(--shadow-control);transform:translateY(-160%);transition:transform .18s ease}.skip-link:focus{transform:translateY(0)}.app-shell{position:relative;isolation:isolate;min-height:100vh;overflow:clip;color:var(--color-text);background:radial-gradient(circle at 80% 8%,var(--color-atmosphere-glow),transparent 24rem),linear-gradient(145deg,var(--color-background) 0%,var(--color-background-deep) 100%);transition:color .7s ease,background-color .7s ease}.app-shell[data-weather=cloudy]{--color-background: #cad8d6;--color-background-deep: #789aa3}.app-shell[data-weather=fog]{--color-background: #d9ded9;--color-background-deep: #899d9e}.app-shell[data-weather=rain]{--color-background: #355f6b;--color-background-deep: #183946;--color-text: #f7fbf8;--color-text-muted: #f7fbf8;--color-atmosphere-glow: rgba(255, 229, 166, .04);--color-line: rgba(238, 247, 245, .25);--color-surface: rgba(240, 248, 247, .08);--color-surface-strong: rgba(240, 248, 247, .14)}.app-shell[data-weather=snow]{--color-background: #e6eeee;--color-background-deep: #a9c2c6}.app-shell[data-weather=storm],.app-shell[data-period=night]{color-scheme:dark;--color-background: #183746;--color-background-deep: #0d2230;--color-text: #f7f8f2;--color-text-muted: #f7f8f2;--color-atmosphere-glow: rgba(255, 229, 166, .04);--color-line: rgba(235, 244, 242, .23);--color-surface: rgba(237, 247, 245, .08);--color-surface-strong: rgba(237, 247, 245, .14)}.app-shell[data-weather=storm]{--color-primary: #e8b678}.atmosphere{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}.atmosphere__glow{position:absolute;top:-160px;right:-96px;width:560px;aspect-ratio:1;border:1px solid rgba(255,248,218,.26);border-radius:50%;background:radial-gradient(circle,rgba(255,232,170,.26),transparent 65%);animation:breathe 9s ease-in-out infinite alternate}.app-shell[data-period=night] .atmosphere__glow{background:radial-gradient(circle at 45% 38%,rgba(231,239,222,.2) 0 4%,transparent 4.5%),radial-gradient(circle,rgba(181,201,215,.16),transparent 64%);border-color:#dbe8ef29}.atmosphere__cloud{position:absolute;width:440px;height:104px;border-radius:var(--radius-round);opacity:.2;filter:blur(1px);background:#f8fbf5b8;animation:cloud-drift 24s ease-in-out infinite alternate}.atmosphere__cloud:before,.atmosphere__cloud:after{position:absolute;content:"";border-radius:50%;background:inherit}.atmosphere__cloud:before{width:152px;height:152px;left:72px;bottom:0}.atmosphere__cloud:after{width:112px;height:112px;right:80px;bottom:0}.atmosphere__cloud--one{top:360px;left:-280px}.atmosphere__cloud--two{top:880px;right:-320px;animation-delay:-8s}.app-shell[data-weather=clear] .atmosphere__cloud{opacity:.08}.app-shell[data-weather=rain] .atmosphere__cloud,.app-shell[data-weather=storm] .atmosphere__cloud{opacity:.12;background:#b8c9ca}.atmosphere__grain{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(115deg,transparent 48%,rgba(255,255,255,.14) 49%,transparent 50%),radial-gradient(circle at 20% 30%,rgba(255,255,255,.22) 0 1px,transparent 1.5px);background-size:160px 160px,72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 72%)}.site-header{position:relative;z-index:20;border-bottom:1px solid var(--color-line)}.site-header__inner,.hero,.forecast-content,.loading-section,.refresh-error,.site-footer{width:min(100% - 64px,1280px);margin-inline:auto}.site-header__inner{display:flex;min-height:80px;align-items:center;justify-content:space-between;gap:var(--space-4)}.mini-brand{display:grid;grid-template-columns:32px auto;align-items:center;column-gap:var(--space-2);font-weight:800;letter-spacing:.16em}.mini-brand svg,.site-footer svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.mini-brand small{grid-column:2;color:var(--color-text-muted);font-size:.68rem;font-weight:600;line-height:1.5;letter-spacing:.06em}.unit-toggle{display:flex;gap:var(--space-1);margin:0;padding:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius-round);background:var(--color-surface)}.unit-toggle:disabled{opacity:.58}.unit-toggle__button{min-width:48px;min-height:40px;padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-round);color:inherit;background:transparent;cursor:pointer;font-weight:700;transition:color .18s ease,background-color .18s ease,transform .18s ease}.unit-toggle__button:hover:not(:disabled){transform:translateY(-1px)}.unit-toggle__button--active{color:var(--color-control-text);background:var(--color-control-surface);box-shadow:0 2px 12px #132e361f}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:calc(100svh - 80px);align-items:center;gap:var(--space-8);padding-block:var(--space-7)}.hero__intro{position:relative;z-index:10;min-width:0}.hero__eyebrow,.section-kicker,.hero__state-kicker{margin:0 0 var(--space-2);font-size:.76rem;font-weight:800;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin:0;font-family:var(--font-display);font-size:clamp(5.5rem,11vw,10rem);font-weight:500;line-height:1.1;letter-spacing:-.07em}.hero h1 span{color:var(--color-primary-strong)}.app-shell[data-weather=rain] .hero h1 span,.app-shell[data-weather=storm] .hero h1 span,.app-shell[data-period=night] .hero h1 span{color:var(--color-primary)}.hero__lead{max-width:480px;margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:clamp(1rem,1.6vw,1.24rem);line-height:1.6}.city-search{position:relative;z-index:30;width:min(100%,600px)}.city-search__form{position:relative;display:flex;min-height:64px;align-items:center;color:var(--color-control-text);border:1px solid rgba(17,52,60,.12);border-radius:var(--radius-medium);background:var(--color-control-surface);box-shadow:var(--shadow-control);transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.city-search__form:focus-within{border-color:#8a482e;box-shadow:0 0 0 3px var(--color-focus-dark),0 0 0 6px var(--color-focus-light),0 20px 48px #112f373d;transform:translateY(-2px)}.city-search__icon{position:absolute;left:var(--space-4);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.city-search__input{width:100%;min-width:0;min-height:62px;padding:var(--space-3) 88px var(--space-3) var(--space-7);border:0;border-radius:inherit;outline:none;color:var(--color-control-text);background:transparent;font-size:1.04rem;font-weight:700}.city-search__input::placeholder{color:var(--color-control-muted);opacity:1}.city-search__input::-webkit-search-cancel-button{display:none}.city-search__clear{position:absolute;right:var(--space-3);display:grid;width:40px;height:40px;place-items:center;padding:0;border:0;border-radius:50%;color:var(--color-control-muted);background:#13343c12;cursor:pointer;transition:color .18s ease,background-color .18s ease}.city-search__clear:hover{color:var(--color-control-text);background:#13343c21}.city-search__clear svg,.city-search__option svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.city-search__spinner{position:absolute;right:64px;width:20px;height:20px;border:2px solid rgba(19,52,60,.18);border-top-color:var(--color-primary-strong);border-radius:50%;animation:spin .7s linear infinite}.city-search__hint{margin:var(--space-2) 0 0 var(--space-3);color:var(--color-text-muted);font-size:.76rem;line-height:1.5}.city-search__popover{position:absolute;z-index:40;top:calc(100% + var(--space-2));width:100%;max-height:min(400px,52vh);overflow-y:auto;border:1px solid rgba(17,52,60,.12);border-radius:var(--radius-medium);color:var(--color-control-text);background:#fbfcf7;box-shadow:var(--shadow-soft);animation:popover-in .18s ease-out both}.city-search__list{margin:0;padding:var(--space-2);list-style:none}.city-search__option{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;align-items:center;gap:0 var(--space-3);padding:var(--space-3);border:0;border-radius:var(--radius-small);color:inherit;background:transparent;text-align:left;cursor:pointer;transition:background-color .16s ease}.city-search__option--active,.city-search__option:hover{background:#e7efea}.city-search__option svg{grid-column:2;grid-row:1 / span 2;transition:transform .16s ease}.city-search__option--active svg,.city-search__option:hover svg{transform:translate(4px)}.city-search__place{overflow:hidden;font-weight:800;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.city-search__context{overflow:hidden;color:var(--color-control-muted);font-size:.84rem;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.city-search__feedback{display:flex;min-height:120px;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--space-1);padding:var(--space-4)}.city-search__feedback strong{line-height:1.4}.city-search__feedback span{color:var(--color-control-muted);line-height:1.55}.text-button{margin-top:var(--space-2);padding:0;border:0;color:#8a3c29;background:transparent;cursor:pointer;font-weight:800;text-decoration:underline;text-underline-offset:4px}.hero__current{position:relative;min-width:0;padding-left:var(--space-7);border-left:1px solid var(--color-line);animation:reveal-up .56s ease-out both}.hero__location p,.hero__location span{margin:0;color:var(--color-text-muted);line-height:1.55}.hero__location p{font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero__location h2{margin:var(--space-1) 0 0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.8rem);font-weight:500;line-height:1.1;letter-spacing:-.04em}.hero__reading{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.hero__temperature{display:block;font-family:var(--font-display);font-size:clamp(4rem,8vw,7.5rem);font-weight:400;line-height:1.1;letter-spacing:-.07em;white-space:nowrap}.hero__condition,.hero__feels{margin:0;line-height:1.55}.hero__condition{font-size:1.08rem;font-weight:800}.hero__feels{color:var(--color-text-muted)}.refresh-label{display:inline-flex;align-items:center;gap:var(--space-2);margin:var(--space-4) 0 0;color:var(--color-text-muted);font-size:.86rem;line-height:1.5}.refresh-label:before{width:8px;height:8px;border-radius:50%;background:var(--color-primary);content:"";animation:pulse .9s ease-in-out infinite alternate}.hero__state{display:flex;min-height:360px;flex-direction:column;align-items:flex-start;justify-content:center;padding-left:var(--space-7);border-left:1px solid var(--color-line)}.hero__state h2{max-width:480px;margin:0 0 var(--space-2);font-family:var(--font-display);font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.15;letter-spacing:-.04em}.hero__state>p:not(.hero__state-kicker){max-width:440px;margin:0;color:var(--color-text-muted);line-height:1.6}.hero__state--error .weather-icon{margin-bottom:var(--space-3)}.hero__state--error .primary-button{margin-top:var(--space-4)}.hero-loader{display:block;width:64px;height:64px;margin-bottom:var(--space-4);border:2px solid var(--color-line);border-top-color:var(--color-primary-strong);border-radius:50%;animation:spin 1s linear infinite}.weather-icon{overflow:visible}.weather-icon--small{width:40px;height:40px}.weather-icon--medium{width:96px;height:96px}.weather-icon--hero{width:clamp(136px,16vw,224px);height:clamp(136px,16vw,224px);filter:drop-shadow(0 18px 24px rgba(19,45,53,.15));animation:icon-float 5s ease-in-out infinite alternate}.weather-icon__sun circle{fill:#f6b95f;stroke:#d6813c;stroke-width:2}.weather-icon__sun path{fill:none;stroke:#d6813c;stroke-width:5;stroke-linecap:round}.weather-icon__moon{fill:#f2e7bd;stroke:#b7c8cf;stroke-width:2;stroke-linejoin:round}.weather-icon__cloud>path:first-child{fill:#eef2ed;stroke:#8aa1a4;stroke-width:2;stroke-linejoin:round}.weather-icon__cloud-highlight{fill:none;stroke:#ffffffbf;stroke-width:3;stroke-linecap:round}.weather-icon__fog path{fill:none;stroke:#71898e;stroke-width:7;stroke-linecap:round}.weather-icon__rain path,.weather-icon__storm-rain{fill:none;stroke:#4e91ad;stroke-width:7;stroke-linecap:round}.weather-icon__rain--soft path{stroke-width:5}.weather-icon__snow path{fill:none;stroke:#6ca9c1;stroke-width:3;stroke-linecap:round}.weather-icon__storm>path:first-child{fill:#f1ad52;stroke:#b46731;stroke-width:2;stroke-linejoin:round}.weather-icon__unknown path,.weather-icon__unknown circle{fill:none;stroke:#5f7479;stroke-width:6;stroke-linecap:round}.primary-button,.secondary-button{min-height:48px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-round);cursor:pointer;font-weight:800;transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}.primary-button{border:1px solid #7d3928;color:#fffaf2;background:#8f402c;box-shadow:0 10px 24px #481d1333}.secondary-button{border:1px solid var(--color-line);color:inherit;background:var(--color-surface-strong)}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.refresh-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border:1px solid #be6b55;border-radius:var(--radius-medium);color:#5b241f;background:var(--color-danger-surface)}.refresh-error div{display:flex;flex-direction:column;gap:var(--space-1)}.refresh-error span{line-height:1.55}.forecast-content,.loading-section{position:relative}.forecast-content>section,.loading-section,.contained-error{padding-block:var(--space-8);border-top:1px solid var(--color-line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.section-heading h2,.source-note h2,.loading-section h2,.contained-error h2{margin:0;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem);font-weight:500;line-height:1.15;letter-spacing:-.04em}.section-heading>p{max-width:400px;margin:0;color:var(--color-text-muted);line-height:1.6}.metrics-list{display:grid;grid-template-columns:repeat(4,1fr);margin:0}.metric{display:grid;grid-template-columns:32px 1fr;gap:var(--space-1) var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border-left:1px solid var(--color-line)}.metric:first-child{padding-left:0;border-left:0}.metric svg{grid-row:1 / span 2;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.metric dt{color:var(--color-text-muted);font-size:.82rem;font-weight:700;line-height:1.5}.metric dd{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.2;overflow-wrap:anywhere}.hourly-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-color:var(--color-text-muted) transparent;scrollbar-width:thin}.hourly-scroll:focus-visible{border-radius:var(--radius-small)}.hourly-list{display:flex;width:max-content;min-width:100%;margin:0;padding:0 0 var(--space-3);list-style:none}.hourly-item{display:flex;width:112px;flex:0 0 112px;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border-left:1px solid var(--color-line);text-align:center}.hourly-item:first-child{border-left:0;background:var(--color-surface);border-radius:var(--radius-small)}.hourly-item time,.hourly-item__rain{color:var(--color-text-muted);font-size:.78rem;line-height:1.5}.hourly-item strong{font-family:var(--font-display);font-size:1.48rem;font-weight:500;line-height:1.2}.hourly-item__rain{display:flex;align-items:center;gap:var(--space-1)}.hourly-item__rain svg,.daily-row__rain svg{fill:#4a8dab38;stroke:currentColor;stroke-width:1.4}.daily-list{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--color-line)}.daily-row{display:grid;grid-template-columns:112px minmax(200px,1.4fr) 96px 80px 128px 128px;align-items:center;gap:var(--space-4);min-height:96px;padding-block:var(--space-3);border-top:1px solid var(--color-line);transition:background-color .18s ease,padding .18s ease}.daily-row:hover{padding-inline:var(--space-3);background:var(--color-surface)}.daily-row__date,.daily-row__condition,.daily-row__temperature,.daily-row__rain,.daily-row__sun,.daily-row__wind{min-width:0}.daily-row__date{display:flex;flex-direction:column}.daily-row__date strong{line-height:1.4}.daily-row__date time,.daily-row__condition span,.daily-row__rain,.daily-row__sun,.daily-row__wind{color:var(--color-text-muted);font-size:.82rem;line-height:1.5}.daily-row__condition,.daily-row__rain,.daily-row__wind{display:flex;align-items:center;gap:var(--space-2)}.daily-row__condition span{overflow:hidden;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.daily-row__temperature{display:flex;justify-content:space-between;gap:var(--space-2);font-family:var(--font-display);font-size:1.3rem;line-height:1.2}.daily-row__temperature span{color:var(--color-text-muted)}.daily-row__sun{display:flex;flex-direction:column}.daily-row__wind svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.section-empty{display:flex;min-height:144px;flex-direction:column;justify-content:center;gap:var(--space-1);padding:var(--space-4);border:1px dashed var(--color-line);border-radius:var(--radius-medium)}.section-empty span{color:var(--color-text-muted);line-height:1.55}.source-note{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.source-note>div{max-width:720px}.source-note h2{font-size:clamp(1.8rem,3vw,2.6rem)}.source-note p:last-child{margin:var(--space-2) 0 0;color:var(--color-text-muted);line-height:1.6}.source-note>svg{fill:none;stroke:currentColor;stroke-width:1.5;opacity:.72}.loading-section__message{max-width:640px;margin-bottom:var(--space-6)}.loading-section__message>p:last-child,.contained-error p{color:var(--color-text-muted);line-height:1.6}.skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.skeleton-block,.skeleton-lines span{position:relative;display:block;overflow:hidden;background:var(--color-surface-strong)}.skeleton-block:after,.skeleton-lines span:after{position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.28) 50%,transparent 80%);content:"";transform:translate(-100%);animation:shimmer 1.5s ease-in-out infinite}.skeleton-block{min-height:120px;border-radius:var(--radius-medium)}.skeleton-lines{display:grid;gap:var(--space-3);margin-top:var(--space-6)}.skeleton-lines span{height:80px;border-radius:var(--radius-small)}.contained-error{display:flex;width:min(100% - 64px,1280px);align-items:center;justify-content:space-between;gap:var(--space-6);margin-inline:auto}.contained-error>div{max-width:720px}.forecast-content>.contained-error{width:100%}.contained-error .primary-button:disabled{opacity:.64;cursor:wait;transform:none}.site-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-6);border-top:1px solid var(--color-line)}.site-footer div{display:flex;flex-direction:column;gap:var(--space-1)}.site-footer strong{font-family:var(--font-display);font-size:1.6rem;font-weight:500;line-height:1.2}.site-footer span,.site-footer p{margin:0;color:var(--color-text-muted);font-size:.84rem;line-height:1.55}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{to{transform:translate(-24px,32px) scale(1.06)}}@keyframes cloud-drift{to{transform:translate(120px)}}@keyframes icon-float{to{transform:translateY(-8px) rotate(1deg)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(16px)}}@keyframes popover-in{0%{opacity:0;transform:translateY(-8px) scale(.99)}}@keyframes pulse{to{opacity:.35;transform:scale(.78)}}@keyframes shimmer{to{transform:translate(100%)}}@media(max-width:1040px){.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:var(--space-6)}.hero__current,.hero__state{padding-left:var(--space-5)}.hero__reading{align-items:flex-start;flex-direction:column;margin-top:var(--space-3)}.hero__reading .weather-icon{margin-bottom:calc(var(--space-4) * -1)}.metrics-list{grid-template-columns:repeat(2,1fr);gap:var(--space-5) 0}.metric:nth-child(3){padding-left:0;border-left:0}.daily-row{grid-template-columns:88px minmax(152px,1fr) 80px 64px 96px 104px;gap:var(--space-3)}}@media(max-width:760px){.site-header__inner,.hero,.forecast-content,.loading-section,.refresh-error,.site-footer,.contained-error{width:min(100% - 32px,1280px)}.site-header__inner{min-height:72px}.mini-brand small{display:none}.hero{grid-template-columns:1fr;min-height:auto;gap:var(--space-6);padding-block:var(--space-6) var(--space-7)}.hero h1{font-size:clamp(4.6rem,25vw,7rem)}.hero__lead{margin-bottom:var(--space-4)}.hero__current,.hero__state{min-height:0;padding:var(--space-6) 0 0;border-top:1px solid var(--color-line);border-left:0}.hero__reading{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:var(--space-2)}.hero__reading .weather-icon{width:128px;height:128px;margin:0}.hero__temperature{font-size:clamp(3.8rem,18vw,6rem)}.refresh-error,.contained-error{align-items:flex-start;flex-direction:column}.forecast-content>section,.loading-section,.contained-error{padding-block:var(--space-7)}.section-heading{align-items:flex-start;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.section-heading>p{max-width:520px}.daily-row{grid-template-areas:"date temperature" "condition condition" "rain wind" "sun sun";grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3) var(--space-4);min-height:0;padding-block:var(--space-4)}.daily-row:hover{padding-inline:0}.daily-row__date{grid-area:date}.daily-row__condition{grid-area:condition}.daily-row__temperature{grid-area:temperature;min-width:88px}.daily-row__rain{grid-area:rain}.daily-row__sun{grid-area:sun;flex-direction:row;gap:var(--space-3)}.daily-row__wind{grid-area:wind;justify-self:end}.source-note{align-items:flex-start}.source-note>svg{width:56px;height:56px}.skeleton-grid{grid-template-columns:repeat(2,1fr)}.site-footer{align-items:flex-start;flex-direction:column}}@media(max-width:420px){.site-header__inner,.hero,.forecast-content,.loading-section,.refresh-error,.site-footer,.contained-error{width:min(100% - 32px,1280px)}.mini-brand{grid-template-columns:28px auto;font-size:.82rem}.mini-brand svg{width:28px;height:28px}.unit-toggle__button{min-width:40px;min-height:36px;padding:var(--space-1) var(--space-2)}.hero{padding-top:var(--space-5)}.hero h1{font-size:clamp(4.4rem,24vw,6rem)}.city-search__form{min-height:56px}.city-search__input{min-height:54px;padding-left:var(--space-6);font-size:1rem}.city-search__icon{left:var(--space-3);width:20px;height:20px}.hero__reading{grid-template-columns:104px minmax(0,1fr)}.hero__reading .weather-icon{width:104px;height:104px}.hero__temperature{font-size:clamp(3.4rem,17vw,4.5rem)}.metrics-list{gap:var(--space-5) 0}.metric{grid-template-columns:24px 1fr;padding-inline:var(--space-3)}.metric svg{width:20px;height:20px}.metric dd{font-size:1.35rem}.source-note>svg{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){:focus-visible,.city-search__form:focus-within{outline:3px solid Highlight;outline-offset:3px;box-shadow:none}}