div[data-v-3811244e]{width:100%;height:100vh;margin:0;padding:0;overflow:hidden}.location-search[data-v-62177645]{width:100%;max-width:500px;margin:0 auto;position:relative}.search-container[data-v-62177645]{display:flex;gap:8px;margin-bottom:5px}.search-input[data-v-62177645]{flex-grow:1;padding:10px 15px;border:1px solid rgba(255,255,255,.3);border-radius:25px;background:#ffffffe6;font-size:16px;box-shadow:0 2px 5px #0000001a}.search-input[data-v-62177645]:focus{box-shadow:none}.location-btn[data-v-62177645]{padding:4px 12px;border-radius:25px;background:#2196f3;border:1px solid rgb(255 255 255 / 39%);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;box-shadow:0 2px 5px #0000001a;color:#d5eafa}.search-results[data-v-62177645]{position:absolute;width:100%;max-height:200px;overflow-y:auto;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;z-index:100}.result-item[data-v-62177645]{padding:10px 15px;cursor:pointer;transition:background-color .2s;text-align:left}.result-item[data-v-62177645]:hover{background-color:#0000000d}.error[data-v-62177645]{background-color:#ff4d4dcc;color:#fff;padding:10px 15px;border-radius:5px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.dismiss-btn[data-v-62177645]{background:none;border:none;color:#fff;font-size:18px;cursor:pointer}.input-wrapper[data-v-62177645]{position:relative;flex-grow:1;display:flex}.search-loader[data-v-62177645]{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center}.loader-spinner[data-v-62177645]{width:16px;height:16px;border:2px solid rgba(0,0,0,.1);border-top-color:#007bff;border-radius:50%;animation:spin-62177645 .8s linear infinite}@keyframes spin-62177645{to{transform:rotate(360deg)}}.weather-display[data-v-c6d8a677]{border-radius:15px;margin-top:12px;max-width:500px}.loading[data-v-c6d8a677]{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;color:#555}.spinner[data-v-c6d8a677]{width:20px;height:20px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#3498db;animation:spin-c6d8a677 1s ease-in-out infinite}@keyframes spin-c6d8a677{to{transform:rotate(360deg)}}.error[data-v-c6d8a677]{background-color:#ff4d4dcc;color:#fff;padding:15px;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.refresh-btn[data-v-c6d8a677]{background:#fff;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;color:#333}.weather-data[data-v-c6d8a677]{display:flex;justify-content:space-around;gap:12px}.data-item[data-v-c6d8a677]{flex:1;display:flex;align-items:center;gap:10px;padding:10px;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px}.data-icon[data-v-c6d8a677]{font-size:24px}.direction-arrow[data-v-c6d8a677]{font-size:24px;display:inline-block;transition:transform .3s ease}.data-details[data-v-c6d8a677]{text-align:left}.data-value[data-v-c6d8a677]{font-size:18px;font-weight:700;color:#333}.data-label[data-v-c6d8a677]{font-size:12px;color:#666}.weather-controls[data-v-dd56727e]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:500px}.location-section[data-v-dd56727e]{width:100%;display:flex;flex-direction:column}.location-name[data-v-dd56727e]{font-size:20px;font-weight:700;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7);background-color:#0003;padding:8px 15px;border-radius:20px;margin-bottom:5px}.app{font-family:Arial,sans-serif;text-align:center;position:relative;width:100%;height:100vh;overflow:hidden}h1{margin:0;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);font-size:28px}.app-content{width:100%;height:100%;position:relative}.controls-container{position:absolute;top:10px;left:0;right:0;display:flex;justify-content:center;z-index:20;padding:0 12px}.controls-hint{position:absolute;bottom:20px;left:0;right:0;z-index:10;color:#fff;text-shadow:1px 1px 3px rgba(0,0,0,.7);font-size:14px;opacity:.8;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden}canvas{display:block}