:root{--ground:#faf9f7;--raised:#fff;--ink:#1a1a1a;--muted:#63605a;--line:#dcd8d1;--line-strong:#8a847a;--pending:#7a5f14;--sent:#2a614a;--alert:#8c2f2f;--alert-ground:#fdf4f3;--radius:6px;--s1:.25rem;--s2:.5rem;--s3:.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--quick:.12s;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--serif:ui-serif, Georgia, "Times New Roman", serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{background:var(--ground);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:16px;line-height:1.5}main{max-width:32rem;padding:var(--s7) var(--s5) calc(var(--s7) + env(safe-area-inset-bottom));padding-left:max(var(--s5), env(safe-area-inset-left));padding-right:max(var(--s5), env(safe-area-inset-right));margin:0 auto}h1{font-family:var(--serif);letter-spacing:-.011em;margin:0 0 var(--s2);font-size:1.5rem;font-weight:500;line-height:1.25}.lede{color:var(--muted);margin:0 0 var(--s6);text-wrap:pretty;font-size:.9375rem}form{gap:var(--s4);display:grid}.field{gap:var(--s2);display:grid}label{color:var(--ink);font-size:.875rem;font-weight:500}.hint{color:var(--muted);text-wrap:pretty;margin:0;font-size:.8125rem}input,textarea{width:100%;font:inherit;color:inherit;background:var(--raised);border:1px solid var(--line-strong);border-radius:var(--radius);padding:var(--s3);min-height:2.75rem;transition:border-color var(--quick) var(--ease-out)}textarea{resize:vertical;line-height:1.45}input:hover,textarea:hover{border-color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}input[aria-invalid=true]{border-color:var(--alert)}input[readonly]{background:var(--ground);color:var(--muted)}.code{font-family:var(--mono);letter-spacing:.35em;text-indent:.35em;font-variant-numeric:tabular-nums;padding:var(--s3);font-size:1.375rem}button{font:inherit;min-height:2.75rem;padding:var(--s3) var(--s5);border:1px solid var(--ink);border-radius:var(--radius);background:var(--ink);color:var(--ground);cursor:pointer;transition:background-color var(--quick) var(--ease-out), color var(--quick) var(--ease-out), transform .1s var(--ease-out);justify-self:start;font-weight:500}button:active:not(:disabled){transform:scale(.98)}button:disabled{background:var(--ground);color:var(--muted);border-color:var(--line-strong);cursor:not-allowed}button.quiet{color:var(--ink);border-color:var(--line-strong);background:0 0}button.quiet:hover:not(:disabled){border-color:var(--ink)}.alert{padding:var(--s3);border:1px solid var(--alert);border-radius:var(--radius);background:var(--alert-ground);color:var(--alert);text-wrap:pretty;margin:0;font-size:.875rem}.notice{padding:var(--s1) var(--s3);border-left:2px solid var(--line-strong);color:var(--muted);text-wrap:pretty;margin:0;font-size:.875rem}form+.alert,form+.notice,.lede+.notice{margin-top:var(--s5)}.notice+.notice,.notice+.alert{margin-top:var(--s3)}.lede+.notice{margin-bottom:var(--s6)}.qr{border:1px solid var(--line);border-radius:var(--radius);width:12.5rem;height:12.5rem;padding:var(--s2);background:#fff;display:block}.secret{font-family:var(--mono);letter-spacing:.08em;word-break:break-all;font-size:.875rem}.steps{color:var(--muted);gap:var(--s1);margin:0;padding-left:1.1rem;font-size:.875rem;display:grid}.state{margin-top:var(--s7);border-top:1px solid var(--line);padding-top:var(--s4)}.state h2{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 var(--s3);font-size:.75rem;font-weight:600}.empty{color:var(--muted);margin:0;font-size:.875rem}ul{gap:var(--s3);margin:0;padding:0;list-style:none;display:grid}li{gap:var(--s2) var(--s4);padding-bottom:var(--s3);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:baseline;font-size:.9375rem;display:grid}li:last-child{border-bottom:0;padding-bottom:0}.content{text-wrap:pretty;overflow-wrap:anywhere}.tag{white-space:nowrap;color:var(--muted);font-size:.75rem}.tag[data-state=pending]{color:var(--pending)}.tag[data-state=sent]{color:var(--sent)}.tag[data-state=error]{color:var(--alert)}.reason{color:var(--alert);grid-column:1/-1;margin:0;font-size:.8125rem}a{color:var(--ink);text-underline-offset:2px}@media (max-width:26rem){main{padding-top:var(--s5);padding-bottom:calc(var(--s6) + env(safe-area-inset-bottom))}h1{font-size:1.375rem}}@media (hover:none){input:hover,textarea:hover,button.quiet:hover:not(:disabled){border-color:var(--line-strong)}}@media (prefers-reduced-motion:reduce){*{transition-duration:1ms!important;animation-duration:1ms!important}}