*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--canvas);color:var(--text);font:15px/1.5 var(--font)}
main{max-width:400px;margin:12vh auto 0;padding:32px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}
h1{margin:0 0 4px;font-size:24px;color:var(--ink)}p{margin:8px 0;color:var(--muted)}button{display:block;width:100%;margin-top:16px;padding:12px 16px;font:inherit;
border-radius:var(--radius);border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer}button.quiet{background:transparent;color:var(--accent)}
#status{color:var(--danger)}[hidden]{display:none!important}