:root{--font:"Manrope", system-ui, sans-serif;--glass:#ffffff24;--glass-2:#ffffff38;--glass-border:#ffffff3d;--text:#fff;--muted:#ffffffb8;--ease:cubic-bezier(.22, 1, .36, 1);--pad:clamp(14px, 3vw, 32px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100svh;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background:#1c3f7a;font-size:15px;line-height:1.5}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}ol,ul{list-style:none}svg{display:block}:focus-visible{outline-offset:3px;border-radius:10px;outline:2px solid #fff}.sky{z-index:-1;background:linear-gradient(180deg, var(--sky-a), var(--sky-b));transition:background 1.2s var(--ease);position:fixed;inset:0;overflow:hidden}.sky--day{--sky-a:#2f7fe8;--sky-b:#93c6ff}.sky--night{--sky-a:#0a1233;--sky-b:#22306a}.sky--day.sky--partly{--sky-a:#4a8ad8;--sky-b:#a8c9ee}.sky--night.sky--partly{--sky-a:#0e1738;--sky-b:#2b3a66}.sky--day.sky--cloudy{--sky-a:#5d6d86;--sky-b:#9ea9bb}.sky--night.sky--cloudy{--sky-a:#161c2b;--sky-b:#333c50}.sky--day.sky--fog{--sky-a:#7c8896;--sky-b:#b7c0ca}.sky--night.sky--fog{--sky-a:#20252d;--sky-b:#434b56}.sky--day.sky--drizzle,.sky--day.sky--rain{--sky-a:#3e4d64;--sky-b:#6f7f97}.sky--night.sky--drizzle,.sky--night.sky--rain{--sky-a:#0f1420;--sky-b:#283243}.sky--day.sky--snow{--sky-a:#6d82a2;--sky-b:#b3c1d6}.sky--night.sky--snow{--sky-a:#1a2236;--sky-b:#3d4a66}.sky--day.sky--storm{--sky-a:#262a3e;--sky-b:#4a5170}.sky--night.sky--storm{--sky-a:#0c0d17;--sky-b:#23273a}.sky__orb{background:radial-gradient(circle,#ffdc828c,#ffdc8200 60%);border-radius:50%;width:48vmax;height:48vmax;animation:8s ease-in-out infinite breathe;position:absolute;top:-12vmax;right:-8vmax}.sky--night .sky__orb{background:radial-gradient(circle,#c8d7ff59,#c8d7ff00 55%)}.sky--cloudy .sky__orb,.sky--rain .sky__orb,.sky--storm .sky__orb,.sky--fog .sky__orb,.sky--snow .sky__orb{opacity:.35}@keyframes breathe{50%{transform:scale(1.08)}}.sky__stars i{background:#fff;border-radius:50%;width:2px;height:2px;animation:3.5s ease-in-out infinite twinkle;position:absolute}@keyframes twinkle{50%{opacity:.2}}.sky__cloud{fill:#ffffff8c;filter:blur(2px);width:34vmax;animation:linear infinite drift;position:absolute}.sky--night .sky__cloud{fill:#aab4d240}.sky--cloudy .sky__cloud,.sky--rain .sky__cloud,.sky--drizzle .sky__cloud{fill:#dce1eb73}.sky--storm .sky__cloud{fill:#5a5f78b3}.sky__cloud--0{animation-duration:90s;animation-delay:-10s;top:6%}.sky__cloud--1{opacity:.8;width:26vmax;animation-duration:120s;animation-delay:-60s;top:22%}.sky__cloud--2{opacity:.6;width:40vmax;animation-duration:150s;animation-delay:-30s;top:48%}.sky__cloud--3{opacity:.5;width:22vmax;animation-duration:100s;animation-delay:-80s;top:70%}@keyframes drift{0%{transform:translate(-45vmax)}to{transform:translate(110vw)}}.sky__canvas{width:100%;height:100%;position:absolute;inset:0}.sky__flash{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.wi-rays{transform-origin:32px 32px;animation:18s linear infinite spin}.wi-moon{animation:6s ease-in-out infinite bob}.wi-cloud{animation:5s ease-in-out infinite float}.wi-cloud--back{animation-delay:-2.5s}.wi-drops line{animation:1s linear infinite drop}.wi-flakes circle{animation:2.4s ease-in-out infinite flake}.wi-bolt{animation:3s step-end infinite bolt}.wi-fog line{animation:4s ease-in-out infinite alternate fog}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(-2px)}}@keyframes float{50%{transform:translate(3px)}}@keyframes drop{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:0;transform:translateY(6px)}}@keyframes flake{0%{opacity:0;transform:translateY(-4px)}30%{opacity:1}to{opacity:0;transform:translate(2px,8px)}}@keyframes bolt{0%,80%{opacity:1}85%{opacity:.2}90%{opacity:1}}@keyframes fog{to{transform:translate(4px)}}.app{max-width:1180px;padding:16px var(--pad) 32px;margin:0 auto}.glass{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(22px)saturate(140%);border-radius:24px;box-shadow:0 20px 50px -30px #00000080}.topbar{z-index:30;align-items:center;gap:16px;margin-bottom:16px;display:flex;position:relative}.brand{letter-spacing:-.02em;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.topbar__actions{align-items:center;gap:8px;display:flex}.pill-btn{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 14px;font-weight:600;transition:background .3s;display:inline-flex}.pill-btn:hover{background:var(--glass-2)}.pill-btn:disabled{opacity:.6}.seg{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:999px;padding:3px;display:flex}.seg button{min-width:40px;height:34px;color:var(--muted);border-radius:999px;padding:0 10px;font-size:13px;font-weight:700;transition:background .3s,color .3s}.seg button.is-active{color:#1f3b6d;background:#fff}.search{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:999px;flex:1;align-items:center;gap:8px;height:44px;padding:0 14px;transition:background .3s;display:flex;position:relative}.search:focus-within{background:var(--glass-2)}.search input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-weight:500}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button{filter:invert()}.search__spin{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.search__list{z-index:20;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);background:#17233f;border-radius:18px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 40px -12px #00000080}.search__list li{cursor:pointer;border-radius:12px;flex-direction:column;padding:10px 12px;display:flex}.search__list li.is-active{background:#ffffff1f}.search__list li span{color:var(--muted);font-size:13px}.search__empty{color:var(--muted);cursor:default!important}.favs{scrollbar-width:none;gap:8px;margin-bottom:16px;padding-bottom:2px;display:flex;overflow-x:auto}.favs::-webkit-scrollbar{display:none}.fav{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(12px);border-radius:999px;flex-shrink:0;align-items:center;gap:6px;height:40px;padding:0 14px 0 10px;font-weight:600;transition:background .3s;display:inline-flex}.fav:hover{background:var(--glass-2)}.fav.is-active{color:#1f3b6d;background:#fff}.fav strong{font-weight:800}.notice{background:#ff785a40;border:1px solid #ffa08c80;border-radius:14px;margin-bottom:12px;padding:10px 14px}.grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"current daily""hourly hourly""details details";gap:16px;transition:opacity .3s;display:grid}.grid.is-refreshing{opacity:.6}.current{flex-direction:column;grid-area:current;padding:24px 28px 28px;display:flex}.current__top{justify-content:space-between;gap:12px;display:flex}.current__city{letter-spacing:-.02em;font-size:clamp(26px,3vw,34px);font-weight:800;line-height:1.1}.current__meta{color:var(--muted);margin-top:4px;font-size:14px}.star{background:var(--glass);width:44px;height:44px;transition:transform .3s var(--ease), background .3s;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.star path{fill:none;stroke:#fff;stroke-width:1.8px;stroke-linejoin:round;transition:fill .3s}.star.is-on path{fill:#ffd25e;stroke:#ffd25e}.star:active{transform:scale(.85)}.current__main{align-items:center;gap:8px;margin:auto 0 0;padding-top:16px;display:flex}.current__main+.current__cond{margin-bottom:auto}.current__temp{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(88px,11vw,132px);font-weight:300;line-height:.9}.current__temp span{letter-spacing:0;vertical-align:top;margin-left:6px;font-size:.3em;font-weight:500}.current__cond{margin-top:8px;font-size:22px;font-weight:700}.current__sub{color:var(--muted)}.panel__title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:12px;font-size:13px;font-weight:700}.daily{grid-area:daily;padding:20px 22px}.daily__list li{border-top:1px solid #ffffff1f;grid-template-columns:76px 52px 40px minmax(0,1fr) 40px;align-items:center;gap:10px;padding:7px 0;display:grid}.daily__list li:first-child{border-top:0}.daily__day{text-transform:capitalize;font-weight:700}.daily__icon{flex-direction:column;align-items:center;line-height:1;display:flex}.daily__icon small{color:#9fd3ff;font-size:11px;font-weight:700}.daily__min{color:var(--muted);text-align:right;font-weight:600}.daily__max{font-weight:700}.range{background:#0000002e;border-radius:999px;height:6px;position:relative}.range__fill{background:linear-gradient(90deg,#7cc4ff,#ffd25e,#ff9b5e);border-radius:999px;position:absolute;top:0;bottom:0}.range__now{background:#fff;border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;box-shadow:0 0 0 3px #00000040}.hourly{grid-area:hourly;min-width:0;padding:20px 0 16px}.hourly .panel__title{padding:0 22px}.hourly__scroll{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;padding:0 10px 6px;overflow-x:auto}.hourly__track{position:relative}.hourly__chart{pointer-events:none;position:absolute;top:26px;left:0}.hourly__cols{display:flex}.hourly__cols li{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.hourly__cols strong{margin-bottom:70px;font-size:15px;font-weight:700}.hourly__pop{color:#9fd3ff;text-align:center;width:30px;height:18px;font-size:11px;font-weight:700;position:relative}.hourly__time{color:var(--muted);font-size:13px;font-weight:600}.details{grid-area:details;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.tile{flex-direction:column;gap:8px;min-height:170px;padding:18px 20px;display:flex}.tile h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.tile>span{color:var(--muted);margin-top:auto;font-size:14px}.tile__big{letter-spacing:-.03em;font-size:34px;font-weight:700;line-height:1.1}.tile__big--sm{font-size:22px}.tile__row{align-items:center;gap:12px;margin-top:auto;display:flex}.tile__row strong{font-size:18px;display:block}.tile__row span{color:var(--muted);font-size:14px}.tile__row--split{justify-content:space-between;font-size:13px}.tile__row--split strong{color:#fff;margin-left:4px;display:inline}.compass{color:#fff;width:64px;height:64px}.compass text{fill:currentColor;opacity:.7;font-size:9px;font-weight:700}.meter{background:#0003;border-radius:999px;height:6px;position:relative}.meter span{border-radius:inherit;height:100%;transition:width .8s var(--ease);background:#7cc4ff;display:block}.meter--uv{background:linear-gradient(90deg,#6fd06f,#f6e05e,#f6a45e,#f0645e,#b067e0)}.meter--uv i{background:#fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;box-shadow:0 0 0 3px #00000040}.sunarc{color:#fff;align-self:center;width:100%;max-width:160px}.state{text-align:center;justify-items:center;gap:16px;padding:48px 24px;display:grid}.skeleton{background:linear-gradient(100deg,#ffffff1a 30%,#ffffff38 50%,#ffffff1a 70%) 0 0/300% 100%;border-radius:24px;animation:1.4s linear infinite shimmer}.skeleton--current{grid-area:current;height:360px}.skeleton--daily{grid-area:daily;height:360px}.skeleton--hourly{grid-area:hourly;height:200px}.skeleton--details{grid-area:details;height:170px}@keyframes shimmer{to{background-position:-150% 0}}.footer{text-align:center;color:var(--muted);margin-top:24px;font-size:13px}@media (width<=1000px){.details{grid-template-columns:repeat(3,minmax(0,1fr))}.tile--wide{grid-column:span 2}}@media (width<=860px){.grid{grid-template-columns:1fr;grid-template-areas:"current""hourly""daily""details"}.topbar{flex-wrap:wrap}.search{flex-basis:100%;order:3}.topbar__actions{margin-left:auto}}@media (width<=560px){.hide-sm{display:none}.topbar{gap:10px 8px}.topbar__actions{gap:6px}.pill-btn{justify-content:center;width:38px;height:38px;padding:0}.seg button{min-width:34px;height:30px;padding:0 6px}.details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{min-height:150px;padding:16px}.tile--wide{grid-column:1/-1}.current{padding:20px}.daily{padding:18px 16px}.daily__list li{grid-template-columns:58px 40px 34px minmax(0,1fr) 34px;gap:8px}.brand{font-size:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}