:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#f0a86b;--color-primary-strong:#b9502d;--color-background:#b8d2ce;--color-background-deep:#6d9da3;--color-surface:#f8fbf61f;--color-surface-strong:#f8fbf633;--color-text:#102f38;--color-text-muted:#183039;--color-line:#102f3838;--color-control-surface:#fcfdf8f5;--color-control-text:#15343c;--color-control-muted:#52686e;--color-danger:#8e2d28;--color-danger-surface:#fff0e9;--color-atmosphere-glow:#ffe5a68c;--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 #122f372e;--shadow-control:0 16px 40px #122f3729;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#163b47;min-width:320px}body{background:#163b47;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}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:none}:focus-visible{outline:3px solid var(--color-focus-dark);outline-offset:2px;box-shadow:0 0 0 6px var(--color-focus-light)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{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;box-shadow:var(--shadow-control);background:#fff9e9;transition:transform .18s;position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-shell{isolation:isolate;min-height:100vh;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,background-color .7s;position:relative;overflow:clip}.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:#ffe5a60a;--color-line:#eef7f540;--color-surface:#f0f8f714;--color-surface-strong:#f0f8f724}.app-shell[data-weather=snow]{--color-background:#e6eeee;--color-background-deep:#a9c2c6}.app-shell[data-weather=storm],.app-shell[data-period=night]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#183746;--color-background-deep:#0d2230;--color-text:#f7f8f2;--color-text-muted:#f7f8f2;--color-atmosphere-glow:#ffe5a60a;--color-line:#ebf4f23b;--color-surface:#edf7f514;--color-surface-strong:#edf7f524}.app-shell[data-weather=storm]{--color-primary:#e8b678}.atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.atmosphere__glow{aspect-ratio:1;background:radial-gradient(circle,#ffe8aa42,#0000 65%);border:1px solid #fff8da42;border-radius:50%;width:560px;animation:9s ease-in-out infinite alternate breathe;position:absolute;top:-160px;right:-96px}.app-shell[data-period=night] .atmosphere__glow{background:radial-gradient(circle at 45% 38%,#e7efde33 0 4%,#0000 4.5%),radial-gradient(circle,#b5c9d729,#0000 64%);border-color:#dbe8ef29}.atmosphere__cloud{border-radius:var(--radius-round);opacity:.2;filter:blur(1px);background:#f8fbf5b8;width:440px;height:104px;animation:24s ease-in-out infinite alternate cloud-drift;position:absolute}.atmosphere__cloud:before,.atmosphere__cloud:after{content:"";background:inherit;border-radius:50%;position:absolute}.atmosphere__cloud:before{width:152px;height:152px;bottom:0;left:72px}.atmosphere__cloud:after{width:112px;height:112px;bottom:0;right:80px}.atmosphere__cloud--one{top:360px;left:-280px}.atmosphere__cloud--two{animation-delay:-8s;top:880px;right:-320px}.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{opacity:.14;background-image:linear-gradient(115deg,#0000 48%,#ffffff24 49%,#0000 50%),radial-gradient(circle at 20% 30%,#ffffff38 0 1px,#0000 1.5px);background-size:160px 160px,72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.site-header{z-index:20;border-bottom:1px solid var(--color-line);position:relative}.site-header__inner,.hero,.forecast-content,.loading-section,.refresh-error,.site-footer{width:min(100% - 64px,1280px);margin-inline:auto}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);min-height:80px;display:flex}.mini-brand{align-items:center;column-gap:var(--space-2);letter-spacing:.16em;grid-template-columns:32px auto;font-weight:800;display:grid}.mini-brand svg,.site-footer svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}.mini-brand small{color:var(--color-text-muted);letter-spacing:.06em;grid-column:2;font-size:.68rem;font-weight:600;line-height:1.5}.unit-toggle{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius-round);background:var(--color-surface);margin:0;display:flex}.unit-toggle:disabled{opacity:.58}.unit-toggle__button{min-width:48px;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-round);color:inherit;cursor:pointer;background:0 0;border:0;font-weight:700;transition:color .18s,background-color .18s,transform .18s}.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}.site-header__actions{align-items:center;gap:var(--space-3);display:flex}.theme-toggle{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius-round);background:var(--color-surface);margin:0;display:flex}.theme-toggle__button{min-width:40px;min-height:40px;padding:var(--space-2);border-radius:var(--radius-round);color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;transition:color .18s,background-color .18s,transform .18s;display:inline-flex}.theme-toggle__button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.theme-toggle__button:hover:not(:disabled){transform:translateY(-1px)}.theme-toggle__button--active{color:var(--color-control-text);background:var(--color-control-surface);box-shadow:0 2px 12px #132e361f}.hero{align-items:center;gap:var(--space-8);min-height:calc(100svh - 80px);padding-block:var(--space-7);grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);display:grid}.hero__intro{z-index:10;min-width:0;position:relative}.hero__eyebrow,.section-kicker,.hero__state-kicker{margin:0 0 var(--space-2);letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;font-weight:800;line-height:1.5}.hero h1{font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(5.5rem,11vw,10rem);font-weight:500;line-height:1.1}.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{z-index:30;width:min(100%,600px);position:relative}.city-search__form{min-height:64px;color:var(--color-control-text);border-radius:var(--radius-medium);background:var(--color-control-surface);box-shadow:var(--shadow-control);border:1px solid #11343c1f;align-items:center;transition:box-shadow .2s,transform .2s,border-color .2s;display:flex;position:relative}.city-search__form:focus-within{box-shadow:0 0 0 3px var(--color-focus-dark), 0 0 0 6px var(--color-focus-light), 0 20px 48px #112f373d;border-color:#8a482e;transform:translateY(-2px)}.city-search__icon{left:var(--space-4);fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;position:absolute}.city-search__input{width:100%;min-width:0;min-height:62px;padding:var(--space-3) 88px var(--space-3) var(--space-7);border-radius:inherit;color:var(--color-control-text);background:0 0;border:0;outline:none;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{right:var(--space-3);width:40px;height:40px;color:var(--color-control-muted);cursor:pointer;background:#13343c12;border:0;border-radius:50%;place-items:center;padding:0;transition:color .18s,background-color .18s;display:grid;position:absolute}.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.8px;stroke-linecap:round}.city-search__spinner{border:2px solid #13343c2e;border-top-color:var(--color-primary-strong);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;position:absolute;right:64px}.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{z-index:40;top:calc(100% + var(--space-2));border-radius:var(--radius-medium);width:100%;max-height:min(400px,52vh);color:var(--color-control-text);box-shadow:var(--shadow-soft);background:#fbfcf7;border:1px solid #11343c1f;animation:.18s ease-out both popover-in;position:absolute;overflow-y:auto}.city-search__list{padding:var(--space-2);margin:0;list-style:none}.city-search__option{align-items:center;gap:0 var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-small);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;transition:background-color .16s;display:grid}.city-search__option--active,.city-search__option:hover{background:#e7efea}.city-search__option svg{grid-area:1/2/span 2;transition:transform .16s}.city-search__option--active svg,.city-search__option:hover svg{transform:translate(4px)}.city-search__place{text-overflow:ellipsis;white-space:nowrap;font-weight:800;line-height:1.5;overflow:hidden}.city-search__context{color:var(--color-control-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.5;overflow:hidden}.city-search__feedback{justify-content:center;align-items:flex-start;gap:var(--space-1);min-height:120px;padding:var(--space-4);flex-direction:column;display:flex}.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);color:#8a3c29;cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.hero__current{min-width:0;padding-left:var(--space-7);border-left:1px solid var(--color-line);animation:.56s ease-out both reveal-up;position:relative}.hero__location p,.hero__location span{color:var(--color-text-muted);margin:0;line-height:1.55}.hero__location p{letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:800}.hero__location h2{margin:var(--space-1) 0 0;font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.8rem);font-weight:500;line-height:1.1}.hero__reading{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.hero__temperature{font-family:var(--font-display);letter-spacing:-.07em;white-space:nowrap;font-size:clamp(4rem,8vw,7.5rem);font-weight:400;line-height:1.1;display:block}.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{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;display:inline-flex}.refresh-label:before{background:var(--color-primary);content:"";border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite alternate pulse}.hero__state{min-height:360px;padding-left:var(--space-7);border-left:1px solid var(--color-line);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.hero__state h2{max-width:480px;margin:0 0 var(--space-2);font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(2rem,4vw,3.5rem);font-weight:500;line-height:1.15}.hero__state>p:not(.hero__state-kicker){max-width:440px;color:var(--color-text-muted);margin:0;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{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:1s linear infinite spin;display:block}.weather-icon{overflow:visible}.weather-icon--small{width:40px;height:40px}.weather-icon--medium{width:96px;height:96px}.weather-icon--hero{filter:drop-shadow(0 18px 24px #132d3526);width:clamp(136px,16vw,224px);height:clamp(136px,16vw,224px);animation:5s ease-in-out infinite alternate icon-float}.weather-icon__sun circle{fill:#f6b95f;stroke:#d6813c;stroke-width:2px}.weather-icon__sun path{fill:none;stroke:#d6813c;stroke-width:5px;stroke-linecap:round}.weather-icon__moon{fill:#f2e7bd;stroke:#b7c8cf;stroke-width:2px;stroke-linejoin:round}.weather-icon__cloud>path:first-child{fill:#eef2ed;stroke:#8aa1a4;stroke-width:2px;stroke-linejoin:round}.weather-icon__cloud-highlight{fill:none;stroke:#ffffffbf;stroke-width:3px;stroke-linecap:round}.weather-icon__fog path{fill:none;stroke:#71898e;stroke-width:7px;stroke-linecap:round}.weather-icon__rain path,.weather-icon__storm-rain{fill:none;stroke:#4e91ad;stroke-width:7px;stroke-linecap:round}.weather-icon__rain--soft path{stroke-width:5px}.weather-icon__snow path{fill:none;stroke:#6ca9c1;stroke-width:3px;stroke-linecap:round}.weather-icon__storm>path:first-child{fill:#f1ad52;stroke:#b46731;stroke-width:2px;stroke-linejoin:round}.weather-icon__unknown path,.weather-icon__unknown circle{fill:none;stroke:#5f7479;stroke-width:6px;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,background-color .18s,box-shadow .18s}.primary-button{color:#fffaf2;background:#8f402c;border:1px solid #7d3928;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{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);color:#5b241f;background:var(--color-danger-surface);border:1px solid #be6b55;display:flex}.refresh-error div{gap:var(--space-1);flex-direction:column;display:flex}.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{justify-content:space-between;align-items:end;gap:var(--space-5);margin-bottom:var(--space-6);display:flex}.section-heading h2,.source-note h2,.loading-section h2,.contained-error h2{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4vw,3.4rem);font-weight:500;line-height:1.15}.section-heading>p{max-width:400px;color:var(--color-text-muted);margin:0;line-height:1.6}.metrics-list{gap:var(--space-4) 0;grid-template-columns:repeat(3,1fr);margin:0;display:grid}.metric{gap:var(--space-1) var(--space-3);min-width:0;padding:var(--space-3) var(--space-4);border-left:1px solid var(--color-line);grid-template-columns:32px 1fr;display:grid}.metric:nth-child(3n+1){border-left:0;padding-left:0}.metric svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;grid-row:1/span 2}.metric dt{color:var(--color-text-muted);font-size:.82rem;font-weight:700;line-height:1.5}.metric dd{font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:clamp(1.5rem,3vw,2.25rem);line-height:1.2}.hourly-scroll{overscroll-behavior-inline:contain;scrollbar-color:var(--color-text-muted) transparent;scrollbar-width:thin;max-width:100%;overflow-x:auto}.hourly-scroll:focus-visible{border-radius:var(--radius-small)}.hourly-list{width:max-content;min-width:100%;padding:0 0 var(--space-3);margin:0;list-style:none;display:flex}.hourly-item{align-items:center;gap:var(--space-2);width:112px;padding:var(--space-3) var(--space-2);border-left:1px solid var(--color-line);text-align:center;flex-direction:column;flex:0 0 112px;display:flex}.hourly-item:first-child{background:var(--color-surface);border-radius:var(--radius-small);border-left:0}.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{align-items:center;gap:var(--space-1);display:flex}.hourly-item__rain svg,.daily-row__rain svg{fill:#4a8dab38;stroke:currentColor;stroke-width:1.4px}.daily-list{border-bottom:1px solid var(--color-line);margin:0;padding:0;list-style:none}.daily-row{align-items:center;gap:var(--space-4);min-height:96px;padding-block:var(--space-3);border-top:1px solid var(--color-line);grid-template-columns:112px minmax(200px,1.4fr) 96px 80px 128px 128px;transition:background-color .18s,padding .18s;display:grid}.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{flex-direction:column;display:flex}.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{align-items:center;gap:var(--space-2);display:flex}.daily-row__condition span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.daily-row__temperature{justify-content:space-between;gap:var(--space-2);font-family:var(--font-display);font-size:1.3rem;line-height:1.2;display:flex}.daily-row__temperature span{color:var(--color-text-muted)}.daily-row__sun{flex-direction:column;display:flex}.daily-row__wind svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round}.section-empty{justify-content:center;gap:var(--space-1);min-height:144px;padding:var(--space-4);border:1px dashed var(--color-line);border-radius:var(--radius-medium);flex-direction:column;display:flex}.section-empty span{color:var(--color-text-muted);line-height:1.55}.source-note{justify-content:space-between;align-items:center;gap:var(--space-6);display:flex}.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.5px;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{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.skeleton-block,.skeleton-lines span{background:var(--color-surface-strong);display:block;position:relative;overflow:hidden}.skeleton-block:after,.skeleton-lines span:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff47 50%,#0000 80%);animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-block{border-radius:var(--radius-medium);min-height:120px}.skeleton-lines{gap:var(--space-3);margin-top:var(--space-6);display:grid}.skeleton-lines span{border-radius:var(--radius-small);height:80px}.contained-error{justify-content:space-between;align-items:center;gap:var(--space-6);width:min(100% - 64px,1280px);margin-inline:auto;display:flex}.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{justify-content:space-between;align-items:flex-end;gap:var(--space-5);padding-block:var(--space-6);border-top:1px solid var(--color-line);display:flex}.site-footer div{gap:var(--space-1);flex-direction:column;display:flex}.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{color:var(--color-text-muted);margin:0;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{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(320px,.9fr)}.hero__current,.hero__state{padding-left:var(--space-5)}.hero__reading{margin-top:var(--space-3);flex-direction:column;align-items:flex-start}.hero__reading .weather-icon{margin-bottom:calc(var(--space-4) * -1)}.metrics-list{gap:var(--space-5) 0;grid-template-columns:repeat(2,1fr)}.metric:nth-child(3n+1){padding-left:var(--space-4);border-left:1px solid var(--color-line)}.metric:nth-child(odd){border-left:0;padding-left:0}.daily-row{gap:var(--space-3);grid-template-columns:88px minmax(152px,1fr) 80px 64px 96px 104px}}@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{gap:var(--space-6);min-height:auto;padding-block:var(--space-6) var(--space-7);grid-template-columns:1fr}.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{align-items:center;gap:var(--space-2);grid-template-columns:128px minmax(0,1fr);display:grid}.hero__reading .weather-icon{width:128px;height:128px;margin:0}.hero__temperature{font-size:clamp(3.8rem,18vw,6rem)}.refresh-error,.contained-error{flex-direction:column;align-items:flex-start}.forecast-content>section,.loading-section,.contained-error{padding-block:var(--space-7)}.section-heading{align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column}.section-heading>p{max-width:520px}.daily-row{gap:var(--space-3) var(--space-4);min-height:0;padding-block:var(--space-4);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"date temperature""condition condition""rain wind""sun sun"}.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{gap:var(--space-3);flex-direction:row;grid-area:sun}.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{flex-direction:column;align-items:flex-start}}@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{padding-inline:var(--space-3);grid-template-columns:24px 1fr}.metric:nth-child(3n+1){padding-left:var(--space-3);border-left:1px solid var(--color-line)}.metric:nth-child(odd){border-left:0;padding-left:0}.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;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:focus-visible,.city-search__form:focus-within{outline-offset:3px;box-shadow:none;outline:3px solid highlight}}