Oodeus/solarcalc-off-grid-wizardry

1@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');2 3body {4    font-family: 'Inter', sans-serif;5}6 7/* Custom scrollbar */8::-webkit-scrollbar {9    width: 8px;10}11 12::-webkit-scrollbar-track {13    background: #f1f1f1;14}15 16::-webkit-scrollbar-thumb {17    background: #888;18    border-radius: 4px;19}20 21::-webkit-scrollbar-thumb:hover {22    background: #555;23}24 25/* Animation for results */26@keyframes fadeIn {27    from { opacity: 0; transform: translateY(10px); }28    to { opacity: 1; transform: translateY(0); }29}30 31#results {32    animation: fadeIn 0.5s ease-out forwards;33}34 35/* Button hover effect */36#calculateBtn {37    transition: all 0.3s ease;38    transform: translateY(0);39}40 41#calculateBtn:hover {42    transform: translateY(-2px);43    box-shadow: 0 10px 20px -5px rgba(59, 130, 246, 0.5);44}45 46/* Input focus effects */47input:focus, select:focus {48    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.2);49}