@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inconsolata:wght@200..900&display=swap";:root{--bg:#fff;--text:#000;--text-h:#000;--accent:#c5ff98;--accent-text:#000;--border:#000;--border-width:2.5px;--code-bg:#f5f5f5;--shadow:6px 6px 0px 0px #000;--shadow-small:3px 3px 0px 0px #000;--sidebar-bg:#fff;--heading:"Bebas Neue", sans-serif;--mono:"Inconsolata", monospace;--body:"Inconsolata", monospace;font:18px/150% var(--body);letter-spacing:.02em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#050505;--text:#fff;--text-h:#fff;--accent:#c5ff98;--accent-text:#000;--border:#fff;--code-bg:#111;--shadow:6px 6px 0px 0px #fff;--shadow-small:3px 3px 0px 0px #fff;--sidebar-bg:#050505}}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3,h4{font-family:var(--heading);text-transform:uppercase;letter-spacing:.05em;color:var(--text-h);margin:0}h1{font-size:84px;line-height:.9}@media (width<=768px){h1{font-size:56px}}h2{font-size:42px;line-height:1}a{color:inherit;text-underline-offset:2px;font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px}a:hover{background:var(--accent);color:var(--accent-text);text-decoration:none}button{background:var(--accent);color:var(--accent-text);border:var(--border-width) solid var(--border);font-family:var(--heading);text-transform:uppercase;cursor:pointer;box-shadow:var(--shadow-small);padding:12px 24px;font-size:24px;transition:transform .1s,box-shadow .1s}button:active{box-shadow:0px 0px 0px 0px var(--border);transform:translate(2px,2px)}button:disabled{cursor:not-allowed;box-shadow:none;background:#ccc}.brutalist-card{background:var(--bg);border:var(--border-width) solid var(--border);box-shadow:var(--shadow);margin-bottom:24px;padding:24px}code,.mono{font-family:var(--mono);background:var(--code-bg);border:1px solid var(--border);border-radius:0;padding:3px 6px}pre{background:var(--code-bg);border:var(--border-width) solid var(--border);font-family:var(--mono);padding:16px;overflow-x:auto}input,select{border:var(--border-width) solid var(--border);background:var(--bg);color:var(--text);font-family:var(--mono);width:100%;padding:12px}input:focus{background:var(--accent);color:var(--accent-text);outline:none}.step-transition-enter{opacity:0;transform:translate(20px)}.step-transition-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:translate(0)}