html[data-personal-code-login="1"]:not(.scf-legacy-login) #signin:not([hidden]){display:block!important;max-width:390px;margin:20px auto;padding:22px 20px;background:#fafbf8;border:0;box-shadow:none}
html[data-personal-code-login="1"]:not(.scf-legacy-login) #login{display:none!important}
#signin #code-login{margin:0;max-width:100%;font:16px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#161a16}
#code-login h2{font-size:26px;line-height:1.2;margin:0 0 10px}
#code-login p{color:#616a5d;font-size:15px}
.code-input{position:absolute;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;opacity:.01;clip-path:inset(50%);overflow:hidden}
.code-dots{display:flex;justify-content:center;gap:15px;margin:28px 0}
.code-dots span{width:15px;height:15px;border:1.5px solid #8d9b82;border-radius:50%;background:transparent}
.code-dots span.filled{background:#161a16;border-color:#161a16}
#code-login .code-keypad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
#code-login .code-keypad button{display:grid;place-items:center;background:#edf1e8;color:#161a16;border:0;border-radius:12px;min-height:64px;margin:0;padding:12px;font:500 26px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;box-shadow:none}
#code-login .code-keypad .code-delete{font-size:23px;background:transparent}
#code-login button:focus-visible,#code-login a:focus-visible{outline:3px solid #769364;outline-offset:3px}
#code-login .code-submit{width:100%;min-height:48px;padding:12px 16px;color:white;background:#161a16;border:1px solid #161a16;border-radius:9px;font:650 16px/1.4 Arial,sans-serif}
#code-login button:disabled{opacity:.45;cursor:default}
#code-login .code-error{min-height:24px;color:#86382a;font-size:14px;line-height:1.45;margin:12px 0}
#code-login .code-status{font-size:13px;margin:10px 0}
#code-login .code-legacy{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;color:#4b5d40;font-size:14px;text-decoration:underline}
body:has(#workspace[hidden]) .pwa-tools{display:none}
@media(max-width:340px){#code-login .code-keypad button{min-height:58px}.code-dots{gap:12px}}