:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.float{animation:float 3s ease-in-out infinite}.weather-card{isolation:isolate;position:relative;z-index:1}.weather-card form{position:relative;z-index:1500!important}.weather-card input::-moz-placeholder{color:#64748bcc}.weather-card input::placeholder{color:#64748bcc}.weather-card.dark input::-moz-placeholder{color:#94a3b8cc}.weather-card.dark input::placeholder{color:#94a3b8cc}img{image-rendering:-webkit-optimize-contrast;backface-visibility:hidden}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.flex{display:flex}.flex-col{flex-direction:column}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-blue-700{background-color:#1d4ed8}.text-white{color:#fff}.rounded-lg{border-radius:.5rem}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.p-4{padding:1rem}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.font-bold{font-weight:700}.text-2xl{font-size:1.5rem}.min-h-screen{min-height:100vh}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.justify-between{justify-content:space-between}.items-center{align-items:center}.space-x-4>*+*{margin-left:1rem}.space-y-6>*+*{margin-top:1.5rem}.gap-6{gap:1.5rem}.gap-4{gap:1rem}.text-center{text-align:center}.dark body{background-color:#0f172a;color:#f1f5f9}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}@media (max-width: 640px){.weather-card .detailsGrid{grid-template-columns:1fr}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.weather-card{transition:transform .3s ease,box-shadow .3s ease}.weather-card:hover{transform:translateY(-5px)}.weather-card.dark{color-scheme:dark}.weather-card.light{color-scheme:light}.search-container,.forecast-link{pointer-events:auto}.spin{animation:spin 1s linear infinite}.search-container input,.search-container button{pointer-events:auto}@media (max-width: 768px){.weather-card{padding:1rem}}@media (max-width: 480px){.weather-card{min-width:auto}}