:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#fff;background:#eef5fb}.weather-page{width:100%;max-width:620px;margin:0 auto;padding:1px 10px 10px;box-sizing:border-box}.weather-test{position:relative;width:100%;margin:12px auto;padding:22px 20px 20px;box-sizing:border-box;border-radius:28px;overflow:clip;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.14);transition:background .5s ease,box-shadow .5s ease}.weather-theme-sun{background:linear-gradient(145deg,#56b4ff,#3188e8 48%,#1767c5)}.weather-theme-sun-cloud{background:linear-gradient(145deg,#67b9ff,#438edc 50%,#286fc1)}.weather-theme-cloud{background:linear-gradient(145deg,#7897b5,#58748f 55%,#40586e)}.weather-theme-rain{background:linear-gradient(145deg,#557da2,#3d607e 50%,#29455d)}.weather-theme-storm{background:linear-gradient(145deg,#4c5273,#353a59 50%,#20243c)}.weather-theme-snow{background:linear-gradient(145deg,#a8d4ed,#78acd0 50%,#5b8fb5)}.weather-theme-fog{background:linear-gradient(145deg,#9baeb9,#7e929e 55%,#667a86)}.weather-theme-night{background:linear-gradient(145deg,#354b78,#202f55 55%,#131d38)}.weather-theme-night-cloud{background:linear-gradient(145deg,#4b6388,#344a6d 55%,#243654)}.weather-test-glow{position:absolute;width:180px;height:180px;top:-80px;right:-60px;border-radius:50%;background:rgba(255,255,255,.16);filter:blur(5px);pointer-events:none}.weather-test-content{position:relative;z-index:2;text-align:center}.weather-test-city-row{position:relative;display:flex;align-items:center;justify-content:center;min-height:30px;margin-bottom:2px}.weather-test-change-city{position:absolute;left:0;top:50%;transform:translateY(-50%);border:1px solid rgba(255,255,255,.2);background:rgba(80,80,80,.28);color:#fff;padding:6px 11px;border-radius:14px;font-size:12px;line-height:1;font-weight:500;cursor:pointer;backdrop-filter:blur(6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 2px 6px rgba(0,0,0,.1)}.weather-test-change-city:active{transform:translateY(-50%) scale(.95);background:rgba(80,80,80,.4)}.weather-test-city{font-size:25px;line-height:1.2;font-weight:600;letter-spacing:-.3px;text-shadow:0 1px 3px rgba(0,0,0,.15)}.weather-test-temp{font-size:72px;line-height:.95;font-weight:300;letter-spacing:-3px;margin:4px 0 5px;text-shadow:0 3px 12px rgba(0,0,0,.15)}.weather-test-icon{font-size:58px;line-height:1;height:64px;display:flex;align-items:center;justify-content:center;margin:2px 0 4px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18))}.weather-test-description{font-size:16px;line-height:1.3;font-weight:500;opacity:.92;margin-top:4px;text-transform:lowercase;text-shadow:0 1px 3px rgba(0,0,0,.15)}.weather-hourly{width:100%;max-width:600px;margin:10px auto 14px;box-sizing:border-box}.weather-hourly-scroll{display:flex;overflow-x:auto;gap:8px;padding:3px 12px 7px;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}.weather-hourly-scroll::-webkit-scrollbar{display:none}.weather-hourly-item{flex:0 0 64px;min-height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:9px 4px;border-radius:18px;background:linear-gradient(180deg,rgba(35,105,165,.72),rgba(18,70,125,.82));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 14px rgba(5,35,70,.18)}.weather-hourly-item:first-child{background:linear-gradient(180deg,rgba(65,135,195,.88),rgba(30,90,150,.92));border-color:rgba(255,255,255,.28)}.weather-hourly-time{font-size:13px;line-height:1;font-weight:600;opacity:.92;margin-bottom:10px;white-space:nowrap}.weather-hourly-icon{position:relative;font-size:29px;line-height:1;width:100%;height:32px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.2))}.weather-hourly-moon,.weather-hourly-cloud{position:absolute;line-height:1}.weather-hourly-moon{font-size:28px;transform:translate(-5px,-2px);z-index:1}.weather-hourly-cloud{font-size:25px;transform:translate(5px,4px);z-index:2}.weather-hourly-temp{font-size:18px;line-height:1;font-weight:700;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.2)}.weather-daily{width:100%;max-width:600px;margin:10px auto;padding:0 10px;box-sizing:border-box}.weather-daily-item{display:grid;grid-template-columns:1fr 64px 1fr;align-items:center;min-height:50px;margin-bottom:5px;padding:5px 10px;box-sizing:border-box;border-radius:15px;background:linear-gradient(180deg,rgba(35,105,165,.72),rgba(18,70,125,.82));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 5px 14px rgba(5,35,70,.18)}.weather-daily-day{font-size:14px;font-weight:600;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,.2)}.weather-daily-icon{display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;filter:drop-shadow(0 3px 5px rgba(0,0,0,.2))}.weather-daily-temp{display:flex;justify-content:flex-end;align-items:center;gap:9px;font-size:15px;line-height:1;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.2)}.weather-daily-max{font-weight:700}.weather-daily-min{font-weight:500;opacity:.58}.weather-city-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(3px);z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}.weather-city-overlay.active{opacity:1;pointer-events:auto}.weather-city-picker{position:fixed;left:50%;top:50%;transform:translate(-50%,-46%) scale(.96);width:calc(100% - 32px);max-width:420px;padding:20px;box-sizing:border-box;background:rgba(255,255,255,.96);border-radius:22px;box-shadow:0 20px 50px rgba(0,0,0,.25);z-index:11;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.weather-city-picker.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.weather-city-picker-title{font-size:20px;font-weight:700;color:#1e293b;margin-bottom:14px}.weather-city-search{width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid #d5dce5;border-radius:14px;background:#fff;color:#1e293b;font-size:16px;outline:none}.weather-city-search:focus{border-color:#4b9bea;box-shadow:0 0 0 3px rgba(75,155,234,.15)}.weather-city-results{margin-top:8px;display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.weather-city-result{width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:12px;font-size:15px;color:#1e293b;cursor:pointer}.weather-city-result:hover{background:#edf5ff}.weather-city-result-name,.weather-city-result-details{display:block}.weather-city-result-name{font-weight:600}.weather-city-result-details{font-size:13px;color:#64748b;margin-top:2px}.weather-city-message{padding:13px 12px;color:#64748b;font-size:14px}.weather-city-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border:0;border-radius:50%;background:#eef1f5;color:#64748b;font-size:20px;line-height:1;cursor:pointer}.weather-language{display:flex;justify-content:center;gap:5px;margin:0 0 8px}.weather-language a{padding:5px 9px;border:1px solid #d6e2ed;border-radius:12px;color:#52708c;background:#fff;font-size:12px;font-weight:700;text-decoration:none}.weather-language a.active{color:#fff;background:#3188e8;border-color:#3188e8}.weather-error{position:relative;margin:12px auto;padding:30px;border-radius:28px;background:#557da2;text-align:center}.weather-error .weather-test-change-city{position:static;transform:none}@media(max-width:480px){.weather-test{padding:20px 18px 18px;border-radius:25px}.weather-test-city{font-size:24px}.weather-test-change-city{font-size:11px;padding:6px 10px}.weather-test-temp{font-size:68px}.weather-test-icon{font-size:55px;height:60px}.weather-test-description{font-size:15px}.weather-hourly-scroll{gap:7px;padding-left:10px;padding-right:10px}.weather-hourly-item{flex-basis:62px;min-height:96px;border-radius:17px}.weather-hourly-time{font-size:12px}.weather-hourly-temp{font-size:17px}.weather-daily{padding:0 8px}.weather-daily-item{grid-template-columns:1fr 56px 1fr;min-height:48px;margin-bottom:4px;padding:5px 9px;border-radius:14px}.weather-daily-day{font-size:13px}.weather-daily-icon{font-size:25px}.weather-daily-temp{font-size:14px;gap:8px}}
 .weather-test-city{overflow-wrap:anywhere}.weather-login-page{min-height:100vh;display:flex;align-items:center;background:#eef5fb}.weather-login-card{position:relative;width:100%;max-width:460px;margin:12px auto;padding:30px 26px;box-sizing:border-box;border-radius:28px;overflow:clip;color:#fff;box-shadow:0 12px 30px rgba(0,0,0,.14)}.weather-login-content{position:relative;z-index:1}.weather-login-content h1{margin:0 0 24px;text-align:center;font-size:28px;font-weight:600}.weather-login-form{display:grid;gap:15px}.weather-login-form label{display:grid;gap:7px;font-size:14px;font-weight:600}.weather-login-form input{width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:13px 14px;background:rgba(255,255,255,.94);color:#1e293b;font:inherit;outline:none}.weather-login-form input:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.18)}.weather-login-form button{margin-top:5px;border:1px solid rgba(255,255,255,.3);border-radius:14px;padding:13px;background:rgba(18,70,125,.62);color:#fff;font:600 16px inherit;cursor:pointer}.weather-login-links{display:flex;justify-content:space-between;gap:12px;margin-top:21px}.weather-login-links a{color:#fff;font-size:14px;text-decoration:none}.weather-login-links a:hover{text-decoration:underline}