body{margin:0;font:16px/1.5 system-ui,sans-serif;color:#1d232b;background:#f7f8fa}
header,main,footer{max-width:46rem;margin:0 auto;padding:1rem}
header{display:flex;flex-wrap:wrap;gap:1rem;align-items:baseline}
header a{color:inherit}header .name{font-weight:700;text-decoration:none;margin-right:auto}
footer{color:#5b6573;font-size:.9rem}
h1{font-size:1.6rem;line-height:1.25}h2{font-size:1.25rem;margin-top:2rem}h3{font-size:1.05rem}
section{background:#fff;border:1px solid #dde2e8;border-radius:.5rem;padding:.25rem 1rem;margin:1rem 0}
.secret{font:1.2rem/1.4 ui-monospace,monospace;background:#fff8d6;border:1px solid #e6c84c;border-radius:.5rem;padding:.75rem 1rem;word-break:break-all}
.warning{border-left:4px solid #d9822b;padding-left:.75rem}.error{color:#b42318;font-weight:600}
form{margin:1rem 0}label{display:block;margin:.5rem 0}
input[type=text],input[type=password]{display:block;width:100%;max-width:24rem;font:inherit;padding:.4rem;box-sizing:border-box}
button{font:inherit;padding:.45rem 1rem;border-radius:.4rem;border:1px solid #2f5fd0;background:#2f5fd0;color:#fff;cursor:pointer}
button.quiet{background:#fff;color:#2f5fd0}
table{border-collapse:collapse}td,th{padding:.3rem .8rem;border-bottom:1px solid #dde2e8;text-align:left}
input[readonly]{max-width:100%;font:.95rem ui-monospace,monospace}
.files{list-style:none;padding:0}.files li{display:inline-block;margin:.25rem .25rem 0 0}.files form{margin:0}
svg.qr{display:block;background:#fff;padding:.5rem;border-radius:.5rem}
select{display:block;width:100%;max-width:24rem;font:inherit;padding:.4rem;box-sizing:border-box}
textarea[readonly]{display:block;width:100%;font:.95rem ui-monospace,monospace;padding:.4rem;box-sizing:border-box;word-break:break-all}
a.button{display:inline-block;font-size:1.15rem;padding:.75rem 1.25rem;border-radius:.5rem;background:#2f5fd0;color:#fff;text-decoration:none}
.note{color:#5b6573;font-size:.85rem}
