:root {
     color-scheme: dark;
 }

 html {
     scroll-behavior: smooth;
 }

 .frosted {
     backdrop-filter: blur(10px);
     -webkit-backdrop-filter: blur(10px);
     background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.03));
 }

 .ring-surface {
     box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.06) inset;
 }

 .prose-invert a {
     text-decoration: underline;
     text-underline-offset: 3px;
 }

 .scrollbar-thin::-webkit-scrollbar {
     height: 8px;
     width: 8px;
 }

 .scrollbar-thin::-webkit-scrollbar-thumb {
     background: #262633;
     border-radius: 9999px;
 }