:root { color-scheme: light dark; font-family: system-ui, -apple-system, Segoe UI, Roboto, sans-serif; }
body { display: grid; place-items: center; min-height: 100vh; margin: 0; background: #f3f4f6; }
.card { background: Canvas; padding: 2rem 2.25rem; border-radius: 12px; box-shadow: 0 6px 24px rgba(0,0,0,.08); max-width: 28rem; width: 90%; }
h1 { margin: 0 0 .25rem; font-size: 1.4rem; }
.sub { color: #6b7280; margin-top: 0; }
.version { font-size: 1.1rem; margin: 1rem 0; }
button.primary { background: #2563eb; color: #fff; border: 0; border-radius: 8px; padding: .6rem 1.1rem; font-size: 1rem; cursor: pointer; }
button.primary:disabled { background: #9ca3af; cursor: default; }
button.link { background: none; border: 0; color: #2563eb; cursor: pointer; padding: 0; }
.hash { font-family: ui-monospace, monospace; font-size: .75rem; color: #6b7280; word-break: break-all; }
.note { color: #6b7280; font-size: .9rem; }
.error { color: #b91c1c; }
details { margin-top: 1rem; color: #6b7280; font-size: .9rem; }