:root{--color-ink:#0a0a0a;--color-paper:#f2eee3;--color-line:#0a0a0a;--color-muted:#6b6b66;--color-signal:oklch(0.70 0.17 32);--color-signal-hover:oklch(0.64 0.20 32);--color-signal-ink:color-mix(in oklch,var(--color-signal),var(--color-ink) 40%);--paper-0:#fbf8f3;--paper-1:#f5f1e9;--paper-2:#ede8dd;--paper-3:#e0dacb;--karl:oklch(0.72 0.18 352);--ricky:oklch(0.70 0.14 258);--steve:oklch(0.78 0.13 78);--guest:oklch(0.75 0.11 178);--flow-read:oklch(0.90 0.045 258);--flow-edit:var(--paper-0);--flow-make:oklch(0.72 0.19 352);--karl-ink:color-mix(in oklch,var(--karl),var(--color-ink) 42%);--ricky-ink:color-mix(in oklch,var(--ricky),var(--color-ink) 42%);--steve-ink:color-mix(in oklch,var(--steve),var(--color-ink) 46%);--guest-ink:color-mix(in oklch,var(--guest),var(--color-ink) 46%);--color-bg:var(--paper-1);--color-fg:var(--color-ink);--color-border:var(--color-line);--color-accent:var(--color-signal);--color-accent-foreground:var(--paper-0);--color-muted-foreground:var(--color-muted);--color-hairline:color-mix(in srgb,var(--color-ink) 14%,transparent);--color-wash:color-mix(in srgb,var(--color-ink) 5%,transparent);--font-display:"Chakra Petch",system-ui,sans-serif;--font-ui:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--step:0.5rem}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv05"}.hp{max-width:64rem;margin:0 auto;padding:3rem 1.5rem;border-top:2px solid var(--color-border)}.hp-head{display:flex;align-items:center;gap:.75rem;font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-fg)}.hp-rule{height:1rem;width:.25rem;background:var(--color-accent);flex:none}.hp-muted{margin-top:1.5rem;max-width:42rem;color:var(--color-muted-foreground)}.hp-field{width:100%;border:2px solid var(--color-border);background:var(--paper-0);padding:.6rem .8rem;font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-fg);border-radius:0}.hp-field::placeholder{color:var(--color-muted-foreground)}.hp-field:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hp-send{justify-self:start;border:2px solid var(--color-border);background:var(--color-accent);color:var(--color-accent-foreground);padding:.7rem 1.2rem;font-family:var(--font-display);font-weight:700;letter-spacing:.04em;cursor:pointer;border-radius:0;transition:transform .12s ease,box-shadow .12s ease}.hp-send:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--color-border)}.hp-send:active:not(:disabled){transform:translate(0);box-shadow:none}.hp-send:disabled{opacity:.38;cursor:default}.hp-send:focus-visible{outline:2px solid var(--color-fg);outline-offset:3px}.hp-ghost{border:2px solid var(--color-border);background:var(--paper-0);color:var(--color-fg);padding:.55rem .85rem;font-family:var(--font-mono);font-size:.78rem;cursor:pointer;border-radius:0;transition:background .12s ease,color .12s ease}.hp-ghost:hover:not(:disabled){background:var(--color-fg);color:var(--color-bg)}.hp-ghost:disabled{opacity:.38;cursor:default}.hp-ghost:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.hp-notbuilt{font-family:var(--font-display);font-weight:700;color:var(--color-accent);letter-spacing:.04em}.v-karl{--v:var(--karl);--vi:var(--karl-ink)}.v-ricky{--v:var(--ricky);--vi:var(--ricky-ink)}.v-steve{--v:var(--steve);--vi:var(--steve-ink)}.v-guest{--v:var(--guest);--vi:var(--guest-ink)}.railed{border-left:3px solid var(--v);background:color-mix(in srgb,var(--v) 16%,transparent)}.tag{font-family:var(--font-mono);font-weight:600;font-size:.7rem;letter-spacing:.1em;color:var(--vi);border:2px solid var(--v);padding:.1rem .45rem;display:inline-block}