:root{--bg:oklch(100% 0 0);--surface:oklch(97.2% .004 110);--surface-deep:oklch(94.5% .006 110);--line:oklch(90% .006 110);--ink:oklch(24% .015 110);--muted:oklch(49% .012 110);--primary:oklch(54.5% .1 112);--primary-deep:oklch(47% .1 112);--accent:oklch(40% .11 78);--danger:oklch(50% .15 27);--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--r-s:6px;--r-m:10px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.55}h1,h2,h3{text-wrap:balance;font-weight:650;line-height:1.2}p{text-wrap:pretty;max-width:65ch}a{color:var(--primary);text-decoration:none}a:hover{text-underline-offset:2px;text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:2px}::selection{background:oklch(54.5% .1 112/.22)}.arrow{font-family:var(--font-mono);color:var(--primary)}.mono{font-family:var(--font-mono)}.btn,.btn-ghost{border-radius:var(--r-s);font:600 .875rem/1.2 var(--font-ui);cursor:pointer;transition:background-color .15s var(--ease), border-color .15s var(--ease);align-items:center;gap:.4rem;padding:.45rem .9rem;text-decoration:none;display:inline-flex}.btn{background:var(--primary);color:#fff;border:1px solid #0000}.btn:hover{background:var(--primary-deep);text-decoration:none}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.btn-ghost:hover{border-color:var(--muted);text-decoration:none}.btn:disabled,.btn-ghost:disabled{opacity:.55;cursor:default}.chip{border:1px solid var(--line);color:var(--ink);font:600 .8125rem/1.2 var(--font-ui);cursor:pointer;transition:background-color .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);background:0 0;border-radius:99px;padding:.3rem .7rem}.chip:hover{border-color:var(--muted)}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.chip:disabled{opacity:.45;cursor:default}.chip:disabled:hover{border-color:var(--line)}.quality{color:var(--muted);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.quality input{max-width:16rem;accent-color:var(--primary);flex:1}.quality output{min-width:2.2ch;color:var(--ink);font-size:.8125rem}.checker{background-image:conic-gradient(var(--surface-deep) 25%, #fff 0 50%, var(--surface-deep) 0 75%, #fff 0);background-size:16px 16px}.hero{margin:2.5rem 0 1.75rem}.hero h1{letter-spacing:-.015em;margin:0 0 .5rem;font-size:1.875rem}.hero h1 .arrow{vertical-align:.08em;margin:0 .24em;font-size:.78em}.lede{color:var(--muted);margin:0;font-size:1.0625rem}section{margin:2.75rem 0}section h2{margin:0 0 .75rem;font-size:1.125rem}.pair-links{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.45rem 1rem;margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}.pair-links a{color:var(--ink)}.pair-links a:hover{color:var(--primary)}.steps{max-width:65ch;margin:0;padding-left:1.2rem}.steps li+li{margin-top:.4rem}.tool-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.tool-list li{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.tool-list a{color:var(--ink);font-weight:600}.tool-list a:hover{color:var(--primary)}.tool-blurb{color:var(--muted);font-size:.875rem}.notes{color:var(--muted);margin:1.25rem 0 0;padding-left:1.1rem;font-size:.875rem}.notes li+li{margin-top:.25rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell.svelte-12qhfyh{flex-direction:column;max-width:42rem;min-height:100dvh;margin:0 auto;padding:0 1.25rem;display:flex}header.svelte-12qhfyh{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.35rem 1rem;padding:1.1rem 0;display:flex}nav.svelte-12qhfyh{flex-wrap:wrap;gap:.25rem 1.1rem;display:flex}.wordmark.svelte-12qhfyh{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;font-size:1rem;font-weight:700}.wordmark.svelte-12qhfyh:hover{color:var(--primary-deep);text-decoration:none}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--muted);font-size:.875rem}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--primary)}main.svelte-12qhfyh{flex:1}footer.svelte-12qhfyh{border-top:1px solid var(--line);margin-top:3rem;padding:1.25rem 0 1.5rem}footer.svelte-12qhfyh p:where(.svelte-12qhfyh){color:var(--muted);margin:0;font-size:.8125rem}