:root{--paper:#f6f7f9;--ink:#16202c;--slate:#5d6b7c;--rule:#d8dee7;--shard-empty:#e3e8ef;--shard-verified:#1f6f5c;--shard-resent:#b4762a;--signal:#33429c;--alert:#a8341f;--measure:60ch;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#12161c;--ink:#e8ecf1;--slate:#94a2b3;--rule:#28313d;--shard-empty:#1d242d;--shard-verified:#3fae8f;--shard-resent:#d99a45;--signal:#8f9df5;--alert:#e8705a}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;padding:0 1rem 5rem;font-family:Archivo,system-ui,sans-serif;font-size:16px;line-height:1.5}main{max-width:54rem;margin:0 auto}.masthead{justify-content:space-between;align-items:baseline;gap:1rem;max-width:54rem;margin:0 auto;padding:1.5rem 0 2.5rem;display:flex}.wordmark{letter-spacing:-.01em;font-size:1.05rem;font-weight:700}.pill{color:var(--slate);border:1px solid var(--rule);border-radius:999px;padding:.15rem .6rem;font-size:.8rem}.pill[data-state=paired]{color:var(--shard-verified);border-color:currentColor}.pill[data-state=waiting]{color:var(--shard-resent);border-color:currentColor}.lede{margin-bottom:2rem}.lede h1{letter-spacing:-.03em;text-wrap:balance;max-width:28ch;margin:0 0 .6rem;font-size:clamp(2rem,6vw,3.1rem);font-weight:600;line-height:1.05}.lede p{max-width:var(--measure);color:var(--slate);margin:0}.mosaic-frame{border:1px solid var(--rule);background:color-mix(in srgb, var(--ink) 3%, transparent);border-radius:.25rem;padding:1.25rem}.mosaic{grid-template-columns:repeat(auto-fill,minmax(11px,1fr));align-content:start;gap:2px;min-height:2.5rem;display:grid}.shard{aspect-ratio:1;background:var(--shard-empty);border-radius:1px}.shard[data-status="1"]{background:var(--shard-verified)}.shard[data-status="2"]{background:var(--shard-resent)}@media (prefers-reduced-motion:no-preference){.shard{transition:background-color .16s ease-out}}.mosaic.idle .shard{opacity:.45}.readout{margin-top:1.1rem}#readout-headline{margin:0 0 .75rem;font-size:1.05rem;font-weight:500}.figures{flex-wrap:wrap;gap:1.75rem;margin:0;display:flex}.figures dt{color:var(--slate);font-size:.78rem}.figures dd{font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1rem}.stages{gap:2.5rem;margin-top:2.75rem;display:grid}.stage h2{border-bottom:1px solid var(--rule);margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.or{color:var(--slate);font-size:.85rem}.field{color:var(--slate);align-items:center;gap:.4rem;font-size:.85rem;display:inline-flex}button,select,input[type=text]{font:inherit;color:var(--ink);border:1px solid var(--rule);background:0 0;border-radius:.2rem;padding:.45rem .8rem;font-size:.9rem}button{cursor:pointer}button:hover:not(:disabled),button:focus-visible{border-color:var(--ink)}button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:500}button.primary:hover:not(:disabled){background:var(--signal);border-color:var(--signal)}button:disabled{opacity:.4;cursor:not-allowed}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}input[type=text]{min-width:14rem;font-family:IBM Plex Mono,ui-monospace,monospace}.code-box{flex-wrap:wrap;align-items:start;gap:1.5rem;margin-top:1.25rem;display:flex}.code{letter-spacing:.02em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:clamp(1.3rem,4vw,1.9rem);font-weight:500;display:block}.link{color:var(--signal);word-break:break-all;margin-top:.5rem;font-size:.78rem;display:block}.hint{max-width:var(--measure);color:var(--slate);margin:0 0 .5rem;font-size:.85rem}#code-qr{border:1px solid var(--rule);background:#fff;border-radius:.2rem;width:150px;height:150px;padding:6px}.drop-zone{border:1px dashed var(--rule);border-radius:.25rem;margin-bottom:1rem;padding:1.5rem;display:block}.drop-zone .pickers{margin-top:.85rem}.drop-zone.dragging{border-color:var(--signal);border-style:solid}.drop-hint{color:var(--slate);font-size:.9rem}.file-meta:not(:empty){margin:.75rem 0 0}.status,.log,.file-meta{color:var(--slate);white-space:pre-wrap;margin:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.6}.status:not(:empty){margin-top:.9rem}.peer-details{border-top:1px solid var(--rule);margin-top:3.5rem;padding-top:1.5rem}.peer-details summary{cursor:pointer;color:var(--slate);font-size:.85rem}.peer-details[open] summary{margin-bottom:1.5rem}.step{margin:1.25rem 0}.step h3{margin:0 0 .4rem;font-size:.85rem;font-weight:600}.peer textarea{width:100%;color:var(--ink);border:1px solid var(--rule);background:0 0;border-radius:.2rem;margin-top:.4rem;padding:.5rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.7rem;display:block}.log{border:1px solid var(--rule);border-radius:.2rem;max-height:12rem;padding:.6rem;overflow:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#verify-line:not(:empty){color:var(--shard-verified);margin:.85rem 0 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem}@media (width<=34rem){.figures{gap:1rem 1.5rem}}.received{gap:.35rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.received li{flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.85rem;display:flex}.received .path{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.78rem}.received .size{color:var(--slate);font-size:.75rem}.received a{color:var(--signal);font-size:.78rem}.safety{border:1px solid var(--rule);border-left:3px solid var(--shard-verified);border-radius:.2rem;margin-top:1.1rem;padding:.9rem 1rem}.safety .hint{margin-bottom:.4rem}.safety-words{letter-spacing:.04em;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.05rem}