.app{text-align:center;padding:40px 20px;font-family:Arial,sans-serif}h1{margin-bottom:20px}.search-box{justify-content:center;gap:10px;margin-bottom:15px;display:flex}.search-box input{background:#e5e7eb;border:none;border-radius:10px;outline:none;width:250px;padding:12px}.search-box button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 18px}.quick-cities{justify-content:center;gap:10px;margin-top:24px;margin-bottom:25px;display:flex}.quick-cities button{cursor:pointer;background:#fff;border:none;border-radius:20px;padding:8px 14px;font-size:13px;transition:all .2s;box-shadow:0 3px 8px #0000001a}.quick-cities button:hover{color:#fff;background:#2563eb}.empty-state{text-align:center;flex-direction:column;align-items:center;margin-top:80px;display:flex}.empty-icon{margin-bottom:10px;font-size:40px}.empty-state h2{color:#333;margin:5px 0;font-size:22px}.empty-state p{color:#666;max-width:300px;font-size:14px}.loading{margin-top:20px}.main-card{background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:6px;width:270px;margin:0 auto 30px;padding:20px;display:flex;box-shadow:0 8px 20px #0000001a}.day{color:#555;margin:0;font-size:13px}.condition{color:#777;font-size:12px}.icon{font-size:28px}.temp{font-size:26px;font-weight:700}.extra-row{justify-content:space-between;width:100%;font-size:12px;display:flex}.forecast{justify-content:center;gap:12px;display:flex}.forecast-card{background:#fff;border-radius:12px;width:110px;padding:14px;transition:all .2s;box-shadow:0 5px 14px #00000014}.forecast-card:hover{transform:translateY(-4px)}.extra{color:#666;margin-top:5px;font-size:11px}.error-text{color:#ef4444;margin-top:8px;font-size:13px;font-weight:500}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top,#e0f2fe,#bae6fd,#7dd3fc);min-height:100vh;margin:0;font-family:Segoe UI,sans-serif}