:root{font-family:system-ui,sans-serif;color:#172c42;background:#f5f7fa;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{background:#172c42;color:white;padding:20px max(20px,calc((100vw - 640px)/2));display:flex;gap:16px}main{max-width:640px;margin:auto;padding:20px}h1{font-size:26px}h2{font-size:20px}p{line-height:1.5}article,section.panel{background:white;border:1px solid #dbe1e8;border-radius:14px;padding:18px;margin:16px 0;overflow-wrap:anywhere}button{font:inherit;font-weight:600;border:1px solid #c5ced8;border-radius:10px;padding:13px 18px;background:white;color:#172c42;cursor:pointer;margin:4px;min-height:48px}button.primary{background:#235f4a;color:white;border-color:#235f4a}button.deny{color:#9c2525}button:disabled{opacity:.5;cursor:default}.actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:#586575;font-size:14px}#message{color:#944315;min-height:24px}.fingerprint{font-family:monospace;overflow-wrap:anywhere;font-size:14px}dl{display:grid;grid-template-columns:100px 1fr;gap:12px}dd{margin:0}button:focus-visible{outline:3px solid #4f8cc9;outline-offset:3px}