@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap";:root{--bg: #f6f7fb;--panel: #ffffff;--panel-gradient: linear-gradient(180deg, #ffffff 0%, #f1f5ff 100%);--accent: #2f80ed;--accent-strong: #56b1f2;--text: #0f172a;--muted: #4b5563;--border: #d9e2ec;--shadow: 0 10px 30px rgba(15, 23, 42, .08);color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,#eef4ff,#fdf9f3);color:var(--text);min-height:100vh;padding:24px 16px 40px;-webkit-font-smoothing:antialiased}#root{max-width:1100px;margin:0 auto;width:100%}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border:1px solid var(--border);background:var(--panel);border-radius:18px;box-shadow:var(--shadow)}.brand{display:flex;flex-direction:column;gap:6px}.brand__title{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(26px,5vw,34px);letter-spacing:-.5px}.brand__subtitle{margin:0;color:var(--muted);font-size:16px}.brand__icon{width:42px;height:42px;filter:drop-shadow(0 4px 8px rgba(15,23,42,.15))}.search-shell{margin:22px 0 12px}.search-card{display:grid;grid-template-columns:1fr auto;gap:12px;width:100%;padding:14px;border-radius:16px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow)}#search-bar{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--border);background:#f1f5f9;color:var(--text);font-size:16px;transition:border .2s ease,box-shadow .2s ease}#search-bar:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2f80ed2e}.search-button{display:inline-flex;align-items:center;gap:8px;padding:0 16px;border:none;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;font-size:15px;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 8px 18px #2f80ed33}.search-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #2f80ed3d}.search-button:active{transform:translateY(0)}.search-button__icon{width:18px;height:18px;filter:brightness(0) invert(1)}@media(max-width:700px){.hero{flex-direction:column;align-items:flex-start}.search-card{grid-template-columns:1fr}.search-button{justify-content:center;width:100%}}.weather-wrapper{display:flex;flex-direction:column;gap:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px}.location{margin:4px 0 0;font-size:clamp(22px,4vw,28px)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;color:var(--muted);margin:0}.status-text{margin:0;color:var(--muted);font-size:14px}.current-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:18px}.current-card{position:relative;min-height:240px;border-radius:18px;overflow:hidden;background:var(--panel-gradient);border:1px solid var(--border);box-shadow:var(--shadow);background-size:cover;background-position:center}.current-card__content{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px}.temperature{margin:0;font-size:clamp(52px,12vw,72px);font-weight:700;letter-spacing:-2px}.timestamp{margin:0;color:var(--muted);font-size:15px}.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;align-content:start}.metric{background:#f8fafc;border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)}.metric__label{margin:0 0 6px;color:var(--muted);font-size:13px}.metric__value{margin:0;font-size:18px;font-weight:700}.forecast-block{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.forecast-title{margin:2px 0 0;font-size:18px;color:var(--text)}.forecast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:14px}.forecast-card{padding:14px 12px;border-radius:14px;background:#f8fafc;border:1px solid var(--border);box-shadow:var(--shadow)}.forecast-date{margin:0 0 6px;color:var(--muted);font-weight:700;letter-spacing:.06em}.forecast-range{margin:0;font-size:20px;font-weight:700}.unit{color:var(--muted);font-size:14px;margin-left:2px}@media(max-width:900px){.current-panel{grid-template-columns:1fr}}@media(max-width:640px){.section-heading{flex-direction:column;align-items:flex-start}.current-card__content{padding:18px}.metrics-grid{grid-template-columns:1fr}}