.weather-animation{display:flex;justify-content:center;align-items:center;height:220px}.cloud{position:relative;width:120px;height:60px;background:#fff;border-radius:50px;box-shadow:0 10px 30px #0000001a;animation:float 4s ease-in-out infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:#fff;border-radius:50%}.cloud:before{width:60px;height:60px;top:-30px;left:10px}.cloud:after{width:50px;height:50px;top:-20px;right:10px}.sun{width:100px;height:100px;background:radial-gradient(circle,#ffd93d,#ff9f1c);border-radius:50%;box-shadow:0 0 40px #ffd93d99;animation:float 3s ease-in-out infinite}.rain-container{position:relative}.rain-container:before{content:"🌧️";font-size:80px}.thunder{font-size:80px;animation:flash 1s infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}:root{font-family:Space Grotesk,sans-serif;color:#f8fbff;background:radial-gradient(circle at top,rgba(255,255,255,.35),transparent 26%),radial-gradient(circle at 12% 18%,rgba(236,72,153,.22),transparent 24%),radial-gradient(circle at 88% 14%,rgba(96,165,250,.2),transparent 28%),linear-gradient(180deg,#6d28d9,#6366f1 42%,#4f8df6 76%,#7c3aed);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;padding:0;overflow-x:hidden}img{display:block;max-width:100%}button,input{font:inherit}button{cursor:pointer}.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{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-12px,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:40px 24px 120px}.app-ambient{position:absolute;border-radius:999px;filter:blur(90px);pointer-events:none}.app-ambient-one{top:72px;left:-64px;width:220px;height:220px;background:#f472b642;animation:float 16s ease-in-out infinite}.app-ambient-two{display:none}.app-ambient-three{bottom:80px;left:50%;width:280px;height:280px;background:#c4b5fd3d;transform:translate(-50%);animation:pulseGlow 10s ease-in-out infinite}.site-frame{position:relative;z-index:1;width:min(100%,1240px);margin:0 auto;border-radius:36px;padding:18px;background:linear-gradient(180deg,#ffffff2e,#ffffff0a),linear-gradient(180deg,#261459f0,#120c31fa);border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 90px #120a369e,0 8px 24px #ffffff0a,inset 0 1px #ffffff29;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.site-screen{position:relative;overflow:hidden;border-radius:30px;padding:56px 56px 72px;background:#1e164ef5;box-shadow:inset 0 1px #ffffff1f,inset 0 -28px 42px #0a081a6b}.hero-card,.surface-card,.tab-bar{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff1f,#ffffff08),linear-gradient(180deg,#6e4ec5b8,#20164af2);box-shadow:inset 0 1px #ffffff24,inset 0 -12px 20px #08081c47,0 16px 30px #0e0a222e;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.hero-card:before,.surface-card:before,.tab-bar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(255,255,255,.08),transparent 22%),linear-gradient(180deg,rgba(255,255,255,.035),transparent 36%);pointer-events:none}.hero-card{display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:center;gap:64px;padding:60px 58px;text-align:left;animation:fadeInUp .6s ease both}.hero-visual,.hero-content{position:relative;z-index:1}.hero-content{max-width:560px}.hero-glow{position:absolute;border-radius:999px;filter:blur(48px);opacity:.8;pointer-events:none}.hero-glow-left{top:24px;left:-28px;width:120px;height:120px;background:#ec48993d}.hero-glow-right{display:none}.hero-illustration{position:relative;z-index:1;width:min(100%,380px);margin:0 auto;filter:drop-shadow(0 24px 32px rgba(8,10,30,.34));animation:float 12s ease-in-out infinite}.hero-copy{position:relative;z-index:1}.hero-subtitle{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#ffffff75}.hero-city{margin:16px 0 14px;font-size:clamp(2.6rem,4vw,3.8rem);line-height:.96;font-weight:700;letter-spacing:-.04em}.hero-temperature{margin:0;font-size:clamp(5.8rem,8vw,8.2rem);line-height:.84;font-weight:700;letter-spacing:-.09em;text-shadow:0 10px 30px rgba(255,255,255,.08)}.hero-condition{margin:18px 0 0;font-size:.98rem;color:#ffffff80}.search-form{position:relative;z-index:1;margin-top:38px;max-width:600px}.search-shell{display:flex;gap:14px}.search-input,.search-button{border-radius:26px;border:1px solid rgba(255,255,255,.14);outline:none;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.search-input{flex:1;min-width:0;padding:18px 22px;color:#1f2340;background:linear-gradient(180deg,#ffffffd9,#ffffffa3);box-shadow:inset 0 1px #ffffff6b,0 14px 32px #110b2b29}.search-input::-moz-placeholder{color:#475569e6}.search-input::placeholder{color:#475569e6}.search-input:focus{box-shadow:inset 0 1px #ffffff80,0 0 0 4px #ffffff1f,0 14px 30px #110b2b29}.search-button{flex:0 0 auto;padding:18px 24px;color:#fff;font-weight:600;background:linear-gradient(180deg,#78b4ffd1,#685effe0);box-shadow:inset 0 1px #ffffff3d,0 16px 30px #18124852}.search-button:disabled{opacity:.72;cursor:default}.status-message{position:relative;z-index:1;min-height:1.25rem;margin:20px 2px 0;font-size:.84rem;color:#ffffff7a}.status-message.is-error{color:#ffd4de}.content-stack{display:grid;gap:64px;margin-top:60px}.section-card{padding:34px;animation:fadeInUp .7s ease both}.section-card--art:after{content:"";position:absolute;top:22px;right:22px;width:108px;height:108px;border-radius:26px;background-image:var(--card-art);background-size:cover;background-position:center;opacity:.04;filter:saturate(1);pointer-events:none}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:26px}.section-eyebrow{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#ffffff75}.section-title{margin:7px 0 0;font-size:1.46rem;line-height:1.08;letter-spacing:-.03em}.section-description{margin:0;font-size:.94rem;line-height:1.7;color:#ffffff8a}.hourly-scroll{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.hourly-scroll::-webkit-scrollbar{display:none}.hourly-card{min-width:122px;padding:20px 16px 18px;border-radius:24px;text-align:center;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff24,#ffffff0d),#3b267566;box-shadow:inset 0 1px #ffffff1a,0 10px 20px #0c082224}.hourly-card__time,.hourly-card__label{margin:0}.hourly-card__time{font-size:.8rem;letter-spacing:.04em;color:#fff9}.hourly-card__icon-wrap{display:grid;place-items:center;width:60px;height:60px;margin:16px auto 14px;border-radius:18px;background:#ffffff14}.hourly-card__icon{width:46px;height:46px;-o-object-fit:contain;object-fit:contain}.hourly-card__temp{margin:0;font-size:1.45rem;font-weight:700}.hourly-card__label{margin-top:7px;font-size:.78rem;color:#ffffff7a}.daily-list{display:grid;gap:16px}.daily-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff1f,#ffffff0d),#3b26755c}.daily-left{display:flex;align-items:center;gap:14px}.daily-icon{width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.daily-day,.daily-copy{margin:0}.daily-day{font-weight:600;font-size:1.02rem}.daily-copy{margin-top:2px;font-size:.74rem;color:#ffffff75}.daily-temps{display:flex;gap:10px;align-items:center}.daily-temp{font-weight:700}.daily-temp--min{color:#ffffff7a}.details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.detail-card{padding:22px;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff24,#ffffff0d),#3b26755c;box-shadow:inset 0 1px #ffffff14,0 10px 20px #0c082224}.detail-card__icon{width:32px;height:32px;display:grid;place-items:center;margin-bottom:18px;border-radius:12px;background:#ffffff14;font-size:.95rem;color:#ffffffe6}.detail-card__label,.detail-card__value,.detail-card__note{margin:0}.detail-card__label{font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffff7a}.detail-card__value{margin-top:12px;font-size:1.5rem;font-weight:700;line-height:1.15;letter-spacing:-.03em}.detail-card__note{margin-top:10px;font-size:.78rem;color:#ffffff6b}.tab-bar{position:absolute;right:32px;bottom:28px;left:32px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}.tab-bar__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.08;pointer-events:none}.tab-bar__item{position:relative;z-index:1;display:grid;place-items:center;width:50px;height:50px;border:0;border-radius:20px;color:#ffffffb8;background:transparent}.tab-bar__item.is-active{color:#fff;background:linear-gradient(180deg,#ffffff38,#ffffff14),#6f8fff3d;box-shadow:inset 0 1px #ffffff2e,0 14px 28px #110b2b47}.tab-bar__symbol{font-size:1.15rem;line-height:1}@media (max-width: 420px){.site-frame{width:100%;padding:10px}.site-screen{padding:22px 14px 118px}.hero-card{grid-template-columns:1fr;gap:20px;padding:30px 20px 24px;text-align:center}.hero-content{max-width:none}.hero-illustration{width:min(100%,250px)}.search-form{max-width:none}.app-shell{padding-inline:12px}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.search-shell{flex-direction:column}.search-button{width:100%}}@media (min-width: 421px) and (max-width: 900px){.app-shell{padding:32px 24px 120px}.site-screen{padding:36px 32px 124px}.hero-card{grid-template-columns:1fr;gap:26px;text-align:center}.hero-content{max-width:none;margin-inline:auto}.hero-illustration{width:min(100%,300px)}.search-form{max-width:none;margin-inline:auto}.details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 901px){.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.daily-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tab-bar{display:none}}