:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--border: 214.3 31.8% 91.4%;--scrollbar-track: #f1f1f1;--scrollbar-thumb: #888;--scrollbar-thumb-hover: #555}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--scrollbar-track: #2d3748;--scrollbar-thumb: #4a5568;--scrollbar-thumb-hover: #718096}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:.25rem}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:.25rem}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}@media (min-width: 640px){.container{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container{padding-left:2rem;padding-right:2rem}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{-webkit-animation:fadeIn .3s ease-in-out;animation:fadeIn .3s ease-in-out}