:root{color:#1c1c1c;background:#f7f7f5;font-family:system-ui,sans-serif}body{margin:0}main{flex-direction:column;gap:.75rem;max-width:32rem;margin:0 auto;padding:1.5rem 1rem;display:flex}h1{margin:0;font-size:1.4rem}.summary{background:#fff;border:2px solid #1f3a5f;border-radius:8px;padding:.75rem;font-size:1.2rem;font-weight:600}.muted{color:#666;margin:0}dl{grid-template-columns:max-content 1fr;gap:.25rem .75rem;margin:0;display:grid}dt{color:#666}dd{overflow-wrap:anywhere;margin:0}label{flex-direction:column;gap:.25rem;display:flex}input{font:inherit;letter-spacing:.1em;padding:.5rem}button.primary{font:inherit;color:#fff;background:#1f3a5f;border:0;border-radius:8px;padding:.75rem}button[disabled]{opacity:.5}.cancel{text-align:center}.error{color:#a40000}.code{letter-spacing:.1em;text-align:center;font-family:ui-monospace,monospace;font-size:1.6rem}.code:empty{display:none}