#mz-home-auth{
  width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;
  padding:26px;border:1px solid #171717;border-radius:16px;background:#fff;color:#161616;
  box-shadow:0 18px 48px #0002;font:400 15px/1.4 system-ui,sans-serif;
  overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  margin:auto;box-sizing:border-box;
}
#mz-home-auth:not([open]){display:none}
#mz-home-auth::backdrop{background:rgba(0,0,0,.22)}
#mz-home-auth .mz-auth-top{display:flex;align-items:center;justify-content:space-between;font:500 12px/1.15 ui-monospace,monospace;letter-spacing:.075em}
#mz-home-auth h2{font:650 clamp(25px,4vw,32px)/1.1 system-ui,sans-serif;letter-spacing:-.04em;margin:20px 0 23px}
#mz-auth-close{width:36px;height:36px;border:1px solid #161616;border-radius:50%;background:#fff;color:#161616;font-size:23px;cursor:pointer}
#mz-auth-form{display:grid;gap:4px;grid-template-columns:minmax(0,1fr)}
#mz-auth-form .mz-field{display:grid;gap:6px;margin-bottom:6px;grid-template-columns:minmax(0,1fr)}
#mz-auth-form .mz-field[hidden]{display:none}
#mz-auth-form label{font-size:13px}
#mz-auth-form input:not([type="checkbox"]){width:100%;min-height:43px;font:400 16px/1.2 system-ui,sans-serif;border:1px solid #aaa;border-radius:9px;background:#fff;color:#161616;padding:8px 11px;box-sizing:border-box}
#mz-auth-form input:focus-visible,#mz-home-auth button:focus-visible{outline:2px solid #111;outline-offset:3px}

.mz-phone-wrap{display:flex;align-items:stretch;gap:0}
.mz-phone-prefix{display:flex;align-items:center;padding:0 12px;border:1px solid #aaa;border-right:0;border-radius:9px 0 0 9px;background:#f4f4f4;color:#161616;font:500 15px/1 system-ui,sans-serif;white-space:nowrap}
#mz-auth-form .mz-phone-wrap input{flex:1;min-width:0;border-radius:0 9px 9px 0}

.mz-pass-wrap{position:relative}
#mz-auth-form .mz-pass-wrap input{padding-right:64px}
.mz-pass-toggle{position:absolute;top:0;right:0;height:100%;padding:0 12px;border:0;background:none;color:#444;font-size:13px;cursor:pointer}

.mz-code-row{display:flex;gap:8px;align-items:stretch}
#mz-auth-form .mz-code-row input{flex:1;min-width:0}
.mz-code-row button{flex:0 0 auto;padding:0 14px;border:1px solid #161616;border-radius:9px;background:#fff;color:#161616;font:500 13px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.mz-code-row button:disabled{opacity:.55;cursor:default}

.mz-remember,.mz-terms{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:13px;color:#333;min-height:24px}
.mz-remember[hidden],.mz-terms[hidden]{display:none}
.mz-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 6px}
.mz-login-options[hidden]{display:none}
.mz-login-options .mz-remember{margin:0;min-width:0}
.mz-login-options .mz-auth-link{margin:0;white-space:nowrap;flex:0 0 auto}
#mz-auth-form .mz-remember input[type="checkbox"],#mz-auth-form .mz-terms input[type="checkbox"]{appearance:auto;box-sizing:border-box;width:16px;height:16px;min-width:16px;min-height:16px;padding:0;margin:0;flex:0 0 16px;accent-color:#151515}
.mz-terms span{min-width:0;line-height:1.45;overflow-wrap:break-word}
.mz-terms a{color:#161616;text-decoration:underline;text-underline-offset:3px}

#mz-auth-note{min-height:20px;margin:2px 0 0;color:#444;font-size:13px}
#mz-auth-note[data-kind="ok"]{color:#0b6b33}
#mz-auth-note[data-kind="err"]{color:#a11d1d}

.mz-auth-submit{width:100%;min-height:45px;border:1px solid #111;border-radius:999px;background:#111;color:#fff;font:inherit;cursor:pointer}
.mz-auth-submit:disabled{opacity:.55;cursor:wait}

.mz-auth-link{margin-top:14px;padding:0;border:0;background:none;color:#161616;text-decoration:underline;text-underline-offset:3px;font-size:13px;cursor:pointer;display:block}
.mz-auth-link:disabled{opacity:.5;cursor:default}
#mz-auth-toggle{margin-top:10px}

@media (max-width:420px){
  #mz-home-auth{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:20px 18px;border-radius:12px}
}
