@charset "UTF-8";:root{--bg-app: #f0f4f8;--bg-surface: #ffffff;--bg-muted: #f8fafc;--bg-tabs: #f1f5f9;--text-1: #1a202c;--text-2: #1e3a5f;--text-3: #64748b;--text-4: #94a3b8;--text-white: #ffffff;--border: #e2e8f0;--shadow: rgba(0, 0, 0, .08);--shadow-lg: rgba(0, 0, 0, .18);--overlay: rgba(0, 0, 0, .45);--accent: #3b82f6;--accent-bg: #eff6ff;--accent-shadow: rgba(59, 130, 246, .1);--danger: #ef4444;--danger-hover: #dc2626;--danger-bg: #fef2f2;--warning: #f59e0b;--warning-bg: #fef3c7;--color-brand: #1e3a5f;--color-brand-hover: #2d5282;--bg-header: #1e3a5f;--text-header: #ffffff;--text-header-nav: rgba(255, 255, 255, .8);--text-header-muted: rgba(255, 255, 255, .7);--text-header-dim: rgba(255, 255, 255, .3);--bg-header-hover: rgba(255, 255, 255, .15);--bg-header-hover-strong: rgba(255, 255, 255, .2);--chart-grid: rgba(0, 0, 0, .05);--chart-tick: #94a3b8;--chart-line: #3b82f6;--chart-fill-start: rgba(59, 130, 246, .35);--chart-fill-end: rgba(59, 130, 246, 0)}[data-theme=night]{--bg-app: #0d1b2a;--bg-surface: #162032;--bg-muted: #1c2d42;--bg-tabs: #0d1b2a;--text-1: #e2e8f0;--text-2: #93c5fd;--text-3: #94a3b8;--text-4: #4a6380;--border: #2a3f5c;--shadow: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .5);--accent: #60a5fa;--accent-bg: rgba(96, 165, 250, .08);--accent-shadow: rgba(96, 165, 250, .1);--danger-bg: rgba(239, 68, 68, .15);--warning-bg: rgba(245, 158, 11, .15);--chart-grid: rgba(255, 255, 255, .05);--chart-tick: #4a6380;--chart-line: #60a5fa;--chart-fill-start: rgba(96, 165, 250, .3);--chart-fill-end: rgba(96, 165, 250, 0)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Segoe UI,Arial,sans-serif;background:var(--bg-app);color:var(--text-1);min-height:100vh;transition:background .2s,color .2s}#app{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1200px;min-width:0;margin:0 auto;padding:0 16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-muted);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.fade-enter-active,.fade-leave-active{transition:opacity .18s ease}.fade-enter-from,.fade-leave-to{opacity:0}.app{display:flex;flex-direction:column;min-height:100vh}.app__main{flex:1;padding:24px 0}.app-header{background:var(--bg-header);color:var(--text-header);box-shadow:0 2px 8px var(--shadow-lg);position:sticky;top:0;z-index:100}.app-header__inner{display:flex;align-items:center;gap:24px;height:60px}.app-header__logo{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;letter-spacing:.5px}.app-header__logo-icon{font-size:1.5rem}.app-header__nav{display:flex;gap:4px;flex:1}.app-header__nav-link{padding:6px 18px;border-radius:6px;color:var(--text-header-nav);font-size:.95rem;font-weight:500;transition:background .18s,color .18s}.app-header__nav-link:hover,.app-header__nav-link--active{background:var(--bg-header-hover);color:var(--text-header)}.app-header__controls{display:flex;align-items:center;gap:12px;margin-left:auto}.app-header__lang{display:flex;align-items:center;gap:4px}.app-header__lang-btn{padding:4px 10px;border-radius:4px;color:var(--text-header-muted);font-size:.82rem;font-weight:600;transition:background .18s,color .18s}.app-header__lang-btn:hover,.app-header__lang-btn--active{background:var(--bg-header-hover-strong);color:var(--text-header)}.app-header__lang-sep{color:var(--text-header-dim)}.app-header__theme-btn{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--text-header-muted);transition:background .18s,color .18s}.app-header__theme-btn:hover{background:var(--bg-header-hover);color:var(--text-header)}@media(max-width:480px){.app-header__logo-text{display:none}.app-header__inner{gap:12px}.app-header__nav-link{padding:6px 12px;font-size:.88rem}}.weather-block{background:var(--bg-surface);border-radius:14px;box-shadow:0 2px 12px var(--shadow);padding:20px;display:flex;flex-direction:column;gap:16px;min-width:0;overflow:hidden;border:2px solid transparent;transition:background .2s,border-color .2s,box-shadow .2s}.weather-block__header{display:flex;align-items:flex-start;gap:10px}.weather-block__search{flex:1;min-width:0}.weather-block__controls{display:flex;gap:8px;flex-shrink:0}.weather-block__fav-btn,.weather-block__delete-btn{width:38px;height:38px;border-radius:8px;font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s,color .18s,border-color .18s}.weather-block__fav-btn{color:var(--text-4);background:var(--bg-muted);border:2px solid var(--border)}.weather-block__fav-btn:hover{border-color:var(--warning);color:var(--warning)}.weather-block__fav-btn--active{background:var(--warning-bg);border-color:var(--warning);color:var(--warning)}.weather-block__delete-btn{color:var(--text-4);background:var(--bg-muted);border:2px solid var(--border);font-size:.9rem}.weather-block__delete-btn:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-bg)}.weather-block__tabs{display:flex;gap:4px;background:var(--bg-tabs);border-radius:8px;padding:4px;transition:background .2s}.weather-block__tab{flex:1;padding:7px 12px;border-radius:6px;font-size:.88rem;font-weight:600;color:var(--text-3);transition:background .18s,color .18s}.weather-block__tab--active{background:var(--bg-surface);color:var(--text-2);box-shadow:0 1px 4px var(--shadow)}.weather-block__body{min-height:120px;display:flex;flex-direction:column;gap:16px}.weather-block__preloader{display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-4);font-size:.9rem;padding:32px 0}.weather-block__spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.weather-block__error{text-align:center;color:var(--danger);font-size:.9rem;padding:32px 0}.weather-block__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-4);font-size:.9rem;padding:32px 0}.weather-block__empty-icon{font-size:2rem}.weather-card{display:flex;flex-direction:column;gap:16px}.weather-card__main{display:flex;align-items:center;gap:12px}.weather-card__icon-wrap{flex-shrink:0}.weather-card__icon{width:80px;height:80px;object-fit:contain}.weather-card__temp-wrap{display:flex;flex-direction:column;gap:2px}.weather-card__temp{font-size:2.6rem;font-weight:700;color:var(--text-2);line-height:1}.weather-card__description{font-size:.95rem;color:var(--text-3);text-transform:capitalize}.weather-card__feels{font-size:.85rem;color:var(--text-4)}.weather-card__details{display:grid;grid-template-columns:1fr 1fr;gap:10px}.weather-card__detail{display:flex;align-items:center;gap:6px;background:var(--bg-muted);border-radius:8px;padding:8px 10px;transition:background .2s}.weather-card__detail-icon{font-size:1rem;flex-shrink:0}.weather-card__detail-label{font-size:.78rem;color:var(--text-4);flex:1;min-width:0}.weather-card__detail-value{font-size:.85rem;font-weight:600;color:var(--text-2);white-space:nowrap}.weather-week{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.weather-week__day{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--bg-muted);border-radius:10px;padding:12px 6px;text-align:center;transition:background .2s}.weather-week__day-name{font-size:.82rem;font-weight:700;color:var(--text-2);text-transform:capitalize}.weather-week__day-date{font-size:.75rem;color:var(--text-4)}.weather-week__icon{width:48px;height:48px;object-fit:contain}.weather-week__temp{font-size:1.1rem;font-weight:700;color:var(--text-2)}.weather-week__range{font-size:.75rem;color:var(--text-3)}.weather-week__desc{font-size:.72rem;color:var(--text-4);text-transform:capitalize;text-align:center}@media(max-width:520px){.weather-card__details{grid-template-columns:1fr}}@media(max-width:480px){.weather-week{gap:4px}.weather-week__day{padding:8px 4px}.weather-week__icon{width:36px;height:36px}.weather-week__desc{display:none}}.weather-chart{width:100%;height:200px;overflow:hidden;min-width:0}@keyframes spin{to{transform:rotate(360deg)}}.city-autocomplete{position:relative;width:100%}.city-autocomplete__field{position:relative;display:flex;align-items:center}.city-autocomplete__input{width:100%;padding:10px 40px 10px 14px;border:2px solid var(--border);border-radius:8px;font-size:.95rem;color:var(--text-1);background:var(--bg-surface);outline:none;transition:border-color .18s,background .2s,color .2s}.city-autocomplete__input:focus{border-color:var(--accent)}.city-autocomplete__input:disabled{background:var(--bg-muted);color:var(--text-4);cursor:not-allowed}.city-autocomplete__spinner{position:absolute;right:12px;width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}.city-autocomplete__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px var(--shadow);list-style:none;z-index:200;overflow:hidden;transition:background .2s}.city-autocomplete__item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:pointer;transition:background .18s;gap:8px}.city-autocomplete__item:hover,.city-autocomplete__item--active{background:var(--bg-muted)}.city-autocomplete__item-name{font-size:.93rem;color:var(--text-1);font-weight:500}.city-autocomplete__item-country{font-size:.8rem;color:var(--text-4);background:var(--bg-muted);padding:2px 6px;border-radius:4px;flex-shrink:0;transition:background .2s}.city-autocomplete__no-results{margin-top:6px;font-size:.85rem;color:var(--text-4);padding:0 4px}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:var(--bg-surface);border-radius:12px;padding:28px 24px 20px;width:100%;max-width:420px;box-shadow:0 8px 32px var(--shadow-lg);transition:background .2s}.modal__title{font-size:1.1rem;font-weight:700;color:var(--text-1);margin-bottom:10px}.modal__message{font-size:.93rem;color:var(--text-3);line-height:1.5;margin-bottom:24px}.modal__actions{display:flex;justify-content:flex-end;gap:10px}.modal__btn{padding:8px 20px;border-radius:7px;font-size:.9rem;font-weight:600;transition:background .18s}.modal__btn--cancel{background:var(--bg-muted);color:var(--text-3)}.modal__btn--cancel:hover{background:var(--border)}.modal__btn--confirm{background:var(--danger);color:var(--text-white)}.modal__btn--confirm:hover{background:var(--danger-hover)}.favorites-limit-modal{background:var(--bg-surface);border-radius:12px;padding:28px 24px 20px;width:100%;max-width:400px;box-shadow:0 8px 32px var(--shadow-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;transition:background .2s}.favorites-limit-modal__icon{font-size:2.2rem}.favorites-limit-modal__title{font-size:1.05rem;font-weight:700;color:var(--text-1)}.favorites-limit-modal__message{font-size:.92rem;color:var(--text-3);line-height:1.5;margin-bottom:8px}.favorites-limit-modal__btn{background:var(--color-brand);color:var(--text-white);padding:8px 28px;border-radius:7px;font-size:.9rem;font-weight:600;transition:background .18s}.favorites-limit-modal__btn:hover{background:var(--color-brand-hover)}.home__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;align-items:stretch}.home__add-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg-surface);border:2px dashed var(--border);border-radius:14px;color:var(--text-4);transition:border-color .2s,color .2s,background .2s,box-shadow .2s;width:100%;min-height:120px}.home__add-card:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg);box-shadow:0 2px 12px var(--accent-shadow)}.home__add-card-icon{width:48px;height:48px;border-radius:50%;border:2px dashed currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0}.home__add-card-label{font-size:.9rem;font-weight:600}@media(max-width:800px){.home__grid{grid-template-columns:1fr;align-items:start}.home__add-card{min-height:100px}.home__add-card-label{display:none}}.favorites__title{font-size:1.3rem;font-weight:700;color:var(--text-2);margin-bottom:20px}.favorites__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 0;color:var(--text-4);font-size:.95rem;text-align:center}.favorites__empty-icon{font-size:3rem}.favorites__blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}@media(max-width:800px){.favorites__blocks{grid-template-columns:1fr}}