#root,body,html{overflow-x:hidden;overflow-y:auto;padding:0;width:100%}body{position:relative}button{font-family:Onest,sans-serif}.app{background:#1b1338;color:#fff;margin:0;overflow:hidden;width:100vw}.app,.weather{min-height:100vh;position:relative}.weather{align-items:center;display:flex;flex-direction:column;min-width:0;z-index:5}.city-tabs-viewport{overflow:hidden;padding:20px 0 0;position:relative;width:100%;z-index:6}.city-tabs-track{cursor:grab;display:flex;gap:8px;padding:0 16px;width:max-content}.city-tabs-track:active{cursor:grabbing}.city-tab{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1f;border:none;border-radius:999px;color:#fff;cursor:pointer;flex:0 0 auto;font-size:14px;font-weight:600;padding:10px 14px;white-space:nowrap}.city-tab.active{background:#48319d}.current{padding-left:16px;padding-right:16px;padding-top:72px;position:relative;text-align:center;z-index:6}.current h1{font-size:34px;font-weight:400;margin:0}.temp{font-size:96px;font-weight:300;line-height:.95}.desc{opacity:.7}.desc,.hl{font-size:22px;font-weight:600;margin-top:6px}.advice{font-size:14px;line-height:1.4;margin-top:12px;max-width:290px;opacity:.9;text-align:center}.advice,.secondary-advice{box-sizing:border-box;padding-left:16px;padding-right:16px}.secondary-advice{font-size:13px;margin-top:6px;opacity:.7}.forecast{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#48319d59,#1d1b45e0);border-radius:28px 28px 0 0;box-shadow:0 -8px 30px #0000002e;margin-top:auto;min-height:156px;padding:12px 0 14px;position:relative;width:100%;z-index:6}.forecast-top{-ms-overflow-style:none;border-bottom:1px solid #ffffff1f;overflow-x:auto;overflow-y:hidden;padding:0 12px 12px;scrollbar-width:none;width:100%}.forecast-top::-webkit-scrollbar{display:none}.forecast-tabs-scroll{display:flex;gap:6px;width:max-content}.forecast-switch{background:#ffffff14;border:none;border-radius:999px;color:#fff9;cursor:pointer;flex:0 0 auto;font-size:12px;font-weight:600;padding:10px 12px;transition:.2s ease;white-space:nowrap}.forecast-switch.active{background:#48319d;color:#fff}.forecast-switch--disabled{cursor:not-allowed;opacity:.45}.week-card{justify-content:space-between}.week-temps{align-items:center;display:flex;flex-direction:column;font-size:18px;font-weight:600;gap:2px}.week-low{opacity:.6}.cards-viewport{overflow:hidden;padding:14px 0 8px;width:100%}.cards-track{cursor:grab;display:flex;gap:10px;padding:0 12px;width:max-content}.cards-track:active{cursor:grabbing}.hour-card{align-items:center;background:#48319d33;border:1px solid #ffffff14;border-radius:32px;box-shadow:inset 0 0 12px #ffffff0a;display:flex;flex:0 0 64px;flex-direction:column;height:138px;justify-content:space-between;min-width:64px;padding:14px 0 16px}.hour-card.active{background:#48319d}.hour{font-size:13px;font-weight:600}.icon{font-size:24px}.rain{color:#63e1ff;font-size:14px;font-weight:700}.rain.empty{height:16px}.degree{font-size:22px;font-weight:500}@media (max-width:375px){.current h1{font-size:30px}.temp{font-size:82px}.desc,.hl{font-size:20px}.forecast-switch{font-size:11px;padding:9px 10px}.hour-card{flex:0 0 62px;height:132px;min-width:62px}.hour{font-size:12px}.icon{font-size:22px}.degree{font-size:20px}.week-temps{font-size:16px}}@media (min-width:768px){.app{margin:0 auto;max-width:375px}}.weather-scene{height:100%;left:50%;min-height:100%;overflow:hidden;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:100vw;z-index:1}.weather-scene__background{animation:backgroundReveal .7s ease;background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;inset:0;position:absolute;width:100%;z-index:1}.weather-scene__gradient{animation:fadeInSoft .7s ease;background:linear-gradient(180deg,#2b214e1f,#1c14382e 42%,#18112feb);inset:0;position:absolute;z-index:2}.weather-scene__scene{animation:sceneReveal .8s ease;bottom:180px;filter:drop-shadow(0 20px 40px rgba(0,0,0,.18));height:auto;left:50%;max-width:375px;object-fit:contain;transform:translateX(-50%);z-index:3}.weather-scene__overlay,.weather-scene__scene{-webkit-user-drag:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.weather-scene__overlay{animation:overlayReveal .6s ease;height:100%;inset:0;mix-blend-mode:screen;object-fit:cover;object-position:center;opacity:.95;z-index:4}.weather-scene__overlay--rain{animation:overlayReveal .6s ease,rainFloat 9s linear infinite}.weather-scene__overlay--sleet,.weather-scene__overlay--snow{animation:overlayReveal .6s ease,snowFloat 14s linear infinite}.weather-scene__overlay--fog{animation:overlayReveal .6s ease,fogFloat 12s ease-in-out infinite;opacity:.82}.weather-scene__overlay--wind{animation:overlayReveal .6s ease,windFloat 8s linear infinite;opacity:.88}.weather-scene__overlay--thunderstorm{animation:overlayReveal .6s ease,lightningPulse 3.5s ease-in-out infinite}@keyframes backgroundReveal{0%{opacity:0}to{opacity:1}}@keyframes fadeInSoft{0%{opacity:0}to{opacity:1}}@keyframes sceneReveal{0%{opacity:0;transform:translateX(-50%) translateY(14px) scale(.98)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes overlayReveal{0%{opacity:0}to{opacity:.95}}@keyframes rainFloat{0%{transform:translateY(-2%)}to{transform:translateY(2%)}}@keyframes snowFloat{0%{transform:translateY(-1%) translateX(0)}50%{transform:translateY(1%) translateX(.5%)}to{transform:translateY(2%) translateX(-.5%)}}@keyframes fogFloat{0%{opacity:.78;transform:translateX(-1%)}50%{opacity:.9;transform:translateX(1%)}to{opacity:.78;transform:translateX(-1%)}}@keyframes windFloat{0%{transform:translateX(-1.5%)}50%{transform:translateX(1.5%)}to{transform:translateX(-1.5%)}}@keyframes lightningPulse{0%,88%,to{filter:brightness(1);opacity:.92}90%{filter:brightness(1.25);opacity:1}92%{filter:brightness(1.05);opacity:.96}94%{filter:brightness(1.18);opacity:1}}@media (max-width:375px){.weather-scene__scene{bottom:180px;max-width:100%}}@font-face{font-family:Onest;font-style:normal;font-weight:400;src:url(/static/media/Onest-Regular.98bc2b54b8d5d824b0b3.ttf) format("truetype")}*{box-sizing:border-box}#root,body,html{background:#1b1338;margin:0;min-height:100%}#root,body,button,html,input,textarea{font-family:Onest,sans-serif}
/*# sourceMappingURL=main.315dde4f.css.map*/