:root{--paper: #f1ece1;--paper-2: #e8e1d1;--ink: #2a2622;--ink-soft: #6b5d4e;--rule: #b8a989;--accent: #8b1a1a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink)}body{font-family:IBM Plex Mono,JetBrains Mono,Menlo,Courier New,Courier,monospace;font-size:15px;line-height:1.65;padding:4rem 1.25rem 3rem;display:flex;justify-content:center;background-image:radial-gradient(at 20% 30%,rgba(180,160,120,.06),transparent 40%),radial-gradient(at 80% 70%,rgba(180,160,120,.05),transparent 40%)}#root{width:100%;display:flex;justify-content:center}main{width:100%;max-width:42rem}header{text-align:center;margin-bottom:2.25rem}.banner{display:inline-block;margin:0;font-size:.78rem;line-height:1.15;color:var(--ink);white-space:pre;text-align:left}.tagline{margin:1rem 0 0;font-style:italic;color:var(--ink-soft);letter-spacing:.04em}.intro p{margin:0}hr{border:none;border-top:1px dashed var(--rule);margin:2.25rem 0}h2{font-size:.95rem;font-weight:400;letter-spacing:.12em;margin:0 0 1.25rem;color:var(--ink-soft)}.stream{background:var(--paper-2);border:1px solid var(--rule);padding:.9rem}canvas.waveform{display:block;width:100%;height:250px;background:var(--paper);border:1px solid var(--rule)}.source-toggles{margin-top:.9rem;padding:.65rem .85rem;background:var(--paper-2);border:1px solid var(--rule);display:flex;flex-wrap:wrap;align-items:center;gap:.55rem 1.2rem;font-size:.85rem}.source-toggles-label{color:var(--ink-soft);letter-spacing:.08em;margin-right:.2rem}.source-check{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.source-check input[type=checkbox]{margin:0;cursor:pointer;accent-color:var(--accent);width:.95rem;height:.95rem}.source-check .source-error{color:var(--accent);font-weight:700;margin-left:.15rem}.key-table{width:100%;border-collapse:collapse;table-layout:fixed}.key-table th,.key-table td{padding:.7rem .6rem .85rem;vertical-align:top;text-align:left}.key-table th{font-weight:400;font-size:.78rem;color:var(--ink-soft);letter-spacing:.1em;border-bottom:1px dotted var(--rule)}.key-table tbody tr{border-bottom:1px dotted var(--rule)}.key-table tbody tr:last-child{border-bottom:none}.key-table .algo-cell{width:8.5rem}.key-table .toggle-cell{width:4rem;white-space:nowrap}.key-table .row-name{font-weight:500}.key-table .row-family{display:block;font-style:italic;color:var(--ink-soft);font-size:.8rem;margin-top:.1rem}.collision-tag{margin-top:.4rem;font-size:.72rem;letter-spacing:.06em;color:var(--accent)}.keys-scroll{max-height:9.5rem;overflow-y:auto;background:var(--paper);border:1px solid var(--rule);padding:.35rem .5rem;font-size:.74rem;line-height:1.45}.keys-empty{color:var(--ink-soft);font-style:italic}.key-line{word-break:break-all;padding:.05rem 0;color:var(--ink)}.key-line.collision{background:var(--accent);color:var(--paper);padding:.1rem .3rem;margin:.1rem -.3rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin-top:.9rem;font-size:.82rem}.stat-label{color:var(--ink-soft);display:block;letter-spacing:.08em}.stat-value{color:var(--ink);font-weight:500}.list{list-style:none;margin:0;padding:0}.list>li{padding:.7rem 0 .85rem;border-bottom:1px dotted var(--rule)}.list>li:last-child{border-bottom:none}.row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.row-name{font-weight:500}.row-family{color:var(--ink-soft);font-size:.82rem;margin-left:.5rem;font-style:italic}.row-desc{margin:.2rem 0 0;color:var(--ink-soft);font-size:.88rem;padding-left:1.25rem;position:relative}.row-desc:before{content:"→";position:absolute;left:0;color:var(--rule)}.row-error{margin:.2rem 0 0;color:var(--accent);font-size:.82rem;padding-left:1.25rem;position:relative}.row-error:before{content:"!";position:absolute;left:0;font-weight:700}.toggle{background:none;border:none;padding:0;font:inherit;color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;cursor:pointer;transition:background 80ms linear,color 80ms linear;letter-spacing:.04em}.toggle:hover,.toggle:focus{background:var(--accent);color:var(--paper);outline:none}.toggle.off{color:var(--ink-soft)}.toggle.off:hover,.toggle.off:focus{background:var(--ink-soft);color:var(--paper)}.key{margin:.5rem 0 0;padding:.55rem .7rem;background:var(--paper);border:1px solid var(--rule);color:var(--ink);font-size:.8rem;word-break:break-all;white-space:pre-wrap;min-height:2.4rem}.key.idle{color:var(--ink-soft);font-style:italic}a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:background 80ms linear,color 80ms linear}a:hover,a:focus{background:var(--accent);color:var(--paper);outline:none}footer{margin-top:3rem;text-align:center;font-size:.78rem;color:var(--ink-soft);letter-spacing:.04em}footer p{margin:0}::-moz-selection{background:var(--accent);color:var(--paper)}::selection{background:var(--accent);color:var(--paper)}@media(max-width:480px){body{padding:2.5rem 1rem 2rem;font-size:14px}.banner{font-size:.6rem}hr{margin:1.75rem 0}.stats{grid-template-columns:1fr;gap:.4rem}}