:root{--color-bg:#171717;--color-bg-secondary:#333;--color-bg-tertiary:#555;--color-text:#ededed;--color-text-muted:#c4c4c4;--color-text-dim:#a0a0a0;--color-text-bright:#fff;--color-accent:#ef4444;--color-accent-hover:color-mix(in oklch,var(--color-accent)75%,white);--color-border:#333;--color-error:#f87171;--color-accent-25:color-mix(in oklch,var(--color-accent)25%,var(--color-bg));--color-accent-50:color-mix(in oklch,var(--color-accent)50%,var(--color-bg));--color-accent-75:color-mix(in oklch,var(--color-accent)75%,var(--color-bg));--font-mono:"IBM Plex Mono","SF Mono","Fira Code","Consolas",monospace;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:clamp(.7rem,.6rem + .25vw,.875rem);--text-sm:clamp(.8rem,.7rem + .35vw,1rem);--text-base:clamp(.9rem,.8rem + .45vw,1.15rem);--text-lg:clamp(1rem,.9rem + .55vw,1.25rem);--text-xl:clamp(1.125rem,.95rem + .65vw,1.5rem);--text-2xl:clamp(1.35rem,1.1rem + .9vw,1.95rem);--text-3xl:clamp(1.8rem,1.45rem + 1.35vw,2.5rem);--space-xs:clamp(.25rem,.2rem + .25vw,.4rem);--space-sm:clamp(.5rem,.4rem + .5vw,.75rem);--space-md:clamp(.75rem,.6rem + .75vw,1rem);--space-lg:clamp(1rem,.8rem + 1vw,1.5rem);--space-xl:clamp(1.5rem,1.2rem + 1.5vw,2rem);--space-2xl:clamp(2rem,1.5rem + 2.5vw,3rem);--space-3xl:clamp(2.5rem,2rem + 3vw,4rem);--max-width:clamp(320px,90vw,680px);--max-width-wide:clamp(320px,95vw,1000px);--max-width-header:clamp(320px,98vw,1400px);--header-height:clamp(3.5rem,3rem + 2vw,5rem);--header-padding:clamp(1rem,2vw,2rem);--border-radius:0;--gap-nav:clamp(.5rem,.3rem + 1.5vw,1.5rem);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.2s cubic-bezier(.4,0,.2,1);--transition-slow:.3s cubic-bezier(.4,0,.2,1);--transition-smooth:.25s cubic-bezier(.25,.1,.25,1);--transition-page:.3s cubic-bezier(.25,.46,.45,.94);--transition-page-exit:.2s cubic-bezier(.25,.46,.45,.94)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:smooth;min-height:100%;font-size:16px}body{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg);min-height:100%;line-height:1.7;overflow-y:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);color:var(--color-text);font-weight:600;line-height:1.3}h1{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}h2{font-size:var(--text-2xl);margin-bottom:var(--space-md);margin-top:var(--space-xl)}h3{font-size:var(--text-xl);margin-bottom:var(--space-sm)}p{margin-bottom:var(--space-md);color:var(--color-text-muted)}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}main{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);min-height:calc(100vh - var(--header-height))}::selection{background-color:var(--color-accent);color:var(--color-bg)}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}
.hljs{color:var(--color-text-muted);background:var(--color-bg-secondary)}.hljs-comment,.hljs-quote{color:var(--color-text-dim);font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-tag,.hljs-name,.hljs-string,.hljs-template-literal,.hljs-number,.hljs-literal,.hljs-boolean,.hljs-built_in,.hljs-function .hljs-title,.hljs-title.function_,.hljs-title.class_,.hljs-type,.hljs-class .hljs-title,.hljs-regexp,.hljs-symbol,.hljs-section,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-bullet,.hljs-link,.hljs-attr{color:var(--color-accent)}.hljs-variable,.hljs-attribute,.hljs-property{color:var(--color-text)}.hljs-meta,.hljs-meta .hljs-keyword,.hljs-punctuation{color:var(--color-text-dim)}.hljs-operator,.hljs-params{color:var(--color-text-muted)}.hljs-deletion{color:var(--color-error);background:color-mix(in srgb,var(--color-error)15%,transparent)}.hljs-addition{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent)15%,transparent)}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
