:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16324f;background:#dff3ff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}button,input{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}.primary-button{padding:.9rem 1.35rem;color:#fff;font-weight:750;background:#086dad;border:1px solid #086dad;border-radius:.8rem}.primary-button:hover{background:#075a8f}.authentication-shell{display:grid;place-items:center}.authentication-panel{width:min(100%,34rem)}.authentication-panel .primary-button,.authentication-panel .secondary-button{margin-top:1rem;margin-right:.75rem}.account-bar{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:.75rem clamp(1.25rem,4vw,3rem);color:#17304d;font-weight:700;background:#ffffffe0;border-bottom:1px solid rgb(169 199 223 / 70%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.account-bar .secondary-button{padding-block:.55rem}:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}.page-shell{min-height:100vh;padding:clamp(1.25rem,4vw,3rem);background:radial-gradient(circle at 10% 5%,rgb(255 255 255 / 95%),transparent 26%),radial-gradient(circle at 88% 18%,rgb(73 196 236 / 24%),transparent 25%),linear-gradient(145deg,#d7efff,#f7fcff 48%,#c8e8fb)}.hero,.weather-panel{width:min(100%,75rem);margin-inline:auto}.hero{display:flex;align-items:center;gap:1.25rem;margin-bottom:2rem;padding-top:clamp(.5rem,2vw,1.5rem)}.application-navigation{display:flex;width:min(100%,75rem);justify-content:flex-end;gap:.75rem;margin:-1rem auto 1rem}.brand-mark{display:grid;flex:0 0 auto;width:4.6rem;height:4.6rem;place-items:center;font-size:2.2rem;background:linear-gradient(145deg,#fff,#e7f7ff);border:1px solid rgb(255 255 255 / 90%);border-radius:1.4rem;box-shadow:0 1rem 2.4rem #0a59912e}.eyebrow{margin:0 0 .4rem;color:#126aa9;font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:.5rem;color:#102b46;font-size:clamp(2.3rem,7vw,4.4rem);line-height:.95;letter-spacing:-.05em}.intro{margin-bottom:0;color:#526a82;font-size:1.05rem}.weather-panel{padding:clamp(1.25rem,4vw,2.5rem);background:#ffffffdb;border:1px solid rgb(255 255 255 / 95%);border-radius:1.6rem;box-shadow:0 1.6rem 4.5rem #1f5d8f2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.search-form label{display:block;margin-bottom:.55rem;color:#294e70;font-size:.9rem;font-weight:750}.search-controls{display:flex;gap:.75rem}.search-controls input{min-width:0;flex:1;padding:.9rem 1rem;color:#102b46;background:#fff;border:1px solid #a9c7df;border-radius:.8rem}.search-controls input:focus{border-color:#0784c7;box-shadow:0 0 0 4px #0784c71f}.search-controls button,.secondary-button{padding:.9rem 1.35rem;font-weight:750;border-radius:.8rem}.search-controls button{color:#fff;background:#086dad;border:1px solid #086dad}.search-controls button:hover:not(:disabled){background:#075a8f}.notice,.loading-message{margin:1.25rem 0 0;padding:.9rem 1rem;border-radius:.8rem}.validation-message,.empty-message{color:#664d03;background:#fff5cf;border:1px solid #f3da82}.error-message{color:#7d2530;background:#fff0f1;border:1px solid #efb8bf}.loading-message{display:flex;align-items:center;gap:.75rem;color:#175e44;background:#e4f8ee;border:1px solid #bdebd4}.spinner{width:1rem;height:1rem;border:2px solid #8fd3b3;border-top-color:#175e44;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner{animation:none}}.search-dashboard{display:grid;gap:2rem}.popular-cities{padding-top:1.75rem;border-top:1px solid #d9e9f3}.section-introduction{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:1rem}.section-introduction h2{margin-bottom:0;color:#102b46;font-size:clamp(1.3rem,3vw,1.75rem)}.section-introduction>p{max-width:26rem;margin-bottom:0;color:#526a82;font-size:.9rem;text-align:right}.city-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.7rem}.city-chips button{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem .9rem;color:#17304d;text-align:left;background:linear-gradient(145deg,#f8fcff,#eaf7ff);border:1px solid #bad8ea;border-radius:999px}.city-chips button:hover:not(:disabled){background:#e1f4ff;border-color:#5b9fc9;transform:translateY(-1px)}.city-chips span{color:#5d748a;font-size:.75rem}.location-results{margin-top:1.8rem}.location-results h2,.forecast h2{margin-bottom:1rem;color:#102b46;font-size:clamp(1.35rem,4vw,2rem)}.location-results ul{display:grid;gap:.65rem;padding:0;margin:0;list-style:none}.location-results button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:1rem;color:#17304d;text-align:left;background:#f6fbff;border:1px solid #c9deed;border-radius:.8rem}.location-results button:hover{background:#e9f5fe;border-color:#76acd0}.forecast-heading-row,.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.forecast-heading-row h2,.section-heading-row h2{margin-bottom:0}.forecast-actions{display:flex;flex:0 0 auto;gap:.75rem}.snapshot-time{margin:.5rem 0 0;color:#526a82}.success-message{color:#175e44;background:#e4f8ee;border:1px solid #bdebd4}.history-list{display:grid;gap:.75rem;padding:0;margin:1.5rem 0 0;list-style:none}.history-list button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;color:#17304d;text-align:left;background:#f6fbff;border:1px solid #c9deed;border-radius:.8rem}.history-list button:hover{background:#e9f5fe;border-color:#76acd0}.history-list button>span,.history-list button span span{display:block}.history-list button span span,.history-list time{margin-top:.25rem;color:#526a82;font-size:.85rem}.load-more-button{margin-top:1rem}.secondary-button{flex:0 0 auto;color:#075a8f;background:#fff;border:1px solid #79add0}.secondary-button:hover{background:#e9f5fe}.day-navigation{display:grid;grid-template-columns:auto minmax(12rem,1fr) auto;align-items:center;gap:1rem;margin-bottom:1rem}.day-position{display:grid;gap:.25rem;text-align:center}.day-position strong{color:#102b46;font-size:clamp(1rem,3vw,1.3rem)}.day-position span{color:#526a82;font-size:.85rem;font-weight:700}.forecast-card{padding:1.1rem;background:#fff;border:1px solid #d5e5f0;border-radius:1rem;box-shadow:0 .7rem 1.8rem #1f5d8f14}.primary-forecast-card{max-width:54rem;padding:clamp(1.25rem,4vw,2rem);margin-inline:auto;background:radial-gradient(circle at 90% 0%,rgb(53 184 228 / 18%),transparent 32%),#fff;box-shadow:0 1.2rem 3rem #1f5d8f21}.primary-forecast-card .weather-symbol{font-size:clamp(3rem,8vw,5.5rem)}.primary-forecast-card .day-name{font-size:clamp(1.2rem,4vw,1.65rem)}.day-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.day-name{margin-bottom:.2rem;color:#17304d;font-weight:800}.summary-text{margin-bottom:0;color:#657b90;font-size:.88rem;text-transform:capitalize}.weather-symbol{display:inline-block;font-size:1.8rem;line-height:1}.temperature-range{display:flex;align-items:baseline;flex-wrap:wrap;gap:.45rem .7rem;margin:1.5rem 0}.temperature-range strong{color:#102b46;font-size:clamp(1.8rem,6vw,2.7rem)}.temperature-range span{color:#718398}.daily-metrics{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:0 0 1rem}.daily-metrics div{padding:.9rem;background:#f4f9fc;border-radius:.65rem}.daily-metrics dt{color:#718398;font-size:.72rem}.daily-metrics dd{margin:.2rem 0 0;color:#294e70;font-size:1rem;font-weight:750}details{border-top:1px solid #e0ebf2}summary{padding:.85rem 0 0;color:#086dad;font-size:.85rem;font-weight:750;cursor:pointer}.slot-list{display:grid;gap:.4rem;margin-top:.75rem}.forecast-slot{display:grid;grid-template-columns:2.5rem 1.7rem repeat(3,minmax(max-content,1fr));gap:.35rem;align-items:center;padding:.45rem 0;color:#526a82;font-size:.72rem;border-bottom:1px solid #edf3f7}.forecast-slot .weather-symbol{font-size:1rem}@media(max-width:42rem){.hero{align-items:flex-start}.brand-mark{width:3.5rem;height:3.5rem;font-size:1.6rem}.search-controls,.forecast-heading-row,.section-heading-row,.forecast-actions,.application-navigation,.history-list button{flex-direction:column}.section-introduction{display:block}.section-introduction>p{margin-top:.5rem;text-align:left}.day-navigation{grid-template-columns:1fr 1fr}.day-position{grid-column:1 / -1;grid-row:1}.search-controls button,.secondary-button,.forecast-actions .primary-button{width:100%}}