/* Auth surface is deliberately scoped; existing cards, menus and library keep their styles. */
.za-footer-legal{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;padding:16px;font-size:13px}.za-footer-legal a{color:inherit;text-decoration:underline;text-underline-offset:3px;min-height:44px;display:flex;align-items:center}
#authModal.za{--za-bg:rgba(24,29,40,.96);--za-text:#f4f6fb;--za-muted:#b5bfce;--za-line:rgba(211,222,242,.20);--za-field:rgba(255,255,255,.045);--za-tab:rgba(255,255,255,.10);--za-link:#83b4ff;--za-error:#ffb4ba;--za-success:#9be4bd;position:fixed;inset:0;z-index:11000;display:none;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;color:var(--za-text);font:400 14px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;isolation:isolate}
#authModal.za.is-open{display:flex}
#authModal.za{bottom:auto;top:var(--za-top,0px);height:var(--za-vh,100dvh)}
html[data-theme="light"] #authModal.za{--za-bg:rgba(250,251,255,.97);--za-text:#18233b;--za-muted:#53627a;--za-line:#ccd4e3;--za-field:rgba(255,255,255,.48);--za-tab:#fff;--za-link:#175dcc;--za-error:#af1931;--za-success:#167348}
#authModal.za *,#authModal.za *::before,#authModal.za *::after{box-sizing:border-box}
#authModal.za [hidden]{display:none!important}
.za__backdrop{position:absolute;inset:0;background:rgba(3,9,20,.60);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
html[data-theme="light"] .za__backdrop{background:rgba(22,35,58,.30)}
#authModal .za__dialog{position:relative;width:100%;max-width:480px;max-height:calc(100dvh - 40px);max-height:min(880px,calc(var(--za-vh,100vh) - 40px));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:30px 32px 26px;border:1px solid var(--za-line);border-radius:24px;background:var(--za-bg);box-shadow:0 28px 100px rgba(0,0,0,.32);scrollbar-width:thin;scroll-padding:20px;color:var(--za-text)}
.za__top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}
.za__brand{display:flex;align-items:center;gap:6px;color:var(--za-text);font-size:22px;font-weight:750;letter-spacing:-.6px;text-decoration:none}.za__brand svg{width:26px;height:30px}.za__brand small{font-size:13px;font-weight:500;letter-spacing:-.3px}
#authModal button{font:inherit;cursor:pointer;text-transform:none;letter-spacing:normal;margin:0}
#authModal.za button:disabled{cursor:default;opacity:.65}
#authModal .za__close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;border:1px solid var(--za-line);background:transparent;color:var(--za-muted);font-size:27px;font-weight:300;line-height:1;padding:0}
#authModal .za__heading{font-size:25px;line-height:1.3;font-weight:700;letter-spacing:-.6px;margin:0 0 8px;color:var(--za-text)}
#authModal .za__dialog{outline:none}
#authModal .za__heading.za__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.za__intro{margin:0 0 22px;color:var(--za-muted);font-size:14px;line-height:1.6}
.za__tabs{display:flex;gap:4px;background:var(--za-field);padding:4px;border:1px solid var(--za-line);border-radius:14px;margin-bottom:24px}
#authModal .za__tab{flex:1;min-width:0;min-height:44px;padding:9px 8px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--za-muted);font-weight:650;overflow-wrap:anywhere}
#authModal .za__tab[aria-selected="true"]{background:var(--za-tab);border-color:var(--za-line);color:var(--za-text);box-shadow:0 2px 6px #0000000d}
.za__form{display:grid;gap:16px;margin:0}
.za__label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:var(--za-text)}
.za__inputwrap{position:relative;display:flex;align-items:center;min-width:0}
.za__icon{position:absolute;left:15px;pointer-events:none;width:20px;height:20px;stroke:var(--za-muted);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#authModal.za input:not([type="checkbox"]){display:block;width:100%;min-width:0;height:52px;border:1px solid var(--za-line);border-radius:12px;background:var(--za-field);color:var(--za-text);padding:12px 14px 12px 45px;font:inherit;font-size:16px;box-shadow:none;outline:none}
#authModal.za input::placeholder{color:var(--za-muted);opacity:.82}
#authModal.za input[type="password"],#authModal.za input[data-password]{padding-right:52px}
#authModal.za input:focus{border-color:#5897ff;box-shadow:0 0 0 3px rgba(70,134,248,.17)}
#authModal.za input[aria-invalid="true"]{border-color:var(--za-error)}
#authModal .za__eye{position:absolute;right:4px;top:4px;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0;color:var(--za-muted);border-radius:9px;padding:0}
.za__eye svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.za__hint{font-size:12px;line-height:1.6;color:var(--za-muted);margin:6px 0 0}
.za__code{display:grid;grid-template-columns:minmax(0,1fr) minmax(112px,auto);gap:10px;align-items:end}
#authModal .za__send{max-width:155px;min-height:52px;padding:8px 12px;border-radius:12px;border:1px solid rgba(69,137,255,.3);background:rgba(68,132,249,.12);color:var(--za-link);font-weight:650;line-height:1.35}
.za__links{display:flex;justify-content:flex-end;margin-top:-7px}
#authModal .za__link,.za__terms a{color:var(--za-link);text-decoration:none;font-weight:550}
#authModal button.za__link{border:0;padding:8px 0;min-height:44px;background:transparent;font-size:14px}
.za__terms a{text-decoration:underline;text-underline-offset:3px}
.za__check{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:7px 0;cursor:pointer;color:var(--za-text);font-size:13px;line-height:1.7}
#authModal.za input[type="checkbox"]{appearance:auto;-webkit-appearance:checkbox;position:static;opacity:1;flex:0 0 20px;width:20px;height:20px;margin:1px 0 0;accent-color:#3478f6;cursor:pointer}
.za__check small{display:block;color:var(--za-muted);font-size:12px;font-weight:400}
#authModal .za__submit{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;border:1px solid #73a4ff;border-radius:12px;background:linear-gradient(180deg,#2d6fdc,#2465df);color:#fff;box-shadow:0 8px 26px rgba(34,104,235,.19);padding:12px 16px;font-weight:700;font-size:15px}
#authModal .za__submit:hover:not(:disabled){background:#245fc5}
#za-register-nickname-hint,#za-register-email-hint,#za-reset-email-hint{display:none}
.za__message{margin:0;font-size:13px;line-height:1.7;color:var(--za-error);overflow-wrap:anywhere}.za__message:empty{display:none}.za__message[data-ok="true"]{color:var(--za-success)}
.za__bottom{margin-top:22px;padding-top:18px;border-top:1px solid var(--za-line);display:flex;flex-wrap:wrap;justify-content:center;gap:4px 8px;color:var(--za-muted);font-size:12px}.za__bottom a{color:var(--za-link);text-decoration:none}
.za__captcha{display:flex;gap:10px;align-items:center}.za__captcha img{width:120px;height:44px;object-fit:contain;background:#fff;border-radius:6px}.za__captcha button{background:none;border:0;padding:0;min-height:44px;color:var(--za-link)}
#authModal.za :is(button,a,input):focus-visible{outline:3px solid #74a7ff;outline-offset:3px}
@media(max-width:540px){#authModal.za{padding:12px;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}#authModal .za__dialog{border-radius:20px;padding:22px 20px;max-height:calc(var(--za-vh,100dvh) - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.za__top{margin-bottom:20px}.za__form{gap:14px}.za__tabs{margin-bottom:20px}.za__brand{font-size:21px}.za__code{grid-template-columns:minmax(0,1fr) minmax(104px,auto)}#authModal .za__send{max-width:136px;font-size:13px;padding:8px}.za__hint{font-size:12px}}
@media(max-width:350px){#authModal .za__dialog{padding:18px 14px}.za__code{gap:6px;grid-template-columns:minmax(0,1fr) 108px}#authModal.za input:not([type="checkbox"]){padding-left:36px}.za__icon{left:10px;width:18px}}
@media(prefers-reduced-motion:reduce){#authModal.za *{scroll-behavior:auto!important;transition:none!important}}

#authModal .za__brand{background:#fff;border-radius:8px;padding:3px 8px;line-height:0}#authModal .za__brand img{display:block;width:180px;height:60px;object-fit:contain}#authModal #za-register-username-hint{display:block}

/* v3: original logo, aligned login options and deliberate success state */
#authModal .za__brand{background:transparent;padding:0;border-radius:0}#authModal .za__brand img{width:180px;height:60px;object-fit:contain;filter:brightness(0) invert(1)}html[data-theme="light"] #authModal .za__brand img{filter:brightness(0)}
#authModal .za__login-options{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:12px 0 20px}#authModal .za__login-options .za__check{margin:0;flex:1;min-width:0}#authModal .za__login-options>.za__link{margin:0;min-height:44px;align-self:flex-start;padding:0 0 12px;max-width:43%;text-align:right}#authModal .za__login-options small{max-width:220px}#authModal .za__success{text-align:center;padding:12px 0 8px}#authModal .za__success-art{width:180px;height:180px;margin:0 auto 12px;border-radius:50%;background:radial-gradient(circle,#20e8b12b,transparent 70%);transform:rotate(-7deg)}#authModal .za__success-art svg{width:100%;height:100%;filter:drop-shadow(0 14px 12px #00a87740)}#authModal .za__success-title{font-size:26px;margin:8px 0 12px;color:var(--za-text);outline:none}#authModal .za__success-copy,#authModal .za__success-count{line-height:1.7;color:var(--za-muted);margin:12px 0}#authModal .za__success .za__submit{margin-top:24px}#authModal .za__success>.za__link{margin-top:12px}#authModal [hidden]{display:none!important}

/* UI consistency update: help belongs to verification flows only. */
#authModal .za__bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 8px;margin-top:24px;padding-top:16px;line-height:1.6;text-align:center}
#authModal .za__bottom>span{display:inline;flex:0 1 auto}
#authModal .za__bottom button.za__link{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;margin:0;padding:0 2px;min-height:44px;font-size:inherit;line-height:inherit}
#authModal .za__login-options{margin:0;align-items:flex-start}
.footer .footer__links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px 20px}
.footer .footer__links>[data-za-footer]{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;font:inherit}
@media(max-width:640px){.footer .footer__links{justify-content:flex-start;gap:4px 16px}}
#authModal .za__bottom{flex-wrap:nowrap}#authModal .za__bottom>span{min-width:0}