.weather-page{--wx-bg:#f4f7fb;--wx-surface:#fff;--wx-border:#e3e9f2;--wx-text:var(--dark-color,#111827);--wx-muted:#5b6577;--wx-accent:var(--primary-color,#2563eb);--wx-warm:#ea580c;--wx-cool:#2563eb;background:var(--wx-bg);color:var(--wx-text);min-height:100vh;padding-top:70px}.weather-container{margin:0 auto;max-width:1120px;padding:0 16px}.weather-visually-hidden{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}.weather-page :focus-visible{outline:2px solid var(--wx-accent);outline-offset:2px}.weather-hero{background:radial-gradient(700px 260px at 90% 0,#ffffff38,#0000 70%),linear-gradient(135deg,#1e40af,#2563eb 55%,#38bdf8);color:#fff;padding:28px 0 30px}.weather-hero h1{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;line-height:1.2;margin:10px 0}.weather-hero__intro{color:#e0ecff;line-height:1.6;max-width:760px}.weather-breadcrumb{color:#cfe0ff;font-size:.85rem}.weather-breadcrumb a{color:#fff;text-decoration:none}.weather-breadcrumb a:hover{text-decoration:underline}.weather-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr);padding-bottom:56px;padding-top:24px}.weather-card{background:var(--wx-surface);border:1px solid var(--wx-border);border-radius:16px;box-shadow:0 1px 2px #0f172a0a;min-width:0;padding:22px}.weather-card h2{font-size:1.25rem;font-weight:800;margin-bottom:16px}.weather-icon{color:#f59e0b;flex:0 0 auto;height:1.6em;width:1.6em}.weather-icon--cloudy,.weather-icon--fog,.weather-icon--na,.weather-icon--wind{color:#64748b}.weather-icon--rain{color:#2563eb}.weather-icon--snow{color:#38bdf8}.weather-icon--clear-night,.weather-icon--partly-cloudy-night{color:#6366f1}.weather-max{font-feature-settings:"tnum";color:var(--wx-warm);font-variant-numeric:tabular-nums;font-weight:800}.weather-min{font-feature-settings:"tnum";color:var(--wx-cool);font-variant-numeric:tabular-nums;font-weight:700}.weather-today{grid-gap:8px 18px;align-items:center;display:grid;gap:8px 18px;grid-template-columns:auto 1fr}.weather-today__icon{grid-row:span 2;height:96px;width:96px}.weather-today__temp{align-items:baseline;display:flex;font-size:2.6rem;gap:12px;line-height:1}.weather-today__temp .weather-min{font-size:1.6rem}.weather-today__cond{color:var(--wx-muted);font-size:1.05rem;font-weight:600;margin-top:4px}.weather-today__facts{grid-gap:8px;display:grid;gap:8px;grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));list-style:none;margin:8px 0 0;padding:0}.weather-today__facts li{align-items:center;background:var(--wx-bg);border-radius:10px;color:var(--wx-muted);display:flex;font-size:.88rem;gap:6px;padding:8px 12px}.weather-today__facts svg{color:var(--wx-accent);height:22px;width:22px}.weather-today__facts strong{color:var(--wx-text);margin-left:auto}@media (min-width:900px){.weather-today{grid-template-columns:auto auto 1fr}.weather-today__facts{grid-column:3;grid-row:1/span 2;margin:0}}.weather-summary{color:var(--wx-muted);line-height:1.6;margin:16px 0}.weather-hours{grid-gap:8px;display:grid;gap:8px;grid-auto-columns:76px;grid-auto-flow:column;list-style:none;margin:0;overflow-x:auto;padding:2px 2px 10px;position:relative;scroll-snap-type:x proximity;scrollbar-width:thin}.weather-hours li{align-items:center;background:var(--wx-bg);border:1px solid var(--wx-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:10px 4px;scroll-snap-align:start}.weather-hours .weather-icon{height:34px;width:34px}.weather-hours__time{color:var(--wx-muted);font-size:.8rem;font-weight:700}.weather-hours__temp{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:800}.weather-hours__rain{color:var(--wx-cool);font-size:.75rem;font-weight:600}.weather-days{border-collapse:collapse;font-size:.92rem;width:100%}.weather-days thead th{border-bottom:1px solid var(--wx-border);color:var(--wx-muted);font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:0 8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.weather-days tbody th,.weather-days td{border-bottom:1px solid #eef2f7;padding:10px 8px;text-align:left;vertical-align:middle;white-space:nowrap}.weather-days tbody tr:last-child td,.weather-days tbody tr:last-child th{border-bottom:0}.weather-days tbody tr:hover{background:#f8fafc}.weather-days__day{font-weight:700}.weather-days__day span{display:block}.weather-days__date{color:var(--wx-muted);font-size:.78rem;font-weight:500}.weather-days__cond .weather-icon{margin-right:6px;vertical-align:middle}.weather-days__max{min-width:110px}.weather-range{background:#e8eef6;border-radius:3px;display:block;height:5px;margin-top:6px;position:relative}.weather-range i{background:linear-gradient(90deg,var(--wx-cool),var(--wx-warm));border-radius:3px;bottom:0;min-width:6px;position:absolute;top:0}@media (max-width:767px){.weather-card{padding:18px 16px}.weather-days thead{display:none}.weather-days,.weather-days tbody{display:block}.weather-days tbody tr{grid-gap:8px 12px;border-bottom:1px solid #eef2f7;display:grid;gap:8px 12px;grid-template-areas:"day cond cond" "max max min" "m1 m2 m3";grid-template-columns:1fr auto auto;padding:12px 0}.weather-days tbody tr:last-child{border-bottom:0}.weather-days tbody th,.weather-days td{border:0;padding:0;white-space:normal}.weather-days__day{grid-area:day}.weather-days__cond{grid-area:cond;justify-self:end}.weather-days__max{grid-area:max;min-width:0}.weather-days__min{align-self:start;grid-area:min}.weather-days td[data-label]{color:var(--wx-muted);font-size:.8rem}.weather-days td[data-label]:before{content:attr(data-label) ": ";font-weight:700}.weather-days td[data-label=Ya\11F\131\15F]{display:none}.weather-today__icon{height:72px;width:72px}.weather-today__temp{font-size:2.1rem}}.weather-cities{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));list-style:none;margin:0;padding:0}.weather-cities a{background:var(--wx-bg);border:1px solid var(--wx-border);border-radius:10px;color:var(--wx-text);display:block;font-weight:600;padding:10px 14px;text-decoration:none}.weather-cities a:hover{border-color:var(--wx-accent);color:var(--wx-accent)}.weather-crosslink{color:var(--wx-muted)}.weather-crosslink a,.weather-source a{color:var(--wx-accent);font-weight:600}.weather-source{color:var(--wx-muted);font-size:.82rem;line-height:1.6}.weather-skeleton{animation:weather-shimmer 1.4s linear infinite;background:linear-gradient(90deg,#eef2f7 25%,#e2e8f0 50%,#eef2f7 75%);background-size:200% 100%;border-radius:16px;height:420px}@keyframes weather-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.weather-skeleton{animation:none}}.weather-error{grid-gap:12px;border-color:#fecaca;color:#991b1b;display:grid;gap:12px;justify-items:start}.weather-btn{background:var(--wx-accent);border:0;border-radius:8px;color:#fff;cursor:pointer;font:inherit;font-weight:600;height:40px;padding:0 16px}.weather-select{margin-top:18px;max-width:520px}.weather-select label{color:#e0ecff;display:block;font-size:.85rem;font-weight:700;margin-bottom:6px}.weather-select__row{display:flex;gap:8px}.weather-select select{background:#fff;border:0;border-radius:10px;color:var(--wx-text);flex:1 1;font:inherit;font-size:.95rem;height:44px;min-width:0;padding:0 12px}.weather-select .weather-btn{background:#0f172a;height:44px}.weather-select .weather-btn:hover{background:#1e293b}.weather-filter{grid-gap:6px;display:grid;gap:6px;max-width:420px}.weather-filter label{font-size:.85rem;font-weight:700}.weather-filter input{background:#fff;border:1px solid var(--wx-border);border-radius:10px;font:inherit;height:44px;padding:0 14px}.weather-filter__count{color:var(--wx-muted);font-size:.82rem}.weather-pair{grid-gap:20px;display:grid;gap:20px;grid-template-columns:minmax(0,1fr)}@media (min-width:900px){.weather-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.weather-pair p{color:var(--wx-muted);line-height:1.6}.weather-pair__head{align-items:center;display:flex;font-size:1.4rem;gap:10px;margin-bottom:8px}.weather-pair__head .weather-icon{height:44px;width:44px}.weather-h3{font-size:1rem;font-weight:800;margin:4px 0 12px}.weather-facts,.weather-faq{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.weather-facts__item,.weather-faq__item{background:var(--wx-bg);border:1px solid var(--wx-border);border-radius:12px;padding:16px 18px}.weather-facts__item h3,.weather-faq__item h3{font-size:1rem;font-weight:800;margin-bottom:6px}.weather-facts__item p,.weather-faq__item p{color:var(--wx-muted);font-size:.93rem;line-height:1.6}.weather-all{margin-top:14px}.weather-all a{color:var(--wx-accent);font-weight:700}