html { font-size: 14px; }
@media (min-width: 768px) { html { font-size: 16px; } }
.app-header { box-shadow: 0 .25rem .75rem rgba(0,0,0,.05); }
.app-topbar { background-color: #0f2a47; color: #fff; }
.app-brand { color: #fff; font-size: 1.75rem; font-weight: 700; letter-spacing: -0.01em; line-height: 1.2; white-space: nowrap; }
.app-brand-smd { color: #5cb8ff; }
.app-theme-button { color: #fff; border-color: rgba(255,255,255,.35); }
.app-theme-button:hover, .app-theme-button:focus { color: #fff; background-color: rgba(255,255,255,.12); }
.auth-card { max-width: 28rem; }
.auth-code { font-family: var(--bs-font-monospace); letter-spacing: .15em; }
.recovery-codes { columns: 2; font-family: var(--bs-font-monospace); }
.qr-key { font-family: var(--bs-font-monospace); word-break: break-all; }