html,body{margin:0;height:100%;background:#0e0e0c;color:#f3f0e6;font:16px/1.35 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
html:not(.unl) .app{visibility:hidden}
.lockscr{position:fixed;inset:0;z-index:200;background:#0e0e0c;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}
.lockscr form{width:100%;max-width:320px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.lockscr .lockicon{width:64px;height:64px;border-radius:16px}
.lockscr h1{margin:4px 0 0;font-size:22px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.lockscr p{margin:0;color:#9b978a}
.lockscr input{width:100%;box-sizing:border-box;font:inherit;font-size:22px;font-weight:800;letter-spacing:.3em;text-align:center;text-transform:uppercase;color:#f3f0e6;background:#24241f;border:1px solid #33332c;border-radius:14px;padding:14px;outline:none;-webkit-user-select:text;user-select:text}
.lockscr input:focus{border-color:var(--acc,#ffd23f)}
.lockscr button{width:100%;font:inherit;font-weight:900;font-size:18px;border:0;border-radius:14px;padding:15px;background:var(--acc,#ffd23f);color:var(--acc-ink,#141200);cursor:pointer}
.lockscr button:disabled{opacity:.6}
.lockscr .lockerr{color:#ff7a70;min-height:1.3em;font-weight:700}
.lockscr .shake{animation:shake .35s}
@keyframes shake{20%,60%{transform:translateX(-8px)}40%,80%{transform:translateX(8px)}}