html.locked body { visibility: hidden; }
html.locked { overflow: hidden; }
#lock { position: fixed; inset: 0; z-index: 2147483647; background: #2E2159; display: grid; place-items: center; padding: 24px 16px; overflow: auto; font-family: "Public Sans", "Helvetica Neue", Arial, sans-serif; }
#lock form { width: min(400px, 100%); background: #FFFFFF; border-radius: 18px; padding: 30px 28px; display: grid; gap: 14px; box-shadow: 0 20px 50px rgba(0, 0, 0, .25); box-sizing: border-box; }
#lock p, #lock h1 { margin: 0; }
#lock .lk { font-size: 12px; font-weight: 800; letter-spacing: .16em; color: #6A33D6; }
#lock h1 { font-family: "Libre Baskerville", Georgia, serif; font-weight: 400; font-size: 26px; color: #2E2159; }
#lock .ls { color: #5B5470; font-size: 15px; }
#lock label { font-size: 13px; font-weight: 700; color: #2E2159; }
#lock input { font: inherit; font-size: 16px; padding: 12px 14px; border: 1.5px solid #CFC6E6; border-radius: 10px; }
#lock button { font: inherit; font-weight: 700; font-size: 16px; padding: 12px; border: 0; border-radius: 10px; background: #6A33D6; color: #FFFFFF; cursor: pointer; }
#lock .le { min-height: 1.2em; color: #C0303F; font-size: 14px; }