.auth-modal{width:420px;max-width:calc(100vw - 32px);padding:32px;background:#151519;color:#f6f5f7;border:1px solid #35313b;max-height:90dvh;overflow:auto}.auth-modal .close{width:44px;height:44px;right:12px;top:12px}.auth-brand{font-size:20px;font-weight:800;letter-spacing:-.6px;margin-bottom:26px}.auth-modal h2{font-size:28px;margin:0 0 26px}.auth-modal form{display:flex;flex-direction:column;gap:8px}.auth-modal form>label{font-size:14px;font-weight:600;margin-top:8px}.auth-modal input:not([type=checkbox]){width:100%;height:48px;background:#0b0b0e;border:1px solid #45414a;border-radius:6px;color:#fff;font:inherit;font-size:16px;padding:0 14px}.auth-modal input:focus-visible,.auth-modal button:focus-visible{outline:2px solid #ff3f91;outline-offset:3px}.auth-modal .auth-submit{margin-top:16px;justify-content:center;width:100%;height:48px;min-height:48px}.auth-modal .auth-remember{display:flex;align-items:center;gap:8px;font-weight:400;margin:10px 0 0}.auth-remember input{width:18px;height:18px;accent-color:#ff3f91}.auth-modal #ej-auth-status{font-size:13px;line-height:1.6;color:#b7b7c2;margin:12px 0;overflow-wrap:anywhere}.auth-modal #ej-auth-status:empty{display:none}.auth-modal #ej-auth-status.error,.field-error{color:#ffabc9}.field-error{font-size:12px}.field-error:empty{display:none}.auth-divider{display:flex;align-items:center;gap:16px;color:#a7a2ad;font-size:12px;margin:24px 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;flex:1;background:#35313b}.auth-providers{display:grid;gap:10px}.auth-provider{width:100%;height:48px;border:0;border-radius:6px;font-weight:700;font-size:14px}.auth-provider.kakao{background:#fee500;color:#191919}.auth-provider.naver{background:#03c75a;color:#092e18}.auth-links{display:flex;justify-content:center;gap:24px;margin-top:24px}.auth-links button{background:none;border:0;color:#b7b7c2;font-size:13px;padding:8px 0}.auth-modal button:disabled{opacity:.55;cursor:wait}.auth-modal #ej-account-email{overflow-wrap:anywhere}@media(max-width:600px){.auth-modal{padding:24px}.auth-brand{margin-bottom:24px}}

.auth-links{flex-wrap:wrap;column-gap:18px;row-gap:4px}

.auth-password-wrap{position:relative}.auth-modal .auth-password-wrap input{padding-right:52px}.password-toggle{position:absolute;right:2px;top:2px;width:44px;height:44px;background:transparent;border:0;color:#b7b7c2;display:grid;place-items:center}.password-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.password-toggle[aria-pressed=true]{color:#ff3f91}
