:root{--ink:#1d1d1d;--paper:#fafaf7;--muted:#6b6b66;--line:#d9d9d2;--danger:#a3271f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#ecece6;--paper:#181816;--muted:#9b9b94;--line:#3a3a36;--danger:#f08a80}}body{background:var(--paper);color:var(--ink);margin:0;font:16px/1.5 system-ui,-apple-system,sans-serif}main{max-width:34rem;margin:0 auto;padding:3rem 1rem}h1{margin:0 0 .25rem;font-size:1.75rem}button,.button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);font:inherit;cursor:pointer;border-radius:6px;padding:.5rem 1rem;text-decoration:none;display:inline-block}.person{border-top:1px solid var(--line);align-items:flex-start;gap:1rem;padding-top:1rem;display:flex}.person img{border-radius:8px}.person p{margin-top:0}.badge{border:1px solid var(--line);color:var(--muted);border-radius:4px;margin-left:.5rem;padding:.1rem .4rem;font-size:.8rem}.note{color:var(--muted);font-size:.9rem}.error{color:var(--danger)}h2{margin:2rem 0 .25rem;font-size:1.15rem}.keys{border-top:1px solid var(--line);margin-top:1.5rem}.keys ul{padding:0;list-style:none}.keys li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;display:flex}.new-key{flex-wrap:wrap;align-items:end;gap:.5rem;margin-top:1rem;display:flex}.new-key label{color:var(--muted);flex-direction:column;font-size:.9rem;display:flex}input{border:1px solid var(--line);color:var(--ink);font:inherit;background:0 0;border-radius:6px;padding:.45rem .6rem}button.quiet{color:var(--ink);border-color:var(--line);background:0 0}button:disabled{opacity:.5}.key{flex-basis:100%}.key code{border:1px solid var(--line);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:6px;padding:.6rem;display:block}