*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--border:#2a2d3a;--text:#e4e4e7;--text-muted:#71717a;--accent:#3b82f6;--accent-dim:#1e3a5f;--match-bg:#3b82f622;--match-text:#60a5fa;--green:#22c55e;--yellow:#eab308;--red:#ef4444;--radius:8px;--font-mono:"SF Mono", "Cascadia Code", "Fira Code", monospace}body{background:var(--bg);color:var(--text);min-height:100vh;padding:2rem 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}header{text-align:center;margin-bottom:2rem}header h1{letter-spacing:-.02em;font-size:1.75rem;font-weight:700}.badge{background:var(--accent);color:#fff;vertical-align:middle;text-transform:uppercase;border-radius:4px;margin-left:.25rem;padding:.15em .5em;font-size:.7rem;font-weight:600;display:inline-block}.subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}main{flex-direction:column;gap:1.5rem;max-width:640px;margin:0 auto;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.card h2{color:var(--text);margin-bottom:.75rem;font-size:1rem;font-weight:600}input[type=text]{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-size:.95rem;font-family:var(--font-mono);outline:none;padding:.6rem .75rem;transition:border-color .15s}input[type=text]:focus{border-color:var(--accent)}.options-row{color:var(--text-muted);gap:1rem;margin-top:.5rem;font-size:.85rem;display:flex}.options-row label{cursor:pointer;align-items:center;gap:.35rem;display:flex}.timing{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono);min-height:1.2em;margin-top:.5rem}.results{max-height:360px;margin-top:.75rem;overflow-y:auto}.placeholder{color:var(--text-muted);text-align:center;padding:1.5rem 0;font-size:.9rem}.result-item{font-family:var(--font-mono);border-radius:4px;align-items:baseline;gap:.75rem;padding:.4rem .5rem;font-size:.9rem;display:flex}.result-item:hover{background:var(--bg)}.result-item .text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.result-item .score{white-space:nowrap;font-size:.8rem}.result-item .match-type{white-space:nowrap;border-radius:3px;padding:.1em .4em;font-size:.7rem}.match-type-exact{color:var(--green);background:#22c55e22}.match-type-prefix{color:var(--accent);background:#3b82f622}.match-type-contains{color:var(--yellow);background:#eab30822}.match-type-fuzzy{color:var(--text-muted);background:#71717a22}mark{background:var(--match-bg);color:var(--match-text);border-radius:2px;padding:0 1px}.score-high{color:var(--green)}.score-mid{color:var(--yellow)}.score-low{color:var(--red)}.distance-inputs{gap:.5rem;display:flex}.algorithm-grid{margin-top:.75rem}.algo-group{margin-bottom:.75rem}.algo-group:last-child{margin-bottom:0}.algo-group-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem;padding:0 .5rem;font-size:.7rem}.algo-item{font-family:var(--font-mono);border-radius:4px;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.85rem;display:flex}.algo-item:hover{background:var(--bg)}.algo-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text);flex:1;overflow:hidden}.algo-value{white-space:nowrap;text-align:right;min-width:3.5rem}.algo-bar{background:var(--border);border-radius:2px;flex-shrink:0;width:48px;height:4px;overflow:hidden}.algo-bar-fill{border-radius:2px;height:100%;transition:width .2s}.bar-high{background:var(--green)}.bar-mid{background:var(--yellow)}.bar-low{background:var(--red)}.syntax-help{color:var(--text-muted);margin-top:.75rem;font-size:.85rem}.syntax-help summary{cursor:pointer}.syntax-help ul{margin-top:.5rem;padding-left:1.25rem}.syntax-help li{margin-bottom:.25rem}.syntax-help code{background:var(--bg);font-family:var(--font-mono);border-radius:3px;padding:.1em .35em;font-size:.9em}#loading-overlay{background:var(--bg);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity .3s;display:flex;position:fixed;inset:0}#loading-overlay.hidden{opacity:0;pointer-events:none}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}footer{text-align:center;color:var(--text-muted);margin-top:2rem;font-size:.85rem}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}.results::-webkit-scrollbar{width:6px}.results::-webkit-scrollbar-track{background:0 0}.results::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (max-width:480px){body{padding:1rem .5rem}.distance-inputs{flex-direction:column}}