body.vault-locked > :not(#vaultGate):not(script) { display: none !important; }
#vaultGate { min-height: 85dvh; display: grid; place-items: center; padding: 24px; }
#vaultGate[hidden] { display: none; }
#vaultForm { width: min(100%, 380px); padding: 28px; border: 1px solid #ded5c6; border-radius: 24px; background: #fffdf8; box-sizing: border-box; }
#vaultForm .brand-mark { display: grid; width: 52px; height: 52px; margin-bottom: 20px; }
#vaultForm h1 { font-size: 27px; margin: 0 0 12px; }
#vaultForm p, #vaultForm small { color: #756c60; line-height: 1.7; }
#vaultForm label { display: block; margin-top: 24px; }
#vaultForm input, #vaultForm button { display: block; box-sizing: border-box; width: 100%; min-height: 48px; margin-top: 10px; border: 1px solid #ded5c6; border-radius: 12px; padding: 10px 12px; font: inherit; }
#vaultForm button { background: #1b1915; color: #fffdf8; cursor: pointer; }
#vaultForm #vaultError { min-height: 1.7em; color: #a83220; }
#vaultLock { margin-left: 8px; }