body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{background:radial-gradient(1200px circle at 10% 10%,#eef6ff 0,#f7f7fb 45%,#fff 100%);display:grid;min-height:100vh;padding:24px;place-items:center}.card{background:#fff;border-radius:16px;box-shadow:0 14px 40px #1018281f;max-width:420px;padding:22px;width:100%}.title{color:#0f172a;font-size:22px;letter-spacing:.2px;margin:0 0 14px}.search{display:flex;gap:10px;margin:10px 0 14px}.search__input{border:1px solid #e2e8f0;border-radius:10px;flex:1 1;font-size:14px;height:42px;outline:none;padding:0 12px}.search__input:focus{border-color:#60a5fa;box-shadow:0 0 0 4px #60a5fa40}.search__button{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;height:42px;padding:0 14px}.search__button:disabled,.search__input:disabled{cursor:not-allowed;opacity:.7}.status{color:#334155;font-size:14px;margin:10px 0 0}.status--error{background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;color:#b91c1c;padding:10px 12px}.weather{margin-top:10px;text-align:left}.weather__city{color:#0f172a;font-size:18px;margin:0 0 8px}.weather__main{align-items:baseline;background:linear-gradient(135deg,#eff6ff,#f8fafc);border:1px solid #e2e8f0;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:14px}.weather__temp{color:#0f172a;font-size:44px;font-weight:700;line-height:1}.weather__conditionTitle{color:#0f172a;font-weight:700;text-transform:capitalize}.weather__conditionDesc{color:#475569;font-size:13px;margin-top:2px;text-transform:capitalize}.weather__grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.weather__item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:12px}.weather__label{color:#64748b;font-size:12px}.weather__value{color:#0f172a;font-weight:700;margin-top:6px}.hint{color:#64748b;font-size:12px;margin:14px 0 0}
/*# sourceMappingURL=main.c5768bf8.css.map*/