@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root{font-family:Inter,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#fff}body{margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;transition:background .5s ease}#root{width:100%;max-width:500px;margin:0 auto;padding:2rem;text-align:center;display:flex;flex-direction:column;gap:20px}h1{font-size:3rem;font-weight:700;margin:0;letter-spacing:-1px}input{padding:12px 16px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#fff;font-size:1rem;outline:none;transition:border-color .3s}input:focus{border-color:#38bdf8}button{border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:600;background-color:#38bdf8;color:#0f172a;cursor:pointer;border:none;transition:transform .2s,background-color .2s}button:hover{background-color:#7dd3fc;transform:translateY(-2px)}button:active{transform:translateY(0)}.weather-info{margin-top:20px}.weather-info h2{font-size:2rem;margin-bottom:5px}.temp{font-size:4rem;font-weight:700;margin:10px 0}.weather-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:20px;margin-top:20px;text-align:center}body.weather-default{background:linear-gradient(135deg,#0f172a,#1e293b)}body.weather-clear{background:linear-gradient(135deg,gold,orange)}body.weather-clouds{background:linear-gradient(135deg,#b0c4de,#789)}body.weather-rain{background:linear-gradient(135deg,#4682b4,#2f4f4f)}body.weather-snow{background:linear-gradient(135deg,#fff,#f0f8ff)}body.weather-thunderstorm{background:linear-gradient(135deg,#2f4f4f,#000)}.controls{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.unit-toggle,.location-btn{padding:8px 16px;border-radius:8px;border:1px solid #334155;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;cursor:pointer;font-size:.9rem;transition:background-color .3s}.unit-toggle:hover,.location-btn:hover{background:#fff3}