html[data-theme=light][data-v-163e25f1]{--bg-primary:#fff;--bg-secondary:#f8f9fa;--bg-tertiary:#e9ecef;--bg-elevated:#fff;--bg-container:transparent;--bg-navbar:hsla(0,0%,100%,.9);--bg-header:#fff;--bg-footer:#fff;--bg-card:#fff;--bg-modal:#fff;--bg-dropdown:#e9ecef;--text-menu-link:#212529;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--text-inverse:#fff;--text-heading:#212529;--border-color:#dee2e6;--border-light:#e9ecef;--border-medium:#ced4da;--border-strong:#adb5bd;--link-color:#0d6efd;--link-hover-color:#0a58ca;--link-visited:#0d6efd;--shadow-color:rgba(0,0,0,.1);--shadow-hover-color:rgba(0,0,0,.15);--shadow-strong:rgba(0,0,0,.3);--hover-bg:#f8f9fa;--active-bg:#e9ecef;--focus-ring:#0d6efd;--success-color:#198754;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#0dcaf0;--spinner-color:#0d6efd;--loading-text:#0d6efd;--check-icon:#198754;--title-color:#adb5bd;--title-line-color:#adb5bd;--section-divider:#dee2e6;--footer-copyright-bg:#f8f9fa;--footer-copyright-text:#6c757d}html[data-theme=dark][data-v-163e25f1]{--bg-primary:#121212;--bg-secondary:#2a2a2a;--bg-tertiary:#2d2d2d;--bg-elevated:#2a2a2a;--bg-container:#121212;--bg-navbar:rgba(35,35,35,.95);--bg-header:#121212;--bg-footer:#121212;--bg-card:#2a2a2a;--bg-modal:#2d2d2d;--bg-dropdown:#2d2d2d;--text-menu-link:#f8f9fa;--text-primary:#f8f9fa;--text-secondary:hsla(0,0%,100%,.7);--text-muted:hsla(0,0%,100%,.5);--text-inverse:#212529;--text-heading:#f8f9fa;--border-color:#444;--border-light:#333;--border-medium:#555;--border-strong:#666;--link-color:#4dabf7;--link-hover-color:#74c0fc;--link-visited:#4dabf7;--shadow-color:rgba(0,0,0,.3);--shadow-hover-color:rgba(0,0,0,.5);--shadow-strong:rgba(0,0,0,.5);--hover-bg:hsla(0,0%,100%,.05);--active-bg:hsla(0,0%,100%,.1);--focus-ring:#3d8bfd;--success-color:#25c876;--warning-color:#ffda6a;--danger-color:#f87171;--info-color:#5c9eff;--spinner-color:#5c9eff;--loading-text:#5c9eff;--check-icon:#25c876;--title-color:#f8f9fa;--title-line-color:#adb5bd;--section-divider:#444;--footer-copyright-bg:#1d3646;--footer-copyright-text:#b2d1e1}.weather-panel[data-v-163e25f1]{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 0}.panel-header[data-v-163e25f1]{align-items:flex-start;display:flex;justify-content:space-between}.header-left[data-v-163e25f1]{display:flex;flex-direction:column;gap:.25rem}.live-indicator[data-v-163e25f1]{align-items:center;color:#198754;display:inline-flex;font-size:.75rem;font-weight:700;gap:.4rem;letter-spacing:.05em;text-transform:uppercase}.live-indicator .pulse[data-v-163e25f1]{animation:pulse-163e25f1 2s infinite;background:#198754;border-radius:50%;height:8px;width:8px}.city-title[data-v-163e25f1]{color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1.1;margin:0}.update-time[data-v-163e25f1]{color:var(--text-secondary);font-size:.9rem;margin:0}.refresh-btn[data-v-163e25f1]{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.refresh-btn[data-v-163e25f1]:hover{background:var(--bg-secondary);transform:rotate(15deg)}.refresh-btn[data-v-163e25f1]:disabled{cursor:not-allowed;opacity:.5}.panel-content[data-v-163e25f1]{display:flex;flex-direction:column;gap:2rem}.safety-banner[data-v-163e25f1]{background:#ffc1071a;border:1px solid rgba(255,193,7,.35);border-radius:14px;color:#d97706;display:inline-flex;font-weight:600;padding:.75rem 1rem}.panel-empty[data-v-163e25f1],.safety-banner[data-v-163e25f1]{align-items:center;gap:.5rem}.panel-empty[data-v-163e25f1]{border:1px dashed var(--border-color);border-radius:16px;color:var(--text-secondary);display:flex;flex-direction:column}.main-card[data-v-163e25f1],.panel-empty[data-v-163e25f1]{background:var(--bg-card);padding:1.5rem}.main-card[data-v-163e25f1]{border:1px solid var(--border-color);border-radius:24px;box-shadow:0 4px 20px #0000000a;overflow:hidden;position:relative}.main-card[data-v-163e25f1]:before{background:linear-gradient(135deg,#0d6efd0d,#6f42c10d);content:"";inset:0;position:absolute;transition:background .3s ease;z-index:0}.main-card.bg-clear[data-v-163e25f1]:before{background:linear-gradient(135deg,#ffc85726,#ffffff4d)}.main-card.bg-cloudy[data-v-163e25f1]:before{background:linear-gradient(135deg,#a0aec033,#edf2f766)}.main-card.bg-rainy[data-v-163e25f1]:before{background:linear-gradient(135deg,#0ea5e92e,#38bdf81f)}.main-card.bg-storm[data-v-163e25f1]:before{background:linear-gradient(135deg,#3b82f62e,#0e74904d)}.main-card.bg-snow[data-v-163e25f1]:before{background:linear-gradient(135deg,#e2e8f066,#cbd5e133)}.main-card.bg-fog[data-v-163e25f1]:before{background:linear-gradient(135deg,#e2e8f080,#fff9)}.main-card.bg-default[data-v-163e25f1]:before{background:linear-gradient(135deg,#0d6efd0d,#6f42c10d)}.main-temp-row[data-v-163e25f1]{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;position:relative;z-index:1}.temp-info[data-v-163e25f1]{display:flex;flex-direction:column}.big-temp[data-v-163e25f1]{font-size:5rem;font-weight:800;letter-spacing:-.03em;line-height:1}.big-temp[data-v-163e25f1],.condition[data-v-163e25f1]{color:var(--text-primary)}.condition[data-v-163e25f1]{font-size:1.2rem;font-weight:500;margin:.5rem 0 .2rem;text-transform:capitalize}.feels-like[data-v-163e25f1],.range[data-v-163e25f1]{color:var(--text-secondary);font-size:.95rem}.main-icon[data-v-163e25f1]{color:var(--text-primary);filter:drop-shadow(0 8px 16px rgba(0,0,0,.1))}.details-grid[data-v-163e25f1]{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);position:relative;z-index:1}@media(min-width:640px){.details-grid[data-v-163e25f1]{grid-template-columns:repeat(4,1fr)}}.detail-item[data-v-163e25f1]{align-items:center;background:var(--bg-secondary);border-radius:16px;display:flex;gap:.75rem;padding:.75rem 1rem}.detail-icon[data-v-163e25f1]{color:var(--text-secondary)}.detail-text[data-v-163e25f1]{display:flex;flex-direction:column;gap:2px}.label[data-v-163e25f1]{font-size:.75rem;font-weight:600;text-transform:uppercase}.hint[data-v-163e25f1],.label[data-v-163e25f1]{color:var(--text-secondary)}.hint[data-v-163e25f1]{font-size:.85rem}.value[data-v-163e25f1]{color:var(--text-primary);font-size:1.1rem;font-weight:700}.value small[data-v-163e25f1]{color:var(--text-secondary);font-size:.8rem;font-weight:400}.section-block[data-v-163e25f1]{display:flex;flex-direction:column;gap:1rem}.section-title[data-v-163e25f1]{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.hourly-scroll[data-v-163e25f1]{display:flex;gap:.75rem;margin:0;overflow-x:auto;padding:0 .5rem 1rem;scrollbar-width:none}.hourly-scroll[data-v-163e25f1]::-webkit-scrollbar{display:none}@media(max-width:640px){.hourly-scroll[data-v-163e25f1]{margin:0 -1rem;padding:0 1rem 1rem}}.hour-card[data-v-163e25f1]{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:18px;display:flex;flex:0 0 auto;flex-direction:column;height:110px;justify-content:space-between;padding:.75rem .5rem;transition:all .2s;width:70px}.hour-card[data-v-163e25f1]:hover{border-color:var(--primary-color,#0d6efd);transform:translateY(-3px)}.hour-time[data-v-163e25f1]{color:var(--text-secondary);font-size:.8rem;font-weight:500}.hour-temp[data-v-163e25f1]{font-size:1.1rem;font-weight:700}.hour-icon[data-v-163e25f1],.hour-temp[data-v-163e25f1]{color:var(--text-primary)}.pop-badge[data-v-163e25f1]{align-items:center;color:#0dcaf0;display:flex;font-size:.7rem;font-weight:600;gap:2px}.daily-list[data-v-163e25f1]{display:flex;flex-direction:column;gap:.75rem}.daily-row[data-v-163e25f1]{align-items:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;display:grid;grid-template-columns:1.5fr 1fr 2fr 1.5fr;padding:1rem;transition:all .2s}.daily-row[data-v-163e25f1]:hover{background:var(--bg-secondary)}.day-col[data-v-163e25f1]{align-items:center;display:flex}.day-col.date[data-v-163e25f1]{align-items:flex-start;flex-direction:column}.day-col.date .weekday[data-v-163e25f1]{color:var(--text-primary);font-weight:700;text-transform:capitalize}.day-col.date .day-num[data-v-163e25f1]{color:var(--text-secondary);font-size:.85rem}.day-col.icon[data-v-163e25f1]{color:var(--text-primary);justify-content:center}.day-col.condition[data-v-163e25f1]{color:var(--text-secondary);font-size:.95rem;text-transform:capitalize}.day-col.temps[data-v-163e25f1]{gap:.5rem;justify-content:flex-end}.day-col.temps .max[data-v-163e25f1]{color:var(--text-primary);font-weight:700}.day-col.temps .min[data-v-163e25f1]{color:var(--text-secondary)}.panel-skeleton[data-v-163e25f1]{display:flex;flex-direction:column;gap:1.5rem}.panel-skeleton .sk-card[data-v-163e25f1]{background:var(--bg-secondary);border-radius:24px;height:200px}.panel-skeleton .sk-strip[data-v-163e25f1]{background:var(--bg-secondary);border-radius:18px;height:100px}.panel-skeleton .sk-list[data-v-163e25f1]{background:var(--bg-secondary);border-radius:18px;height:300px}.panel-error[data-v-163e25f1]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:3rem;text-align:center}.panel-error .error-content[data-v-163e25f1]{color:var(--text-secondary);margin-bottom:1rem}.panel-error .retry-btn[data-v-163e25f1]{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;padding:.6rem 1.2rem}.panel-error .retry-btn[data-v-163e25f1]:hover{background:var(--bg-secondary)}.more-cities[data-v-163e25f1]{text-align:center}.more-cities-link[data-v-163e25f1]{color:var(--primary-color,#0d6efd);display:inline-block;font-weight:700;margin-top:.5rem;text-decoration:none}.more-cities-link[data-v-163e25f1]:hover{text-decoration:underline}@keyframes pulse-163e25f1{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes spin-163e25f1{to{transform:rotate(1turn)}}@media(max-width:640px){.daily-row[data-v-163e25f1]{gap:.5rem;grid-template-columns:1fr auto auto}.daily-row .day-col.condition[data-v-163e25f1]{display:none}.main-temp-row[data-v-163e25f1]{align-items:flex-start;flex-direction:column-reverse;gap:1rem}.main-temp-row .icon-wrapper[data-v-163e25f1]{align-self:flex-end;margin-top:-4rem}}