:root{--background:#fdfdfd;--foreground:#000;--brutal-yellow:#ffde59;--brutal-pink:#ff91e4;--brutal-cyan:#5ce1e6;--brutal-lime:#c1ff72;--brutal-purple:#cb6ce6;--brutal-border:3px solid #000;--brutal-shadow:6px 6px 0px #000;--brutal-shadow-hover:10px 10px 0px #000;--font-primary:var(--font-space-grotesk), ui-sans-serif, system-ui, sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, SFMono-Regular, monospace}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100vh;color:var(--foreground);background-color:var(--background);font-family:var(--font-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(#d4d4d4 1px,#0000 0);background-size:24px 24px;flex-direction:column;display:flex;position:relative}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0;border-radius:4px}::-webkit-scrollbar-thumb{background:#000;border:1px solid #f0f0f0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#333}*{scrollbar-width:thin;scrollbar-color:#000 #f0f0f0}