*{padding:0;margin:0;border:none}*,*:before,*:after{box-sizing:border-box}a,a:link,a:visited,a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:transparent;background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #fff;--color-bg: #181818;--color-primary-inverted: #000;--color-bg-card: #2f2f2f;--color-bg-main: #222222;--color-bg-card-hover: #ffffff10;--gradient: linear-gradient(91deg, rgba(224, 144, 205, .9) .2%, rgba(155, 84, 230, .9) 100%);--gradient-panel: linear-gradient(256deg, rgba(255, 255, 255, .105) 9.04%, rgba(255, 255, 255, .268) 92.2%);--font: "Rubik", sans-serif}body{font-family:var(--font);color:var(--color-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);display:grid;place-items:center;min-height:100vh}.button[data-v-0201419b]{min-height:37px;border-radius:10px;background:var(--gradient);padding:10px;font-family:var(--font);font-size:16px;color:var(--primary);cursor:pointer;display:flex;justify-content:center;gap:7px;align-items:center;box-shadow:0 6px #00000040;transition:transform .2s ease,box-shadow .2s ease,opacity .3s ease-in-out}.button[data-v-0201419b]:hover{opacity:.8}.button[data-v-0201419b]:active{transform:translateY(4px) scale(.97);box-shadow:0 2px #00000040}.city-input[data-v-555a369b]{display:flex;gap:10px;align-items:center}.city-select[data-v-555a369b]{margin-top:40px}.city-select img[data-v-555a369b]{width:27px;height:27px}.stat-list[data-v-55452332]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat[data-v-55452332]{padding:12px;background:var(--color-bg-card);border-radius:14px;display:flex;flex-direction:column;gap:4px}.stat .label[data-v-55452332]{color:#aaa;font-size:13px}.stat .value[data-v-55452332]{color:#fff;font-size:18px;font-weight:600}.input[data-v-4ee144f6]{width:260px;min-height:37px;font-size:16px;padding:15px 20px;color:var(--color-primary);border-radius:10px;background:var(--color-bg-card);box-shadow:1px 2px 4px 0 var(--color-bg-main)}.input[data-v-4ee144f6]::placeholder{color:#ffffff49}.error[data-v-87cae926]{font-size:16px;padding:10px;text-align:center;background-color:var(--color-bg-card);border-radius:0 0 15px 15px;margin-top:-30px;margin-bottom:60px}.card[data-v-b514744c]{width:25%;border-radius:10px;box-shadow:0 2px 6px #00000012;color:var(--color-primary);padding:15px 10px;background-color:var(--color-bg-card);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.card[data-v-b514744c]:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 6px 16px #0000001f;background-color:var(--color-bg-card-hover)}.card.active[data-v-b514744c]{background-color:var(--color-primary);color:var(--color-primary-inverted)}.day[data-v-b514744c]{font-weight:18px}.temp[data-v-b514744c]{font-weight:700;font-size:17px}.stat-list[data-v-7fcf2687]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:60px}.day-card-list[data-v-7fcf2687]{display:flex;gap:2px;align-items:center}.weather-block[data-v-27511492]{display:flex;flex-direction:column;height:100%}.top[data-v-27511492]{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.week[data-v-27511492]{font-size:28px;font-weight:700}.city[data-v-27511492]{display:flex;align-items:center;gap:6px;font-weight:500;font-size:18px;color:var(--color-primary)}.city img[data-v-27511492]{width:27px;height:27px}.icon[data-v-27511492]{width:100px;height:100px}.temp[data-v-27511492]{font-size:34px;font-weight:700}.temp-range[data-v-27511492]{font-size:16px;color:var(--color-text-secondary);margin-top:-4px}.desc[data-v-27511492]{font-size:18px}.bottom[data-v-27511492]{display:flex;flex-direction:column;gap:20px;margin-top:auto}.main-info[data-v-27511492]{display:flex;flex-direction:column;align-items:center;gap:4px}.cards[data-v-27511492]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card[data-v-27511492]{background:var(--color-bg-card);padding:14px 16px;border-radius:14px;font-size:15px;display:flex;flex-direction:column;gap:4px;box-shadow:0 0 4px #0003;transition:.2s}.card[data-v-27511492]:hover{background:var(--color-bg-card-hover)}.card span[data-v-27511492]{font-weight:600;color:var(--color-primary)}.main[data-v-f202e0c3]{display:flex;align-items:center;justify-content:center}.right[data-v-f202e0c3]{background:var(--color-bg-main);padding:30px 20px;border-radius:0 15px 15px 0;width:450px}.left[data-v-f202e0c3]{border:1px solid #ffffffb8;padding:30px 20px;background:var(--gradient-panel);width:400px;height:630px;border-radius:18px;display:flex;flex-direction:column}