@font-face{font-family:Nunito;src:url(/assets/Nunito_wght_-63TK8RbS.ttf)format("truetype");font-weight:200 1000;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--black:#000;--white:#fff;--secondary:#8e8e93;--tertiary:#48484a;--raised:#2c2c2e;--pressed:#3a3a3c;--accent:#0a84ff;--green:#30d158;--amber:#ff9f0a;--red:#ff453a;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-variant-numeric:tabular-nums;font-family:Nunito,system-ui,sans-serif;font-weight:700;line-height:1.35}@media (prefers-color-scheme:light){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--black:#fff;--white:#000;--secondary:#717176;--tertiary:#b6b6b8;--raised:#d2d2d4;--pressed:#c4c4c6;--accent:#006ae5;--green:#009219;--amber:#b55500;--red:#e72d22}}*{box-sizing:border-box}body{background:var(--black);color:var(--white);margin:0}.shell{place-items:center;min-height:100dvh;padding:clamp(1.5rem,6vw,4rem) 1.25rem;display:grid}.screen{gap:2.25rem;width:min(100%,36rem);display:grid}h1{text-transform:uppercase;margin:0;font-size:clamp(2rem,7vw,2.75rem);font-weight:900;line-height:1.05}p{margin:0}.lede{color:var(--secondary);margin-top:-1.25rem;font-size:1.125rem}.eyebrow,.caption,.status-line dt{color:var(--secondary);letter-spacing:.06em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.eyebrow{margin-bottom:-2rem}.actions{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.button{background:var(--raised);color:var(--white);text-transform:uppercase;border:0;border-radius:999px;padding:.9rem 1.75rem;font-size:1.125rem;font-weight:800}.button:active:not(:disabled){background:var(--pressed)}.button.danger{color:var(--red)}.link{color:var(--secondary);background:0 0;border:0;padding:0;font-size:1rem}.link:hover:not(:disabled){color:var(--white)}.notice{color:var(--amber)}.code-row{flex-wrap:wrap;align-items:baseline;column-gap:1.25rem;display:flex}.code{letter-spacing:.02em;white-space:nowrap;font-size:clamp(3.5rem,15vw,6.5rem);font-weight:700;line-height:1}.code-row .link{color:var(--accent);text-transform:uppercase;font-weight:800}.device{color:var(--secondary);margin-top:-1.75rem;font-size:1.125rem}.sent{font-size:1.125rem}.status{gap:.6rem;margin:0;display:grid}.status-line{grid-template-columns:7.5rem 1fr;align-items:baseline;display:grid}.status-line dd{margin:0;font-size:1.125rem;font-weight:800}.good{color:var(--green)}.attention{color:var(--amber)}.bad{color:var(--red)}.monitor-block{gap:1rem;display:grid}.counts{gap:2.5rem;display:flex}.count{display:grid}.count .number{color:var(--white);font-size:1.75rem}.count.dropped .number{color:var(--amber)}.empty{color:var(--tertiary)}.monitor{max-height:18rem;font-family:var(--mono);gap:.35rem;font-size:.8125rem;font-weight:400;display:grid;overflow-y:auto}.row{grid-template-columns:2.5rem 1fr;column-gap:.75rem;display:grid}.dir{color:var(--secondary);letter-spacing:.06em;font-family:Nunito,system-ui,sans-serif;font-size:.75rem;font-weight:800}.row.to-device .hex,.row.to-device .text{color:var(--accent)}.hex{color:var(--white);overflow-wrap:anywhere}.text{color:var(--secondary);white-space:pre-wrap;overflow-wrap:anywhere;grid-column:2}@media (width>=44rem){.row{grid-template-columns:2.5rem 1fr 1fr}.text{grid-column:3}}.count.to-device .number{color:var(--accent)}
