*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{color:#000;background:#fff;line-height:1.6;font-size:18px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{margin:0 auto;padding:2rem;font-weight:400}.weather-search[data-v-c8648c48]{display:flex;justify-content:center;margin-bottom:20px}.weather-search input[data-v-c8648c48]{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px 0 0 5px;outline:none}.weather-search button[data-v-c8648c48]{padding:10px 20px;font-size:16px;border:1px solid #ccc;border-left:none;border-radius:0 5px 5px 0;background-color:#a66ffe;color:#fff;cursor:pointer}.weather-search button[data-v-c8648c48]:hover{background-color:#a66ffe}.weather-display[data-v-9d469353]{max-width:600px;margin:0 auto;padding:20px;background:#f9f9f9;border-radius:10px;box-shadow:0 0 10px #0000001a}.main-info[data-v-9d469353]{text-align:center;margin-bottom:20px}.main-info h1[data-v-9d469353]{margin:0;font-size:24px;color:#333}.main-info h2[data-v-9d469353]{margin:0;font-size:18px;color:#777}.temperature[data-v-9d469353]{display:flex;justify-content:center;align-items:center;font-size:96px;font-weight:700;color:#333;line-height:1;position:relative;margin:20px}.temp-value[data-v-9d469353],.condition[data-v-9d469353],.real-feel[data-v-9d469353]{font-weight:700}.temp-value[data-v-9d469353]{font-size:96px;line-height:1}.temp-unit[data-v-9d469353]{font-size:48px;line-height:1;margin-left:10px}.weather-icon[data-v-9d469353]{font-size:100px;position:absolute;right:0;margin-bottom:135px;margin-right:30px}.condition[data-v-9d469353]{font-size:20px;color:#666;font-weight:700}.real-feel[data-v-9d469353]{font-size:18px;color:#555;margin-right:65px}.additional-info[data-v-9d469353]{display:flex;justify-content:space-around;flex-wrap:wrap}.info-box[data-v-9d469353]{background:#fff;padding:10px;margin:10px;border-radius:5px;box-shadow:0 0 5px #0000001a;width:45%;text-align:center}.info-box p[data-v-9d469353]{margin:5px 0;color:#333}.info-box-value[data-v-9d469353]{font-size:20px;font-weight:700}body{font-family:Arial,sans-serif;background:#eef2f3;color:#333}#app{padding:20px}