:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172026;background:#f7f4ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}main{min-height:100vh;background:linear-gradient(135deg,#ffffffb8,#f7f4ee33),#f7f4ee;transition:background .5s ease}.sky-panel{position:relative;overflow:hidden;min-height:78vh;padding:28px;color:#152028;background:linear-gradient(135deg,#ecf4f7f0,#fcebc8b8),url(https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1800&q=80) center / cover;background-blend-mode:screen,normal}.tone-rain .sky-panel{background:linear-gradient(135deg,#e2eef0e0,#b0bfc4b8),url(https://images.unsplash.com/photo-1519692933481-e162a57d6721?auto=format&fit=crop&w=1800&q=80) center / cover}.tone-clear .sky-panel{background:linear-gradient(135deg,#fffae2c7,#cae8f49e),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=1800&q=80) center / cover}.tone-snow .sky-panel{background:linear-gradient(135deg,#fafcfce0,#cfe0e6b8),url(https://images.unsplash.com/photo-1516431883659-655d41c09bf9?auto=format&fit=crop&w=1800&q=80) center / cover}.tone-storm .sky-panel{color:#f7f4ee;background:linear-gradient(135deg,#1d222bd6,#4f4a4cb3),url(https://images.unsplash.com/photo-1605727216801-e27ce1d0cc28?auto=format&fit=crop&w=1800&q=80) center / cover}.tone-fog .sky-panel{background:linear-gradient(135deg,#ebede8e0,#bec8c4c2),url(https://images.unsplash.com/photo-1485236715568-ddc5ee6ca227?auto=format&fit=crop&w=1800&q=80) center / cover}.shell,.forecast-shell{position:relative;z-index:1;width:min(1180px,100%);margin:0 auto}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:780;letter-spacing:0}.brand-mark{width:18px;height:18px;border:2px solid currentColor;border-radius:50%;box-shadow:10px 0 0 -4px currentColor}.model-chip,.fallback{border:1px solid rgba(20,32,40,.2);border-radius:999px;padding:8px 12px;background:#ffffff6b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:.83rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,470px);align-items:end;gap:clamp(28px,6vw,78px);min-height:62vh;padding:70px 0 22px}.search-copy{max-width:760px}.eyebrow,.label{margin:0 0 10px;color:#5b6c70;font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tone-storm .eyebrow,.tone-storm .label{color:#f7f4eeb8}h1,h2,p{margin-top:0}h1{max-width:820px;margin-bottom:24px;font-size:clamp(3.2rem,8vw,7.6rem);line-height:.92;letter-spacing:0}.lede{max-width:610px;margin-bottom:34px;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55;color:#152028c7}.tone-storm .lede{color:#f7f4eed1}.search{width:min(640px,100%)}.search label,.auth-form label{display:block;margin-bottom:8px;font-size:.9rem;font-weight:800}.search-box{display:flex;min-height:62px;overflow:hidden;border:1px solid rgba(20,32,40,.16);border-radius:8px;background:#ffffffb8;box-shadow:0 26px 60px #2a35322e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.search-box input{min-width:0;flex:1;border:0;padding:0 20px;color:#172026;background:transparent;outline:none}.search-box button{width:128px;border:0;color:#fff;background:#173f43;font-weight:850}.search-box button:disabled{cursor:wait;background:#667579}.error{margin:12px 0 0;color:#a33a2b;font-weight:750}.logout-form{margin-top:16px}.logout-form button,.auth-tabs button,.auth-form button{border:0;font-weight:850}.logout-form button{border:1px solid rgba(20,32,40,.18);border-radius:8px;padding:11px 15px;color:inherit;background:#ffffff80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-panel{width:min(520px,100%);border:1px solid rgba(255,255,255,.48);border-radius:8px;padding:18px;background:#ffffffb3;box-shadow:0 26px 60px #2a353229;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tone-storm .auth-panel{color:#172026}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;padding:4px;border-radius:8px;background:#17202614}.auth-tabs button{min-height:42px;border-radius:6px;color:#435257;background:transparent}.auth-tabs button.active{color:#172026;background:#fff;box-shadow:0 10px 24px #1f2a301f}.auth-form{display:grid;gap:10px}.auth-form input{width:100%;min-height:50px;border:1px solid rgba(20,32,40,.14);border-radius:8px;padding:0 14px;color:#172026;background:#ffffffd1;outline:none}.auth-form input:focus,.search-box input:focus{box-shadow:inset 0 0 0 2px #173f4338}.auth-form button{min-height:52px;border-radius:8px;color:#fff;background:#173f43}.auth-form button:disabled{cursor:not-allowed;background:#7c898c}.weather-card,.day-card{border:1px solid rgba(255,255,255,.48);border-radius:8px;background:#ffffffad;box-shadow:0 34px 90px #1f2a3033;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.weather-card{min-height:520px;padding:clamp(22px,4vw,34px)}.tone-storm .weather-card{color:#172026}.place-row,.temperature-row,.forecast-header{display:flex;justify-content:space-between;gap:20px}.place-row{align-items:start;margin-bottom:38px}.place-row h2,.empty-card h2{margin-bottom:0;font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.05}.condition{max-width:145px;text-align:right;font-weight:850}.temperature-row{align-items:end;margin-bottom:42px;padding-bottom:32px;border-bottom:1px solid rgba(20,32,40,.14)}.temperature{margin:0;font-size:clamp(6rem,12vw,9rem);font-weight:850;line-height:.8;letter-spacing:0}.temperature span{display:inline-block;margin-left:5px;font-size:1rem;vertical-align:top}.temperature-meta p{margin:0 0 8px;color:#435257;font-weight:760;text-align:right}.poem{color:#26333a;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.55}.poem .label{font-family:inherit}.poem p:not(.label){margin-bottom:8px}.fallback{display:inline-block;margin-top:16px;color:#435257;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.empty-card{display:flex;min-height:460px;flex-direction:column;justify-content:flex-end}.empty-card p:last-child{color:#526367;line-height:1.55}.forecast-band{padding:30px 28px 48px;background:#172026;color:#f8f4ec}.forecast-header{align-items:center;margin-bottom:18px}.forecast-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.day-card{min-height:188px;padding:18px;color:#172026;box-shadow:none}.day{margin-bottom:22px;font-size:1.2rem;font-weight:860}.day-condition{min-height:42px;margin-bottom:20px;color:#526367;font-weight:720}.range{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}.range span{color:#6a7779}.range strong{font-size:1.85rem}.precip{margin:0;color:#2e6d73;font-size:.9rem;font-weight:820}.forecast-placeholder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.forecast-placeholder span{display:block;height:188px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.sun,.cloud,.rain,.snow{position:absolute;opacity:.62}.sun{top:11%;right:12%;width:140px;height:140px;border-radius:50%;background:#f7b955;box-shadow:0 0 90px #f7b9559e}.cloud{width:210px;height:70px;border-radius:999px;background:#ffffffb8}.cloud:before,.cloud:after{position:absolute;content:"";border-radius:50%;background:inherit}.cloud:before{left:34px;bottom:18px;width:78px;height:78px}.cloud:after{right:28px;bottom:20px;width:96px;height:96px}.cloud-one{top:24%;left:9%;animation:drift 18s ease-in-out infinite alternate}.cloud-two{right:19%;bottom:28%;transform:scale(.72);animation:drift 22s ease-in-out infinite alternate-reverse}.rain,.snow{display:none}.tone-rain .rain,.tone-storm .rain,.tone-snow .snow{display:block}.rain{width:2px;height:90px;background:#2a60716b;transform:rotate(18deg)}.rain-one{top:18%;left:72%}.rain-two{top:34%;left:78%}.snow{width:10px;height:10px;border-radius:50%;background:#ffffffdb}.snow-one{top:24%;left:72%}.snow-two{top:40%;left:80%}@keyframes drift{0%{translate:-18px 0}to{translate:18px 8px}}@media(max-width:880px){.sky-panel{min-height:auto;padding:22px}.brand-row{align-items:flex-start}.hero-grid,.forecast-grid,.forecast-placeholder{grid-template-columns:1fr}.hero-grid{padding-top:54px}.weather-card{min-height:auto}.search-box{flex-direction:column}.search-box input{min-height:58px}.search-box button{width:100%;min-height:54px}.place-row,.temperature-row{flex-direction:column;align-items:flex-start}.condition,.temperature-meta p{text-align:left}.forecast-placeholder span{height:84px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}