:root{--ink:#f2f6ff;--ink-soft:#f2f6ffb8;--ink-faint:#f2f6ff80;--glass:#ffffff17;--glass-line:#ffffff29;--radius:20px;--gap:16px;--sky-a:#12306b;--sky-b:#0a1733;--accent:#ffca3a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--sky-b);color:var(--ink);-webkit-font-smoothing:antialiased}.app{background:linear-gradient(170deg, var(--sky-a), var(--sky-b) 70%);min-height:100%;transition:background .6s}.app--day-clear{--sky-a:#2f7fd6;--sky-b:#0d2a57}.app--day-cloud{--sky-a:#4c6a8c;--sky-b:#1b2c45}.app--day-rain{--sky-a:#3c5a76;--sky-b:#141f33}.app--night-clear{--sky-a:#16255a;--sky-b:#070d20}.app--night-cloud{--sky-a:#232f4d;--sky-b:#0a1122}.app--night-rain{--sky-a:#1b2740;--sky-b:#070c18}.app--snow{--sky-a:#5d7a9e;--sky-b:#1d2b40}.app__inner{gap:var(--gap);flex-direction:column;max-width:940px;margin:0 auto;padding:28px 16px 40px;display:flex}.head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.head__brand{align-items:center;gap:12px;display:flex}.head__mark{background:radial-gradient(circle at 32% 30%, #ffe08a, var(--accent) 60%, #f08b2c);border-radius:12px;flex:none;width:38px;height:38px;box-shadow:0 6px 18px #ffb43c59}.head h1{letter-spacing:-.02em;margin:0;font-size:22px}.head p{color:var(--ink-faint);margin:2px 0 0;font-size:13px}.picker{position:relative}.picker__current{border:1px solid var(--glass-line);background:var(--glass);color:var(--ink);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-weight:600;display:flex}.picker__current:hover{background:#ffffff26}.picker__current .flip{transform:rotate(180deg)}.picker__panel{border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#0e1830f0;border-radius:16px;width:min(320px,100vw - 32px);padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px #00000073}.picker__search,.picker__locate{border:1px solid var(--glass-line);width:100%;color:var(--ink);font:inherit;background:#ffffff12;border-radius:10px;padding:10px 12px}.picker__search::placeholder{color:var(--ink-faint)}.picker__locate{cursor:pointer;color:var(--accent);margin-top:8px;font-weight:600}.picker__locate:disabled{opacity:.6;cursor:default}.picker__list{max-height:46vh;margin:10px 0 0;padding:0;list-style:none;overflow-y:auto}.picker__list button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 10px;display:flex}.picker__list button:hover,.picker__list button.is-active{background:#ffffff1f}.picker__list small{color:var(--ink-faint);font-size:12px}.picker__empty{color:var(--ink-faint);padding:12px 10px;font-size:14px}.card,.current{border-radius:var(--radius);border:1px solid var(--glass-line);background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:20px}.card__title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 14px;font-size:14px;font-weight:600}main{gap:var(--gap);flex-direction:column;transition:opacity .2s;display:flex}main.is-stale{opacity:.55}.current__main{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.current__icon{color:var(--accent);flex:none}.current__temp{letter-spacing:-.04em;font-size:clamp(56px,16vw,84px);font-weight:200;line-height:1}.current__label{margin-top:4px;font-size:19px;font-weight:600}.current__feels{color:var(--ink-soft);margin-top:4px;font-size:14px}.stats{border-top:1px solid var(--glass-line);grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin:20px 0 0;padding-top:18px;display:grid}.stats__item dt{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.05em;font-size:12px}.stats__item dd{align-items:baseline;gap:6px;margin:4px 0 0;font-size:18px;font-weight:600;display:flex}.stats__extra{color:var(--ink-faint);font-size:12px;font-weight:600}.tone-good{color:#7ee2a8}.tone-ok{color:#ffd166}.tone-warn{color:#ff9f68}.tone-bad{color:#ff7b7b}.hours{scrollbar-width:thin;gap:4px;padding-bottom:6px;display:flex;overflow-x:auto}.hours__item{width:62px;color:var(--accent);border-radius:12px;flex:none;justify-items:center;gap:6px;padding:8px 0;display:grid}.hours__item:hover{background:#ffffff14}.hours__time{color:var(--ink-soft);white-space:nowrap;font-size:12px}.hours__rain{color:#7fc4ff;min-height:14px;font-size:11px;font-weight:600}.hours__bar{background:linear-gradient(to top, #ffffff24 0%, #ffffff24 calc(100% - var(--fill)), var(--accent) calc(100% - var(--fill)), var(--accent) 100%);border-radius:2px;width:3px;height:34px}.hours__temp{color:var(--ink);font-size:15px;font-weight:600}.days{margin:0;padding:0;list-style:none}.days__row{border-top:1px solid #ffffff14;grid-template-columns:1fr auto 42px minmax(60px,1fr) 42px;align-items:center;gap:10px;padding:10px 0;display:grid}.days__row:first-child{border-top:0}.days__when{flex-direction:column;display:flex}.days__name{font-size:15px;font-weight:600}.days__when small{color:var(--ink-faint);font-size:12px}.days__sky{color:var(--accent);align-items:center;gap:4px;display:flex}.days__rain{color:#7fc4ff;font-size:11px;font-weight:600}.days__lo,.days__hi{text-align:right;font-size:15px;font-weight:600}.days__lo{color:var(--ink-faint)}.days__track{background:linear-gradient(to right, #ffffff1f 0%, #ffffff1f var(--from), #62b8ff var(--from), var(--accent) var(--to), #ffffff1f var(--to), #ffffff1f 100%);border-radius:3px;height:5px}.notice{border-radius:var(--radius);border:1px solid var(--glass-line);background:var(--glass);color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.notice--error{color:#ffd9d9;background:#ff7b7b1f;border-color:#ff7b7b66}.notice button{border:1px solid var(--glass-line);color:var(--ink);font:inherit;cursor:pointer;background:#ffffff1f;border-radius:999px;padding:8px 14px;font-weight:600}.foot{color:var(--ink-faint);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:4px;font-size:12px;display:flex}.foot a{color:var(--ink-soft)}@media (width<=560px){.app__inner{padding:20px 16px 32px}.head{align-items:flex-start}.picker{width:100%}.picker__current{justify-content:space-between;width:100%}.picker__panel{width:100%;left:0;right:auto}.days__row{grid-template-columns:1fr auto 38px minmax(40px,.8fr) 38px;gap:8px}}