:root { font-family: system-ui, sans-serif; color: #16212e; background: #f7f9fb; }
body { margin: 0; }
.notifier-shell { max-width: 42rem; margin: 3rem auto; padding: 1.5rem; background: #fff; border-radius: .75rem; box-shadow: 0 2px 12px #0002; }
button { padding: .75rem 1rem; font: inherit; color: #fff; background: #17406d; border: 0; border-radius: .35rem; cursor: pointer; }
button:disabled { opacity: .6; cursor: progress; }
.error { color: #a11a1a; }
.pairing { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid #d8e0e8; }
output { display: block; margin: .75rem 0; font: 700 1.5rem ui-monospace, monospace; letter-spacing: .1em; word-break: break-all; }
#blazor-error-ui { display: none; position: fixed; inset: auto 0 0; padding: .5rem 1rem; background: #fff3cd; }