:root{color-scheme:dark;--bg: #1e1e1e;--panel: #252526;--input: #3c3c3c;--border: #3c3c3c;--text: #d4d4d4;--muted: #858585;--accent: #0e639c;--accent-hi: #1177bb;--focus: #007acc;--code: #ce9178;--empty: #2b2b2b;--class-bark: #e69f00;--class-not-bark: #4b9fff;--class-unsure: #c8c8c8;--class-dog-not-bark: #b5651d}*{box-sizing:border-box}body{font-family:-apple-system,Segoe UI,system-ui,sans-serif;margin:0;padding:2rem;background:var(--bg);color:var(--text)}h1{font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.sub{color:var(--muted);font-size:.85rem;margin:0 0 1.5rem}code{color:var(--code);font-family:SF Mono,Menlo,Consolas,monospace}.controls{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;margin-bottom:1.25rem}.controls label{display:flex;flex-direction:column;gap:.3rem;font-size:.78rem;color:var(--muted)}.controls input,.controls select,.controls button{font:inherit;font-size:.9rem;padding:.4rem .6rem;border:1px solid var(--border);border-radius:4px;background:var(--input);color:var(--text)}.controls input:focus,.controls select:focus{outline:none;border-color:var(--focus)}.controls button{cursor:pointer;font-weight:600;background:var(--accent);border-color:var(--accent);color:#fff}.controls button:hover{background:var(--accent-hi);border-color:var(--accent-hi)}.controls input.bad,.controls input.bad:focus{border-color:#d16969}.backlink{margin:0 0 1rem;font-size:.85rem}.backlink a{color:var(--accent-hi);text-decoration:none}.backlink a:hover{text-decoration:underline}#status{font-size:.85rem;color:var(--muted);height:1.2em;margin-bottom:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#legend{margin-top:1.5rem}#legend .title{font-size:.78rem;color:var(--muted);margin-bottom:.4rem}#legend .ramp{display:block}#legend .ticks{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-top:.2rem}