body{margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;color:#fff;height:100vh;width:100vw;-webkit-font-smoothing:antialiased}.app-container{height:100vh;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20px;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.search-bar{display:flex;gap:10px;margin-bottom:30px;width:90%;max-width:400px}.search-bar input{padding:12px 16px;border-radius:10px;border:none;outline:none;flex-grow:1;font-size:1rem;background:#ffffff26;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.18);color:#fff}.search-bar input::placeholder{color:#ffffffb3}.search-bar button{padding:12px 20px;border:none;border-radius:10px;background:#ffffff4d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#fff;font-size:1rem;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.18)}.search-bar button:hover{background:#fff6}.weather-screen{display:flex;flex-direction:column;align-items:center;margin-top:40px;background:#ffffff26;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:30px;width:85%;max-width:350px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #0000001a}.city{font-size:2.2rem;font-weight:600;margin:0;letter-spacing:-.5px}.local-time{font-size:1rem;opacity:.85;margin-bottom:15px;font-weight:400}.big-temp{font-size:5.5rem;font-weight:300;margin:20px 0 10px;letter-spacing:-3px}.condition{font-size:1.3rem;text-transform:capitalize;margin-bottom:10px;font-weight:500}.high-low{font-size:1.1rem;opacity:.85;font-weight:400}.sunny-bg{background:linear-gradient(135deg,#ff9d00,#ff2d00)}.rainy-bg{background:linear-gradient(135deg,#0077b6,#00b4d8)}.snowy-bg{background:linear-gradient(135deg,#6e8efb,#a777e3)}.cloudy-bg,.default-bg{background:linear-gradient(135deg,#5f6caf,#9db2bf)}.app-title{font-size:2rem;font-weight:600;margin-bottom:30px;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.sunny-bg,.rainy-bg,.snowy-bg,.cloudy-bg,.default-bg{background-size:200% 200%;animation:gradientMove 15s ease infinite}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 700px){.app-container{padding:15px}.app-title{font-size:1.5rem;margin-bottom:20px}.search-bar{width:90%;max-width:90%;flex-direction:column;margin-bottom:20px}.search-bar input,.search-bar button{width:auto;padding:10px 14px;border-radius:12px;font-size:.9rem}.weather-screen{width:90%;max-width:90%;padding:20px 15px;margin-top:10px}.city{font-size:1.8rem}.local-time{font-size:.9rem;margin-bottom:10px}.big-temp{font-size:4rem;margin:10px 0 5px}.condition{font-size:1.1rem;margin-bottom:8px}.high-low{font-size:.95rem}}@media (max-width: 480px){.app-container{padding:12px}.app-title{font-size:1.3rem;margin-bottom:15px}.search-bar{margin-bottom:15px}.search-bar input,.search-bar button{padding:8px 12px;font-size:.85rem}.weather-screen{width:90%;padding:15px 10px}.city{font-size:1.6rem}.local-time{font-size:.85rem}.big-temp{font-size:3.5rem}.condition{font-size:1rem}.high-low{font-size:.9rem}}@media (max-width: 360px){.big-temp{font-size:3rem}.city{font-size:1.4rem}.weather-screen{padding:12px 8px}}