.weather-card h2{font-size:1.5rem;font-weight:500;margin-bottom:1rem}.weather-card canvas{margin-bottom:1rem}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:linear-gradient(120deg,#232526,#414345);min-height:100vh;color:#f5f6fa}.app-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:2rem 1rem}.weather-card{background:#1e1e28f2;border-radius:2rem;box-shadow:0 8px 32px #00000073;padding:2.5rem;margin-top:2rem;text-align:center;max-width:480px;min-width:340px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.temperature-section{cursor:pointer;font-size:3rem;font-weight:700;margin:1.5rem 0;display:flex;align-items:baseline;justify-content:center;color:gold;text-shadow:0 2px 8px #000a}.temperature-degree{margin-right:.5rem}.temperature-unit{font-size:1.3rem;color:gold;font-weight:500}.temperature-description{font-size:1.2rem;color:#f5f6fa;margin-top:.5rem;opacity:.85}.weather-card h2{font-size:1.6rem;font-weight:600;margin-bottom:1.2rem;color:gold;letter-spacing:1px}.weather-card canvas{margin-bottom:1.2rem;background:transparent}.error{color:#ff6b6b;background:#2d2d2d;border-radius:.7rem;padding:.9rem 1.2rem;margin-top:1rem;border:1px solid #ff6b6b44}.loading-spinner{margin:2rem auto;border:6px solid #232526;border-top:6px solid #ffd700;border-radius:50%;width:48px;height:48px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}