:root{--bg:#0b0d10;--surface:#12151a;--surface-2:#181c22;--border:#242931;--text:#e7eaee;--text-muted:#828b96;--accent:#5fa8d5;--hit:#5fd58f;--miss:#ef6461;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);line-height:1.55;-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}a{color:var(--accent)}a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:760px;margin:0 auto;padding:64px 24px 80px}.page-head{margin-bottom:36px}.kicker{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:6px}h1{margin:0;font-weight:700;font-size:clamp(32px,6vw,44px);letter-spacing:-.01em}.input-row{position:relative;margin-bottom:28px}#word-input,.input-highlight{width:100%;font-family:var(--mono);font-size:18px;padding:16px 18px;border:1px solid transparent;border-radius:6px;box-sizing:border-box}#word-input{position:relative;background:transparent;border-color:var(--border);color:transparent;caret-color:var(--text);transition:border-color .15s ease}#word-input::placeholder{color:var(--text-muted)}#word-input:focus{border-color:var(--accent)}.input-highlight{position:absolute;inset:0;background:var(--surface);color:var(--text);white-space:pre;overflow:hidden;pointer-events:none}.hl-hit{text-decoration:underline solid var(--hit) 2px;text-underline-offset:3px}.hl-miss{text-decoration:underline wavy var(--miss) 1.5px;text-underline-offset:3px}.results{display:flex;flex-direction:column;gap:14px;min-height:40px}.results-empty{color:var(--text-muted);font-size:14px;padding:8px 2px}.word-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px 18px}.word-card.example{border-style:dashed;border-color:color-mix(in srgb,var(--border) 55%,var(--text-muted) 45%)}.word-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.example-eyebrow{display:block;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.example-caption{font-size:12.5px;color:var(--text-muted);margin:0 0 16px;padding-bottom:14px;border-bottom:1px dashed var(--border)}.word-text{font-size:20px;font-weight:600;word-break:break-all;padding-top:3px}.verdict-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.verdict{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid transparent}.verdict.hit{color:var(--hit);background:color-mix(in srgb,var(--hit) 14%,transparent);border-color:color-mix(in srgb,var(--hit) 35%,transparent)}.verdict.miss{color:var(--miss);background:color-mix(in srgb,var(--miss) 14%,transparent);border-color:color-mix(in srgb,var(--miss) 35%,transparent)}.confidence{font-size:10.5px;color:var(--text-muted);text-align:right;max-width:180px}.hash-rows{display:flex;flex-direction:column;gap:4px}.hash-row{display:grid;grid-template-columns:40px 74px 1fr;align-items:center;gap:8px}@media(max-width:560px){.hash-row{grid-template-columns:32px 1fr}.hash-row .hash-index{display:none}}.hash-label{font-size:9.5px;color:var(--text-muted);letter-spacing:.04em}.hash-index{font-size:9.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;margin-right:14px}@media(max-width:560px){.hash-index{margin-right:0}}.hash-row-header{padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid var(--border)}.hash-row-header .hash-label,.hash-row-header .hash-index,.hash-row-header .hash-bits-label{font-size:9.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);opacity:.75}.hash-bits-label{text-align:left}.bit-strip-wrap{position:relative;overflow:hidden}.bit-strip{display:flex;gap:1px}.bit-fade{position:absolute;top:0;bottom:0;width:22px;pointer-events:none}.bit-fade-start{left:0;background:linear-gradient(to right,var(--surface),transparent)}.bit-fade-end{right:0;background:linear-gradient(to left,var(--surface),transparent)}.bit{width:6px;height:12px;border-radius:1px;background:var(--surface-2);border:1px solid var(--border);flex-shrink:0}.bit.set{background:color-mix(in srgb,var(--text) 30%,var(--surface-2));border-color:transparent}.bit.target{width:8px;height:16px;border-radius:2px;border-width:2px}.bit.target.hit{background:var(--hit);border-color:var(--hit)}.bit.target.miss{background:var(--miss);border-color:var(--miss)}.about{margin-top:56px;padding-top:28px;border-top:1px solid var(--border);color:var(--text-muted);font-size:13.5px}.scale-bar-wrap{margin-bottom:16px}.scale-bar{display:block;width:100%;height:10px;border-radius:2px;background:var(--surface-2)}.scale-bar-ticks{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;font-variant-numeric:tabular-nums;color:var(--text-muted);opacity:.7}.about p{margin:0 0 12px}.about p:last-child{margin-bottom:0}.word-list-note{font-size:12px;padding-top:12px;margin-top:4px;border-top:1px dashed var(--border)}.about code{font-family:var(--mono);font-size:.95em;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 5px}