: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;--r-l:14px;--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.6}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:3px;text-decoration:underline}p a{text-underline-offset:3px;transition:text-decoration-color .15s var(--ease);-webkit-text-decoration:underline oklch(54.5% .1 112/.45);text-decoration:underline oklch(54.5% .1 112/.45)}p a:hover{text-decoration-color:currentColor}: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:3rem 0 2rem}.hero h1{letter-spacing:-.015em;margin:0 0 .6rem;font-size:2rem}.lede{color:var(--muted);max-width:58ch;margin:0;font-size:1.0625rem}section{margin:3.25rem 0}section h2{margin:0 0 .9rem;font-size:1.25rem}.pair-links{grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.55rem 1.25rem;margin:0;padding:0;font-size:.9375rem;list-style:none;display:grid}.pair-links a{color:var(--ink);text-underline-offset:3px;transition:color .12s var(--ease), text-decoration-color .12s var(--ease);-webkit-text-decoration:underline oklch(54.5% .1 112/.45);text-decoration:underline oklch(54.5% .1 112/.45);text-decoration-thickness:1px}.pair-links a:hover,.pair-links a:focus-visible{color:var(--primary-deep);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}.steps{max-width:62ch;margin:0;padding-left:1.2rem}.steps li+li{margin-top:.5rem}.steps li::marker{color:var(--muted);font-family:var(--font-mono);font-size:.875em}.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);text-underline-offset:3px;transition:color .12s var(--ease), text-decoration-color .12s var(--ease);font-weight:600;-webkit-text-decoration:underline oklch(54.5% .1 112/.45);text-decoration:underline oklch(54.5% .1 112/.45);text-decoration-thickness:1px}.tool-list a:hover,.tool-list a:focus-visible{color:var(--primary-deep);-webkit-text-decoration-color:var(--primary);text-decoration-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;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;display:inline-flex}.mark.svelte-12qhfyh{display:block}.wordmark.svelte-12qhfyh:hover{color:var(--primary-deep);text-decoration:none}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--ink);font-size:.875rem;font-weight:600}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,nav.svelte-12qhfyh a:where(.svelte-12qhfyh):focus-visible{color:var(--primary)}main.svelte-12qhfyh{flex:1}footer.svelte-12qhfyh{border-top:1px solid var(--line);margin-top:3.5rem;padding:1.4rem 0 1.75rem}footer.svelte-12qhfyh p:where(.svelte-12qhfyh){color:var(--muted);margin:0;font-size:.8125rem}.footer-brand.svelte-12qhfyh{font-family:var(--font-mono);color:var(--ink);margin-bottom:.3rem;font-weight:700}.footer-operator.svelte-12qhfyh{margin-top:.6rem}.footer-links.svelte-12qhfyh{gap:1.25rem;margin-top:.5rem;display:flex}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh){color:var(--ink);text-underline-offset:3px;-webkit-text-decoration:underline oklch(54.5% .1 112/.45);text-decoration:underline oklch(54.5% .1 112/.45)}.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,.footer-links.svelte-12qhfyh a:where(.svelte-12qhfyh):focus-visible{color:var(--primary-deep);-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary)}
