:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{max-width:1280px;margin:0 auto;padding:2rem;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-weight:400}a,.green{padding:3px;text-decoration:none;transition:all .4s}a:link,a:visited,a:hover,a:active{color:#fff;text-decoration:none}@media (hover:hover){a:hover{background-color:#00bd7e33}}body{place-items:center;display:flex}.base-dashboard[data-v-ed68deae]{color:#fff;background-color:#0000001a;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:100%;margin-bottom:10px;padding:20px;display:flex}.fixed-background[data-v-6a1834fc]{z-index:-1;will-change:background-color;width:100vw;height:100vh;transition:background-color .5s;position:fixed;top:0;left:0;overflow:hidden}.weather-graphic[data-v-6a1834fc]{pointer-events:none;position:absolute}.sun[data-v-6a1834fc]{z-index:1;transform-origin:50%;animation:20s linear infinite spin-6a1834fc;top:-180px;right:-180px}.cloud[data-v-6a1834fc]{z-index:1}.rain[data-v-6a1834fc]{z-index:1;width:100vw;height:100vh;top:0;left:0}.landmark-layer[data-v-6a1834fc]{z-index:2;pointer-events:none;position:absolute;inset:0}.landmark-svg[data-v-6a1834fc]{height:auto}.ground[data-v-6a1834fc]{z-index:2;width:100vw;height:20vw;max-height:40vh;bottom:0;left:0;overflow:hidden}.fade-enter-active[data-v-6a1834fc],.fade-leave-active[data-v-6a1834fc]{transition:opacity .25s}.fade-enter-from[data-v-6a1834fc],.fade-leave-to[data-v-6a1834fc]{opacity:0}@keyframes spin-6a1834fc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fall-6a1834fc{0%{opacity:0;transform:translateY(-50px)}20%{opacity:1}to{opacity:.2;transform:translateY(105vh)}}[data-v-6a1834fc] .raindrop{animation:1s linear infinite fall-6a1834fc}[data-v-6a1834fc] .rd-1{animation-delay:0s}[data-v-6a1834fc] .rd-2{animation-delay:.2s}[data-v-6a1834fc] .rd-3{animation-delay:.4s}[data-v-6a1834fc] .rd-4{animation-delay:.6s}[data-v-6a1834fc] .rd-5{animation-delay:.8s}[data-v-6a1834fc] .rd-6{animation-delay:1s}@keyframes float-cloud-6a1834fc{0%{transform:translate(0)}50%{transform:translate(15px,-10px)}to{transform:translate(0)}}[data-v-6a1834fc] .cloud-item{animation:ease-in-out infinite float-cloud-6a1834fc}[data-v-6a1834fc] .c-delay-1{animation-duration:6s;animation-delay:0s}[data-v-6a1834fc] .c-delay-2{animation-duration:8s;animation-delay:1s}[data-v-6a1834fc] .c-delay-3{animation-duration:7s;animation-delay:2s}[data-v-6a1834fc] .c-delay-4{animation-duration:9s;animation-delay:.5s}@keyframes walk-right-6a1834fc{0%{transform:translate(-100px)}to{transform:translate(1100px)}}@keyframes walk-left-6a1834fc{0%{transform:translate(1100px)scaleX(-1)}to{transform:translate(-100px)scaleX(-1)}}@keyframes calf-bounce-6a1834fc{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}[data-v-6a1834fc] .calf{animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}[data-v-6a1834fc] .calf-body{animation:.6s ease-in-out infinite calf-bounce-6a1834fc}[data-v-6a1834fc] .calf-1{animation-name:walk-right-6a1834fc;animation-duration:36s;animation-delay:0s}[data-v-6a1834fc] .calf-2{animation-name:walk-left-6a1834fc;animation-duration:44s;animation-delay:4s}[data-v-6a1834fc] .calf-3{animation-name:walk-right-6a1834fc;animation-duration:50s;animation-delay:10s}[data-v-6a1834fc] .calf-4{animation-name:walk-left-6a1834fc;animation-duration:36s;animation-delay:8s}[data-v-6a1834fc] .calf-5{animation-name:walk-right-6a1834fc;animation-duration:44s;animation-delay:6s}[data-v-6a1834fc] .calf-6{animation-name:walk-left-6a1834fc;animation-duration:50s;animation-delay:12s}.unit-toggle[data-v-55a4df0a]{justify-content:space-around;align-items:center;width:230px;display:flex}.unit-toggle p[data-v-55a4df0a],.unit-toggle button[data-v-55a4df0a]{color:#0000004d;cursor:pointer;background-color:#ffffff80;border:none;border-radius:6px;align-items:center;height:35px;padding:8px 14px;font-family:inherit;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex}.unit-toggle button[data-v-55a4df0a]{color:#fff;background-color:#0000004d}@media screen and (width<=668px){.unit-toggle[data-v-55a4df0a]{flex-direction:column}.unit-toggle button[data-v-55a4df0a]{margin:5px}}.nav[data-v-40419d91]{flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.nav div[data-v-40419d91]{margin-left:30px;font-size:24px}.title[data-v-666b333b]{text-align:center;font-size:50px}.app[data-v-666b333b]{z-index:1;scrollbar-color:#888 transparent;scrollbar-gutter:stable;width:80vw;max-width:800px;height:80vh;position:relative;overflow-y:scroll}.app h1[data-v-666b333b]{text-align:center}.app .loading[data-v-666b333b]{align-items:center}input[data-v-81e72e12]{background-color:inherit;width:100%;height:40px;color:inherit;border:1px solid #0000;border-radius:5px;padding-left:7px;font-family:inherit;font-size:24px}.card[data-v-db2aded0]{cursor:pointer;background-color:#ffffff1a;border-radius:12px;flex-direction:row;justify-content:space-between;align-items:center;margin:10px 0;padding:16px 20px;transition:all .2s ease-in-out;display:flex;box-shadow:0 4px 4px #0000001a}.card[data-v-db2aded0]:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.left[data-v-db2aded0]{flex-direction:column;gap:8px;display:flex}.city-header[data-v-db2aded0]{align-items:center;gap:8px;display:flex}.flag-img[data-v-db2aded0]{margin-right:3px}.city-name[data-v-db2aded0]{color:#1e293b;margin-right:2px;font-size:2rem;font-weight:700}.time[data-v-db2aded0]{font-size:2rem}.condition-badge[data-v-db2aded0]{color:#000000b3;background-color:#fff;border-radius:12px;padding:2px 8px;font-size:1.1rem}.weather-info[data-v-db2aded0]{align-items:center;gap:10px;display:flex}.temp-text[data-v-db2aded0]{color:#0f172a;font-size:1.8rem;font-weight:800}.status-badge[data-v-db2aded0]{border-radius:6px;padding:3px 8px 3px 4px;font-size:1rem;font-weight:600}.status-badge.hot[data-v-db2aded0]{color:#ef4444;background-color:#fef2f2}.status-badge.cool[data-v-db2aded0]{color:#0284c7;background-color:#f0f9ff}.right[data-v-db2aded0]{align-items:center;display:flex}.detail-btn[data-v-db2aded0]{color:#fff;cursor:pointer;background-color:#0000004d;border:none;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:600;transition:background-color .2s}.detail-btn[data-v-db2aded0]:hover{background-color:#1a252f}.block[data-v-7ef01430]{color:#ffffffe6;flex-direction:column;display:flex}.text[data-v-7ef01430]{font-size:20px}