@font-face{font-family:CommitMono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/commit-mono/CommitMono-400-Regular.woff2) format("woff2")}@font-face{font-family:CommitMono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/commit-mono/CommitMono-700-Regular.woff2) format("woff2")}:root{--serif: "Source Serif 4", "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--mono: "IBM Plex Mono", "SF Mono", ui-monospace, "Menlo", Consolas, monospace;--hair: #dcdcd6;--mute: #8a8a86;--paper: oklch(.985 .002 250);--ink: oklch(.22 .008 250);--wash: color-mix(in oklch, var(--ink) 6%, var(--paper));--ink-fill: color-mix(in oklch, var(--ink) 80%, var(--paper))}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}html{scrollbar-gutter:stable}body{font-family:var(--mono);font-size:13px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;background:var(--hair);border-radius:0;width:100%;margin:10px 0;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:var(--paper, #fcfcfa);border:1.5px solid var(--ink, #2f2f2c);cursor:pointer}input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--paper, #fcfcfa);border:1.5px solid var(--ink, #2f2f2c);cursor:pointer}button{font-family:var(--mono);cursor:pointer}.bare-button{background-color:transparent;transition:background-color .12s linear}.bare-button:hover,.bare-button:focus-visible{background-color:var(--wash)}.prose-link{color:var(--ink);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:text-decoration-thickness .1s linear}.prose-link:hover,.prose-link:focus-visible{text-decoration-thickness:2px}.homepage-grid{display:grid;grid-template-columns:1fr;max-width:720px;margin-top:64px}@media (min-width: 1020px){.homepage-grid{grid-template-columns:5fr 2fr;max-width:1100px;column-gap:60px}.homepage-footer{grid-column:1 / -1}}select{font-family:var(--mono);border-radius:0;padding:4px 8px}.tuner-side{scrollbar-gutter:stable}@media (max-width: 720px){body,#root{height:auto}.tuner-root{height:auto!important;overflow:visible!important;padding-bottom:34px!important}.tuner-row{flex-direction:column;flex:none!important;min-height:0}.tuner-side{overflow-y:visible!important;max-width:none!important;padding-bottom:0!important}.font-picker-group,.font-picker{flex-direction:column;align-items:flex-end!important;gap:6px!important}.tuner-eyebrow{align-items:flex-start!important}.hero-content{padding-left:0!important;padding-right:0!important}}