:root{--page:#080808;--surface:#0d0d0d;--surface-2:#111;--line:#ffffff17;--line-soft:#ffffff0e;--text:#f2f2ef;--muted:#f2f2ef8c;--faint:#f2f2ef47;--green:#3ecf8e;--green-soft:#3ecf8e1f;--blue:#8ab4f8;--amber:#e8c477}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.dev-grid{background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:top;background-size:56px 56px}.dev-grid-fade{-webkit-mask-image:linear-gradient(#000 0% 52%,#0000 100%);mask-image:linear-gradient(#000 0% 52%,#0000 100%)}.code-scroll::-webkit-scrollbar{width:8px;height:8px}.code-scroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:999px}.code-scroll::-webkit-scrollbar-track{background:0 0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}