:root { color-scheme: light dark; --bg:#f6f7f9; --card:#fff; --fg:#14181f; --muted:#5b6472; --line:#d9dde4; --accent:#0b5cff; --accent-fg:#fff; --ok:#0a7a3d; --err:#b3261e; --warn:#8a5a00; }
@media (prefers-color-scheme: dark) { :root { --bg:#0e1116; --card:#171b22; --fg:#e8ebf0; --muted:#9aa4b2; --line:#2a313c; --accent:#6ea0ff; --accent-fg:#0b1220; --ok:#4cc38a; --err:#ff8a80; --warn:#f2b84b; } }
* { box-sizing: border-box; }
body { margin:0; background:var(--bg); color:var(--fg); font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; }
main { max-width:560px; margin:0 auto; padding:24px 16px 48px; }
h1 { font-size:1.35rem; margin:0 0 16px; }
.msg { padding:12px 14px; border-radius:8px; border:1px solid var(--line); margin:0 0 16px; background:var(--card); }
.msg.error { border-color:var(--err); color:var(--err); } .msg.ok { border-color:var(--ok); color:var(--ok); }
.warn { color:var(--warn); margin:0 0 12px; }
.info { margin:0 0 12px; }
.sealrow { display:flex; align-items:center; gap:14px; margin:0 0 12px; }
.seal { flex:none; width:72px; height:72px; color:var(--ok); }
.sealcap { margin:0; font-size:.85rem; color:var(--muted); }
dl { margin:0 0 16px; background:var(--card); border:1px solid var(--line); border-radius:10px; padding:4px 16px; }
dt { color:var(--muted); font-size:.85rem; margin-top:12px; } dd { margin:2px 0 12px; overflow-wrap:anywhere; }
dd.strong { font-size:1.2rem; font-weight:650; }
.actions { display:flex; flex-wrap:wrap; gap:8px; margin:8px 0; }
button { font:inherit; padding:12px 18px; border-radius:8px; border:1px solid var(--line); background:var(--card); color:var(--fg); cursor:pointer; min-height:44px; }
button.primary { background:var(--accent); color:var(--accent-fg); border-color:var(--accent); font-weight:600; }
button:disabled { opacity:.6; cursor:wait; } button:focus-visible, input:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
label { display:block; margin:12px 0 4px; } input { width:100%; font:inherit; padding:10px; border-radius:8px; border:1px solid var(--line); background:var(--card); color:var(--fg); }
.fp { font:1.1rem ui-monospace,Menlo,Consolas,monospace; letter-spacing:.04em; overflow-wrap:anywhere; }
pre { background:var(--card); border:1px solid var(--line); border-radius:8px; padding:12px; overflow:auto; font-size:.8rem; }