:root{color-scheme:light;--color-paper:oklch(98.5% .004 250);--color-paper-raised:oklch(100% .002 250);--color-paper-soft:oklch(96.5% .008 250);--color-paper-deep:oklch(93.5% .012 250);--color-ink:oklch(22% .022 258);--color-ink-soft:oklch(34% .018 257);--color-muted:oklch(47% .016 257);--color-rule:oklch(85% .014 252);--color-rule-strong:oklch(70% .024 254);--color-accent:oklch(49% .205 256);--color-accent-soft:oklch(91% .052 252);--color-accent-ink:oklch(99% .002 250);--color-focus:oklch(16% .08 256);--color-graphite:oklch(19% .018 260);--color-graphite-raised:oklch(24% .022 260);--color-graphite-text:oklch(94% .008 250);--color-graphite-muted:oklch(73% .018 250);--color-code-surface:oklch(17% .028 256);--color-code-raised:oklch(21% .03 256);--color-code-rule:oklch(38% .04 256);--color-code-text:oklch(94% .012 250);--color-code-muted:oklch(72% .025 250);--color-code-keyword:oklch(78% .13 256);--color-code-string:oklch(84% .07 85);--color-code-number:oklch(80% .09 200);--color-code-shadow:oklch(8% .025 256/.22);--color-bit-off:oklch(91% .014 252);--color-error:oklch(48% .18 25);--color-overlay:oklch(18% .02 260/.12);--font-display:"Space Grotesk", "Arial Narrow", sans-serif;--font-body:"Inter", "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", monospace;--text-xs:.72rem;--text-sm:.84rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.56rem;--text-xl:1.95rem;--text-2xl:2.44rem;--text-3xl:3.05rem;--text-display:clamp(2.8rem, 6.5vw, 5.25rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--space-9:7rem;--radius-control:.375rem;--radius-panel:.625rem;--rule:1px solid var(--color-rule);--rule-strong:1px solid var(--color-rule-strong);--page-gutter:clamp(1rem, 4vw, 4rem);--content-width:78rem;--control-height:2.75rem;--shadow-card:0 1rem 2.5rem var(--color-overlay);--duration-press:.1s;--duration-short:.18s;--duration-medium:.28s;--duration-enter:.5s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}:root[data-theme=dusk]{color-scheme:dark;--color-paper:oklch(26% .018 55);--color-paper-raised:oklch(30% .02 55);--color-paper-soft:oklch(28% .02 55);--color-paper-deep:oklch(34% .02 55);--color-ink:oklch(93% .012 80);--color-ink-soft:oklch(82% .015 70);--color-muted:oklch(70% .016 65);--color-rule:oklch(39% .018 55);--color-rule-strong:oklch(54% .018 55);--color-accent:oklch(75% .14 256);--color-accent-soft:oklch(34% .055 256);--color-accent-ink:oklch(20% .018 55);--color-focus:oklch(94% .04 256);--color-graphite:oklch(20% .014 55);--color-graphite-raised:oklch(26% .018 55);--color-graphite-text:oklch(93% .012 80);--color-graphite-muted:oklch(72% .016 65);--color-code-surface:oklch(23% .035 256);--color-code-raised:oklch(27% .038 256);--color-code-rule:oklch(46% .045 256);--color-code-text:oklch(94% .012 250);--color-code-muted:oklch(72% .025 250);--color-code-keyword:oklch(78% .13 256);--color-code-string:oklch(84% .07 85);--color-code-number:oklch(80% .09 200);--color-code-shadow:oklch(8% .025 256/.3);--color-bit-off:oklch(36% .018 55);--color-error:oklch(72% .13 28);--color-overlay:oklch(8% .02 55/.28)}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--color-paper);color:var(--color-ink-soft);font-family:var(--font-body);font-size:var(--text-base);text-rendering:optimizelegibility;margin:0;line-height:1.6}body,button,input{font-family:var(--font-body)}img,canvas{max-inline-size:100%;display:block}img{block-size:auto}button,input,summary{font:inherit}button,summary,label[for=file-input]{cursor:pointer}a{color:inherit}p,h1,h2,h3,figure,pre,dl,dd{margin:0}ul,ol{margin:0;padding:0}h1,h2,h3{min-inline-size:0;color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.035em;overflow-wrap:anywhere;font-weight:700;line-height:1.04}h1{max-inline-size:11ch;font-size:var(--text-display)}h2{font-size:clamp(var(--text-2xl), 5vw, var(--text-3xl))}h3{font-size:var(--text-md);letter-spacing:-.02em;line-height:1.2}code,pre,output{font-family:var(--font-mono);font-variant-numeric:tabular-nums}::selection{background:var(--color-accent-soft);color:var(--color-ink)}:focus-visible{border-radius:inherit;outline:2px solid var(--color-focus);outline-offset:3px}.skip-link{z-index:4;padding:var(--space-2) var(--space-4);min-block-size:var(--control-height);background:var(--color-graphite);color:var(--color-graphite-text);text-decoration:none;position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell{inline-size:min(100%, calc(var(--content-width) + (2 * var(--page-gutter))));padding-inline:max(var(--page-gutter), env(safe-area-inset-left));margin-inline:auto}.nav-edge{min-block-size:4.75rem;padding-inline:max(var(--page-gutter), env(safe-area-inset-left));border-block-end:var(--rule);background:var(--color-paper);justify-content:space-between;align-items:center;display:flex}.nav-actions{align-items:center;gap:var(--space-2);display:flex}.theme-toggle{flex:0 0 var(--control-height);inline-size:var(--control-height);min-block-size:var(--control-height);border:var(--rule-strong);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);transition:background-color var(--duration-short) var(--ease-out), transform var(--duration-press) var(--ease-out);place-items:center;padding:0;display:inline-grid;position:relative}.theme-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;block-size:1.1rem;inline-size:1.1rem;transition:opacity var(--duration-short) var(--ease-in-out), transform var(--duration-short) var(--ease-in-out);position:absolute}.theme-toggle__sun{opacity:0;transform:rotate(-18deg)scale(.72)}:root[data-theme=dusk] .theme-toggle__moon{opacity:0;transform:rotate(18deg)scale(.72)}:root[data-theme=dusk] .theme-toggle__sun{opacity:1;transform:none}.theme-toggle:active{transform:translateY(1px)}.nav-github__wide{display:none}.wordmark{align-items:center;gap:var(--space-2);min-block-size:var(--control-height);color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);white-space:nowrap;font-weight:600;text-decoration:none;display:inline-flex}.wordmark__mark{border:2px solid var(--color-accent);background:var(--color-accent-soft);block-size:.85rem;inline-size:.85rem;display:inline-grid}.button,.file-button{min-block-size:var(--control-height);padding-inline:var(--space-4);border:var(--rule-strong);border-radius:var(--radius-control);white-space:nowrap;transition:background-color var(--duration-short) var(--ease-out), color var(--duration-short) var(--ease-out), transform var(--duration-press) var(--ease-out);justify-content:center;align-items:center;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.button:active,.file-button:active{transform:translateY(1px)}button:disabled,input:disabled,.button[aria-disabled=true],.file-button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.button--primary{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.button--primary:focus-visible{outline-color:var(--color-accent-ink);box-shadow:0 0 0 5px var(--color-focus)}.button--quiet,.file-button{background:var(--color-paper);color:var(--color-ink)}.text-link{min-block-size:var(--control-height);color:var(--color-ink);text-decoration-color:var(--color-accent);text-underline-offset:.3em;white-space:nowrap;align-items:center;font-weight:600;text-decoration-thickness:1px;display:inline-flex}.hero{min-block-size:clamp(39rem,76dvh,54rem);padding-block:var(--space-7) var(--space-8);align-items:center;display:grid}.hero__copy{min-inline-size:0}.hero__context{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);margin-block-end:var(--space-4);font-weight:600}.hero__lede{max-inline-size:60ch;font-size:clamp(var(--text-base), 2.4vw, var(--text-md));margin-block-start:var(--space-5);line-height:1.55}.hero__actions{gap:var(--space-3) var(--space-5);flex-wrap:wrap;align-items:center;margin-block-start:var(--space-6);display:flex}.hero__note{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);margin-block-start:var(--space-5)}.hero-proof{min-inline-size:0;margin-block-start:var(--space-7)}.hero-proof__cards{min-block-size:24rem;position:relative}.hero-card{border:var(--rule-strong);border-radius:var(--radius-panel);inline-size:clamp(10.5rem,43vw,16rem);box-shadow:var(--shadow-card);position:absolute;inset-block-start:50%}.hero-card--source{z-index:1;inset-inline-start:7%;transform:translateY(-50%)rotate(-2.5deg)}.hero-card--changed{filter:brightness(.84)contrast(1.06)saturate(.92);inset-inline-end:5%;transform:translateY(-45%)rotate(3deg)}.hero-proof figcaption{justify-content:space-between;gap:var(--space-4);border-block-start:var(--rule);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);padding-block-start:var(--space-3);display:flex}[data-enter]{opacity:0;transform:translateY(var(--space-3))}.is-ready [data-enter]{opacity:1;transition:opacity var(--duration-enter) var(--ease-out), transform var(--duration-enter) var(--ease-out);transform:none}.is-ready .hero-proof[data-enter]{transition-delay:var(--duration-short)}.intro{gap:var(--space-6);padding-block:var(--space-8);border-block-start:var(--rule);display:grid}.intro h2{max-inline-size:12ch}.prose{gap:var(--space-4);max-inline-size:65ch;display:grid}.playground-section{padding-block:var(--space-8);background:var(--color-paper-soft);color:var(--color-ink-soft);border-block:var(--rule)}.section-heading{gap:var(--space-4);margin-block-end:var(--space-7);display:grid}.section-heading h2{max-inline-size:17ch}.section-heading p{align-self:end;max-inline-size:62ch}.section-heading--compact{margin-block-end:var(--space-6)}.lab{border:var(--rule-strong);border-radius:var(--radius-panel);background:var(--color-paper-raised);overflow:clip}.lab-controls{align-content:start;gap:var(--space-6);min-inline-size:0;padding:var(--space-5);border-block-end:var(--rule);display:grid}.control-group{border:0;min-inline-size:0;margin:0;padding:0}.control-group legend{inline-size:100%;color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-md);letter-spacing:-.02em;margin-block-end:var(--space-4);font-weight:700}.sample-picker{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.sample-card{min-inline-size:0;padding:var(--space-2);border:1px solid var(--color-rule);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink-soft);text-align:start;transition:border-color var(--duration-short) var(--ease-out), background-color var(--duration-short) var(--ease-out), transform var(--duration-press) var(--ease-out)}.sample-card[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.sample-card:active{transform:translateY(1px)}.sample-card img{aspect-ratio:488/680;object-fit:cover;border-radius:calc(var(--radius-control) / 2);inline-size:100%}.sample-card span,.sample-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sample-card span{font-size:var(--text-sm);margin-block-start:var(--space-2);font-weight:600}.sample-card small{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.file-button{inline-size:100%;margin-block-start:var(--space-3)}#file-input{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}#file-input:focus-visible+.control-help{color:var(--color-ink)}.control-help{min-block-size:1.6em;color:var(--color-muted);font-size:var(--text-sm);margin-block-start:var(--space-2)}.mode-tabs{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.mode-tabs button,.reset-button{min-block-size:var(--control-height);border:var(--rule-strong);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--duration-short) var(--ease-out), border-color var(--duration-short) var(--ease-out), transform var(--duration-press) var(--ease-out);font-weight:600}.mode-tabs button[aria-selected=true]{border-color:var(--color-accent);background:var(--color-accent-soft);color:var(--color-accent)}.mode-tabs button:active,.reset-button:active{transform:translateY(1px)}.range-heading{justify-content:space-between;gap:var(--space-4);color:var(--color-ink);margin-block-start:var(--space-5);font-weight:600;display:flex}#strength{inline-size:100%;min-block-size:var(--control-height);accent-color:var(--color-accent);margin:0}.reset-button{inline-size:100%}.lab-stage{min-inline-size:0;padding:var(--space-5)}.image-pair{gap:var(--space-5);display:grid}.image-preview{gap:var(--space-2);min-inline-size:0;display:grid}.image-preview canvas,.image-preview>img{aspect-ratio:12/17;border:var(--rule);background:var(--color-paper-soft);object-fit:contain;justify-self:center;inline-size:min(100%,24rem)}.image-preview figcaption,.hash-maps figcaption{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.result-readout{min-inline-size:0;border-block-start:var(--rule);margin-block-start:var(--space-6);padding-block-start:var(--space-6)}.score-kicker{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600}.score-line{gap:var(--space-3);align-items:center;margin-block-start:var(--space-3);display:grid}#similarity{color:var(--color-ink);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.07em;font-size:clamp(4.25rem,18vw,7rem);line-height:.9}#score-label{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:700}#score-note{margin-block-start:var(--space-2)}.distance-line{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-sm);margin-block-start:var(--space-4)}.score-caveat{border-inline-start:2px solid var(--color-accent);color:var(--color-muted);font-size:var(--text-sm);margin-block-start:var(--space-3);padding-inline-start:var(--space-4)}.hash-explainer{min-inline-size:0;padding:var(--space-5);border:var(--rule);background:var(--color-paper-soft);margin-block-start:var(--space-6)}.hash-explainer__heading{gap:var(--space-4);display:grid}.hash-explainer__heading p{color:var(--color-muted);font-size:var(--text-sm);margin-block-start:var(--space-2)}.legend{gap:var(--space-3);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.legend span{align-items:center;gap:var(--space-1);display:inline-flex}.legend i{border:1px solid var(--color-rule-strong);block-size:.75rem;inline-size:.75rem;display:inline-block}.legend__one{background:var(--color-ink)}.legend__zero{background:var(--color-bit-off)}.legend__changed{background:var(--color-accent)}.hash-maps{gap:var(--space-5);margin-block-start:var(--space-5);display:grid}.hash-maps figure{min-inline-size:0}.hash-map{border:var(--rule-strong);background:var(--color-rule);grid-template-columns:repeat(16,minmax(0,1fr));gap:1px;inline-size:min(100%,20rem);padding:1px;display:grid}.hash-map__cell{aspect-ratio:1;background:var(--color-bit-off)}.hash-map__cell--one{background:var(--color-ink)}.hash-map__cell--changed{background:var(--color-accent)}.hash-maps figcaption{margin-block-start:var(--space-2)}.raw-hashes{min-inline-size:0;border-block-start:var(--rule);margin-block-start:var(--space-5)}.raw-hashes summary{min-block-size:var(--control-height);padding-block:var(--space-3);color:var(--color-ink);font-weight:600}.raw-hashes dl{gap:var(--space-3);min-inline-size:0;padding-block-end:var(--space-2);display:grid}.raw-hashes dl>div{gap:var(--space-3);grid-template-columns:4rem minmax(0,1fr);min-inline-size:0;display:grid}.raw-hashes dt{color:var(--color-muted);font-size:var(--text-sm)}.raw-hashes dd{min-inline-size:0}.raw-hashes code{min-inline-size:0;color:var(--color-ink);font-size:var(--text-xs);overflow-wrap:anywhere;word-break:break-all;display:block}.workflow{gap:var(--space-7);padding-block:var(--space-9);display:grid}.workflow__intro h2{max-inline-size:12ch}.workflow__intro p{max-inline-size:62ch;margin-block-start:var(--space-4)}.steps{list-style:none}.steps li{gap:var(--space-4);padding-block:var(--space-5);border-block-start:var(--rule);grid-template-columns:3.5rem minmax(0,1fr);display:grid}.steps li:last-child{border-block-end:var(--rule)}.steps>li>span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-sm)}.steps p{max-inline-size:62ch;margin-block-start:var(--space-2)}.fit-section{padding-block:var(--space-8);border-block-start:var(--rule)}.fit-matrix{border:var(--rule-strong);display:grid}.fit-matrix section{padding:var(--space-5)}.fit-matrix section+section{border-block-start:var(--rule)}.fit-matrix ul{gap:var(--space-3);margin-block-start:var(--space-4);padding-inline-start:var(--space-5);display:grid}.fit-matrix li::marker{color:var(--color-accent)}.api-band{padding-block:var(--space-8);background:var(--color-graphite);color:var(--color-graphite-muted)}.api-band h2,.api-band h3{color:var(--color-graphite-text)}.api-band :focus-visible{outline-color:var(--color-accent-soft)}.api-band__layout{gap:var(--space-7);display:grid}.api-band__layout>div:first-child p{max-inline-size:60ch;margin-block-start:var(--space-4)}.text-link--light{color:var(--color-graphite-text);margin-block-start:var(--space-5)}.code-sample{border:1px solid var(--color-code-rule);border-radius:var(--radius-panel);background:var(--color-code-surface);min-inline-size:0;box-shadow:0 1.25rem 3rem var(--color-code-shadow);color:var(--color-code-text);overflow:clip}.code-sample__meta{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:var(--control-height);padding-inline:var(--space-4);border-block-end:1px solid var(--color-code-rule);background:var(--color-code-raised);color:var(--color-code-muted);font-family:var(--font-mono);font-size:var(--text-xs);display:flex}.code-sample__meta button{min-block-size:var(--control-height);padding-inline:var(--space-3);color:var(--color-code-text);font-family:var(--font-mono);font-size:var(--text-xs);text-decoration:underline;text-decoration-color:var(--color-accent);text-underline-offset:.25em;white-space:nowrap;background:0 0;border:0}.code-sample pre{padding:var(--space-5) var(--space-4);color:var(--color-code-text);font-size:var(--text-sm);tab-size:2;line-height:1.7;overflow-x:auto}.code-sample>p{padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--color-code-rule);background:var(--color-code-raised);color:var(--color-code-muted);font-size:var(--text-sm)}.code-keyword{color:var(--color-code-keyword)}.code-string{color:var(--color-code-string)}.code-number{color:var(--color-code-number)}.final-cta{gap:var(--space-6);padding-block:var(--space-9);display:grid}.final-cta h2{max-inline-size:16ch}.final-cta p{max-inline-size:54ch;margin-block-end:var(--space-5)}.foot-line{padding-block:var(--space-6);border-block-start:var(--rule);color:var(--color-muted);font-size:var(--text-xs)}.foot-links{align-items:center;gap:0 var(--space-5);flex-wrap:wrap;margin-block-end:var(--space-4);display:flex}.foot-line p{gap:var(--space-2);flex-direction:column;display:flex}.foot-line a{min-inline-size:var(--control-height);min-block-size:var(--control-height);color:var(--color-ink);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}@media (hover:hover) and (pointer:fine){.button--primary:hover{background:var(--color-focus)}.button--quiet:hover,.file-button:hover,.mode-tabs button:hover,.reset-button:hover,.theme-toggle:hover{background:var(--color-paper-soft)}.sample-card:hover{border-color:var(--color-accent)}.text-link:hover,.code-sample__meta button:hover{text-decoration-thickness:2px}.wordmark:hover,.foot-line a:hover{color:var(--color-accent)}}.wordmark:active,.text-link:active,.foot-line a:active,.raw-hashes summary:active,.code-sample__meta button:active{color:var(--color-accent)}@media (width<=22rem){.nav-edge{gap:var(--space-2)}.wordmark{font-size:var(--text-xs)}.nav-github{padding-inline:var(--space-3)}}@media (width>=40rem){.nav-github__wide{display:inline}.nav-github__compact{display:none}.image-pair,.hash-maps{grid-template-columns:repeat(2,minmax(0,1fr))}.score-line{gap:var(--space-6);grid-template-columns:auto minmax(0,1fr)}.hash-explainer__heading{grid-template-columns:minmax(0,1fr) auto;align-items:end}.fit-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.fit-matrix section+section{border-block-start:0;border-inline-start:var(--rule)}.foot-line p{gap:var(--space-3)}}@media (width>=60rem){.hero{gap:var(--space-7);grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)}.hero-proof{margin-block-start:0}.hero-proof__cards{min-block-size:34rem}.hero-card{inline-size:clamp(13rem,19vw,17rem)}.intro,.section-heading,.final-cta{gap:var(--space-8);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.lab{grid-template-columns:minmax(19rem,.68fr) minmax(0,1.32fr);display:grid}.lab-controls{padding:var(--space-6);border-block-end:0;border-inline-end:var(--rule)}.lab-stage{padding:var(--space-6)}.workflow{gap:var(--space-8);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.workflow__intro{align-self:start}.api-band__layout{gap:var(--space-8);grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);align-items:center}}@media (width>=90rem){.hero,.workflow,.final-cta{gap:var(--space-9)}.lab-controls,.lab-stage{padding:var(--space-7)}}@media (pointer:coarse){.button,.file-button,.mode-tabs button,.reset-button,.sample-card,.raw-hashes summary,.code-sample__meta button{min-block-size:var(--control-height)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-enter]{opacity:1;transform:none}}