.cf{--cf-bg:#f4f6f2;--cf-card:#e9ece7;--cf-text:#19221f;--cf-muted:#596359;--cf-faint:#8b938d;--cf-line:#d0d5d1;--cf-indigo:#234be7;--cf-peri:#8b93f8;--cf-peri-soft:#ccd1fb;--cf-acid:#ddf59e;--cf-screen:#0c100e;--cf-ease:cubic-bezier(.32, .72, 0, 1);background:var(--cf-bg);color:var(--cf-text);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.cf-mono{font-family:IBM Plex Mono,ui-monospace,monospace}.cf-serif{color:var(--cf-indigo)}.cf-label{letter-spacing:.05em;text-transform:uppercase;color:var(--cf-muted);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.cf a{color:inherit}.cf-btn{height:2.75rem;transition:background-color .25s var(--cf-ease), color .25s var(--cf-ease), border-color .25s var(--cf-ease);border-radius:999px;align-items:center;gap:.6rem;padding:0 1.3rem;font-size:15px;display:inline-flex}.cf-btn-ink{background:var(--cf-text);color:var(--cf-bg)}.cf-btn-ink:hover{background:var(--cf-indigo)}.cf-btn-line{border:1px solid var(--cf-text);color:var(--cf-text)}.cf-btn-line:hover{background:var(--cf-text);color:var(--cf-bg)}.cf-btn-acid{background:var(--cf-acid);color:var(--cf-text)}.cf-btn-acid:hover{background:#fff}.cf-btn:focus-visible,.cf-tool:focus-visible,.cf-chip:focus-visible{outline:2px solid var(--cf-indigo);outline-offset:2px}.cf-tool{border:1px solid var(--cf-line);height:2.25rem;color:var(--cf-text);transition:border-color .2s var(--cf-ease), background-color .2s var(--cf-ease), color .2s var(--cf-ease);border-radius:999px;place-items:center;padding:0 .9rem;font-size:13px;display:inline-grid}.cf-tool:hover{border-color:var(--cf-text)}.cf-tool[aria-pressed=true]{background:var(--cf-text);border-color:var(--cf-text);color:var(--cf-acid)}.cf-tool:disabled{opacity:.35;pointer-events:none}.cf-chip{border:1px solid var(--cf-line);height:2rem;color:var(--cf-muted);transition:border-color .2s var(--cf-ease), background-color .2s var(--cf-ease), color .2s var(--cf-ease);border-radius:999px;flex:none;padding:0 .85rem;font-size:13px}.cf-chip:hover{color:var(--cf-text);border-color:var(--cf-text)}.cf-chip[aria-pressed=true]{background:var(--cf-indigo);border-color:var(--cf-indigo);color:#fff}.cf-key{border:1px solid var(--cf-line);min-width:1.6rem;height:1.6rem;color:var(--cf-text);background:#fff;border-bottom-width:2px;border-radius:.35rem;place-items:center;padding:0 .4rem;font-size:11px;line-height:1;display:inline-grid}.cf-crt{background:var(--cf-text);border-radius:14px;padding:10px}.cf-screen{aspect-ratio:2;background:var(--cf-screen);border-radius:6px;position:relative;overflow:hidden}.cf-screen canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.cf-overlay{z-index:4;display:flex;position:absolute;inset:0}.cf-center{justify-content:center;align-items:center}.cf-overlay-dim{color:#f4f6f2;background:#0c100edb}.cf-overlay-dim .cf-key{color:#f4f6f2;background:#232b27;border-color:#3a443f}.cf-model{background:var(--cf-text);color:#fff}.cf-model .cf-label{color:#ffffffb8}.cf-model-box{background:#252e2a}.cf-head{background:var(--cf-acid);opacity:.3;border-radius:1px;flex:none;width:5px;height:10px;transition:opacity .12s linear}.cf-flow{background:var(--cf-indigo);width:2px;height:8px;margin:1px auto}.cf-plate{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff8c}.cf-plate-dot{background:var(--cf-acid);opacity:.2;border-radius:2px;width:8px;height:8px;transition:opacity .12s linear}.cf-plate-bar{background:var(--cf-peri-soft);opacity:.6;border-radius:2px;width:46%;height:5px}.cf-cell{background:var(--cf-card)}.cf-grid-lines{background:var(--cf-line);border:1px solid var(--cf-line);gap:1px;display:grid}.cf-card-link{transition:background-color .3s var(--cf-ease)}.cf-card-link:hover{background:#e1e5df}.cf-card-link:hover .cf-arrow{transform:translate(2px,-2px)}.cf-arrow{color:var(--cf-indigo);transition:transform .3s var(--cf-ease)}.cf-card-thumb img{image-rendering:pixelated}.cf-touch{display:none}@media (pointer:coarse){.cf-touch{display:flex}.cf-fine{display:none!important}}.cf-pad{border:1px solid var(--cf-line);color:var(--cf-muted);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:transform 80ms var(--cf-ease), background-color .12s var(--cf-ease), color .12s var(--cf-ease);background:#fff;border-bottom-width:3px}.cf-pad[data-held=true]{background:var(--cf-text);color:var(--cf-acid);border-color:var(--cf-text);transform:translateY(2px)}.cf-chips{scrollbar-width:none}.cf-chips::-webkit-scrollbar{display:none}@media (prefers-reduced-motion:reduce){.cf-card-link .cf-arrow{transition:none}}