:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#f4ecec;background:#0a0a0c;line-height:1.65}body{margin:0}main{max-width:960px;margin:auto;padding:36px 24px 80px}nav,.controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px}nav{margin-bottom:56px}a{color:#f6b3a6;text-underline-offset:4px}h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.06;max-width:760px}h2{margin-top:48px}.eyebrow{color:#f6b3a6;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem}pre{overflow:auto;padding:24px;background:#171719;border:1px solid #363638;border-radius:12px;line-height:1.65}button,select{font:inherit;color:inherit;background:#262629;border:1px solid #56565a;border-radius:7px;padding:8px 14px;cursor:pointer}.controls{margin-top:18px}button:hover{background:#3a3030}button:focus-visible,a:focus-visible{outline:2px solid #f6b3a6;outline-offset:4px}code{font-size:.9em}fluid-ink{border-radius:12px}section{margin:36px 0}