@font-face{font-family:ABC Diatype;src:url(/fonts/ABC%20Diatype/ABCDiatype-Regular-Trial.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABC%20Diatype/ABCDiatype-Medium-Trial.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:ABC Diatype;src:url(/fonts/ABC%20Diatype/ABCDiatype-Bold-Trial.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:ABC Diatype Mono;src:url(/fonts/ABC%20Diatype%20Mono/ABCDiatypeMono-Regular-Trial.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ABC Diatype Mono;src:url(/fonts/ABC%20Diatype%20Mono/ABCDiatypeMono-Medium-Trial.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:ABC Maxi Round;src:url(/fonts/ABC%20Maxi%20Round/ABCMaxiRound-Regular-Trial.woff2) format("woff2");font-weight:400;font-display:swap}:root{--font: "ABC Diatype", system-ui, sans-serif;--font-mono: "ABC Diatype Mono", monospace;--bg: oklch(.215 .004 80);--bg-panel: oklch(.265 .005 80);--bg-subtle: oklch(.185 .004 80);--bg-surface: oklch(.265 .005 80);--bg-elevated: oklch(.265 .005 80);--bg-overlay: color-mix(in oklch, oklch(.1 .004 80) 72%, transparent);--bg-scrim: color-mix(in oklch, oklch(.1 .004 80) 60%, transparent);--text: oklch(.95 .004 90);--text-body: oklch(.8 .006 90);--text-dim: oklch(.66 .008 90);--text-faint: oklch(.5 .008 85);--text-muted: oklch(.58 .008 88);--bg-hover: color-mix(in oklch, var(--text) 4%, transparent);--bg-active: color-mix(in oklch, var(--text) 7%, transparent);--overlay-subtle: color-mix(in oklch, var(--text) 3%, transparent);--overlay-hover: color-mix(in oklch, var(--text) 8%, transparent);--overlay-strong: color-mix(in oklch, oklch(.1 .004 80) 30%, transparent);--scrollbar-thumb: color-mix(in oklch, var(--text) 22%, transparent);--border: oklch(.32 .006 80);--border-subtle: oklch(.28 .005 80);--border-default: oklch(.32 .006 80);--border-strong: oklch(.44 .008 80);--radius: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 9999px;--transition-fast: .15s ease;--transition-normal: .2s ease;color-scheme:dark;--signal: oklch(.7 .18 45);--signal-deep: oklch(.75 .16 48);--accent: var(--signal);--error: oklch(.68 .17 28);--success: oklch(.62 .14 145);--artifact-slot-0: oklch(.72 .02 85);--artifact-slot-1: oklch(.76 .025 82);--artifact-slot-2: oklch(.68 .018 88);--artifact-slot-3: oklch(.78 .022 80);--artifact-slot-4: oklch(.7 .021 86);--artifact-slot-5: oklch(.74 .019 84);--artifact-slot-6: oklch(.8 .024 78);--artifact-slot-7: oklch(.66 .017 90);--artifact-slot-8: oklch(.72 .023 83);--artifact-slot-9: oklch(.82 .026 79);--code-comment: oklch(.5 .008 85);--code-keyword: oklch(.78 .012 88);--code-builtin: oklch(.72 .015 86);--code-string: var(--signal-deep);--code-number: var(--signal-deep);--code-symbol: oklch(.7 .01 87);--code-class: oklch(.82 .014 84);--code-arg: oklch(.68 .01 88);--code-placeholder: oklch(.55 .008 85);--knob-bg: oklch(.2 .004 80);--knob-track: oklch(.3 .005 80);--knob-rim: oklch(.24 .004 80)}[data-theme=light]{--bg: oklch(.972 .004 90);--bg-panel: oklch(.994 .002 90);--bg-subtle: oklch(.952 .005 90);--bg-surface: oklch(.994 .002 90);--bg-elevated: oklch(.994 .002 90);--bg-overlay: color-mix(in oklch, var(--bg) 85%, transparent);--bg-scrim: color-mix(in oklch, oklch(.24 .008 80) 60%, transparent);--text: oklch(.24 .008 80);--text-body: oklch(.38 .008 80);--text-dim: oklch(.49 .01 80);--text-faint: oklch(.62 .01 82);--text-muted: oklch(.55 .01 81);--bg-hover: color-mix(in oklch, var(--text) 4%, transparent);--bg-active: color-mix(in oklch, var(--text) 7%, transparent);--overlay-subtle: color-mix(in oklch, var(--text) 3%, transparent);--overlay-hover: color-mix(in oklch, var(--text) 6%, transparent);--overlay-strong: color-mix(in oklch, var(--text) 6%, transparent);--scrollbar-thumb: color-mix(in oklch, var(--text) 18%, transparent);--border: oklch(.9 .005 90);--border-subtle: oklch(.94 .004 90);--border-default: oklch(.9 .005 90);--border-strong: oklch(.81 .007 90);color-scheme:light;--signal: oklch(.62 .19 41);--signal-deep: oklch(.5 .16 41);--accent: var(--signal);--error: oklch(.48 .19 28);--success: oklch(.42 .14 145);--artifact-slot-0: oklch(.42 .02 85);--artifact-slot-1: oklch(.38 .025 82);--artifact-slot-2: oklch(.48 .018 88);--artifact-slot-3: oklch(.34 .022 80);--artifact-slot-4: oklch(.44 .021 86);--artifact-slot-5: oklch(.4 .019 84);--artifact-slot-6: oklch(.36 .024 78);--artifact-slot-7: oklch(.5 .017 90);--artifact-slot-8: oklch(.42 .023 83);--artifact-slot-9: oklch(.32 .026 79);--code-comment: oklch(.55 .01 82);--code-keyword: oklch(.32 .012 84);--code-builtin: oklch(.38 .015 82);--code-string: var(--signal-deep);--code-number: var(--signal-deep);--code-symbol: oklch(.4 .01 83);--code-class: oklch(.28 .014 81);--code-arg: oklch(.45 .01 84);--code-placeholder: oklch(.58 .008 82);--knob-bg: oklch(.94 .004 90);--knob-track: oklch(.86 .005 90);--knob-rim: oklch(.9 .004 90)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:#0a0a0a;color:#fff;-webkit-font-smoothing:antialiased}h1{font-size:2.5rem;font-weight:600;margin-bottom:1.5rem;line-height:1.2}h2{font-size:1.75rem;font-weight:600;margin:2.5rem 0 1rem;line-height:1.3}h3{font-size:1.25rem;font-weight:600;margin:2rem 0 .75rem;line-height:1.4}h4{font-size:1rem;font-weight:600;margin:1.5rem 0 .5rem;line-height:1.5}p{color:#b3b3b3;line-height:1.6;margin-bottom:1rem}ul,ol{color:#b3b3b3;line-height:1.6;margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.5rem}a{color:#fff;text-decoration:underline;text-decoration-color:#444;transition:text-decoration-color .15s}a:hover{text-decoration-color:#fff}strong{color:#fff;font-weight:600}em{font-style:italic}code{font-family:var(--font-mono);background:#ffffff0f;padding:.25em .5em;border-radius:4px;font-size:.875em;color:#fff}pre{background:#ffffff08;border:1px solid #222;border-radius:6px;padding:1.5rem;overflow-x:auto;margin:2rem 0}pre code{background:none;padding:0;border-radius:0}blockquote{border-left:3px solid #333;padding-left:1rem;margin:1.5rem 0;color:#999}