.detector-card{border:1px solid var(--line);border-radius:1rem;background:var(--surface);padding:1.5rem}.detector-input{border-radius:.5rem;padding:.25rem}.detector-input:focus{outline:none}.detector-step{color:var(--accent);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:.75rem}.detector-input h2{font-size:1.35rem;font-weight:600;line-height:1.35;letter-spacing:-.025em}.detector-explanation{color:var(--muted);font-size:.9rem;line-height:1.7;margin-top:.75rem}.detector-diagram{padding:1rem .75rem;margin:1.5rem 0 .75rem;border-radius:.6rem;background:var(--tray)}.detector-key-row{display:flex;gap:.25rem;margin:.3rem 0}.detector-key{position:relative;flex:var(--key-width,1) 1 0;min-width:0;padding:0;display:grid;place-items:center;height:2.4rem;border:solid var(--key-edge);border-width:1px 1px 3px;border-radius:.3rem;background:var(--key);color:var(--muted);font:.85rem ui-monospace,monospace}.detector-key-function{font-size:.55rem}button.detector-key{cursor:pointer}button.detector-key:hover{border-color:var(--accent)}.detector-key-bump:after{content:"";position:absolute;bottom:.2rem;width:.35rem;height:1px;background:currentColor;opacity:.65}.detector-key-done{background:var(--accent-soft);color:var(--ink)}.detector-key-current{background:var(--accent);color:var(--page);border-color:var(--accent);outline:2px solid var(--accent);outline-offset:1px;font-weight:700}.detector-guidance{font-size:.75rem;color:var(--muted);line-height:1.6}.detector-notice{min-height:2.6rem;margin-top:.75rem;font-size:.8rem;color:var(--muted);line-height:1.6}.detector-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1.25rem 0 1rem;font-size:.85rem}.detector-actions a{text-decoration:underline}.detector-button{border:1px solid var(--ink);border-radius:.5rem;padding:.75rem 1rem;background:var(--ink);color:var(--page);font-weight:500}.detector-button:hover{opacity:.85}.detector-privacy{font-size:.7rem;line-height:1.6;color:var(--muted)}.detector-help{margin-top:2.5rem}@media (max-width:480px){.detector-card{padding:.9rem}.detector-diagram{padding:.6rem .3rem}.detector-key-row{gap:.12rem}.detector-key{height:1.9rem;font-size:.65rem}.detector-key-function{font-size:.4rem}}