.login-box{width:360px!important;padding:28px!important;border:1px solid #ad9157!important;background:linear-gradient(145deg,#17202bef,#111722ef)!important;border-radius:14px!important;box-shadow:0 16px 50px #0009!important}.login-box h2{font-size:20px;color:#ffe4a0;margin:0 0 22px}.login-box #login-btn,.account-dialog .auth-submit{background:linear-gradient(#b39456,#80612e);color:#fff8df;border:1px solid #d7bb79}.account-extras .remember-id{display:flex;align-items:center;gap:7px;font-size:12px;color:#ddd;text-align:left;margin:14px 0}.account-extras input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:#c6a563}.account-links{display:flex;gap:12px}.login-box .account-links button{padding:7px 0;background:none;box-shadow:none;border:0;font-size:13px;color:#e7d6af}.account-note{font-size:11px;line-height:1.6;color:#aab0bb;margin:12px 0 0}.account-dialog{box-sizing:border-box;width:420px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #ad9157;border-radius:14px;background:#17202b;color:#f2eadc;box-shadow:0 16px 60px #000b;font:14px sans-serif;z-index:10000}.account-dialog::backdrop{background:#0009}.account-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}.account-dialog h2{font-size:20px;color:#ffe4a0;margin:0}.account-dialog button{cursor:pointer;border:1px solid #806d48;border-radius:6px;padding:10px;background:#303848;color:#ffe4a0;min-height:40px}.account-dialog button:disabled{opacity:.5;cursor:default}.account-dialog label{display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:13px}.account-dialog input{box-sizing:border-box;width:100%;min-width:0;padding:11px;border:1px solid #626771;border-radius:6px;background:#101720;color:white;font-size:16px}.account-dialog input:focus{outline:2px solid #c2a05a}.auth-help,.auth-feedback{font-size:12px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}.auth-help{color:#b7bdc6}.auth-feedback{color:#ffd297;min-height:20px}.auth-code{display:flex;gap:8px;align-items:end}.auth-code label{flex:1;min-width:0}.auth-code button{margin-bottom:12px;white-space:nowrap}.auth-submit{width:100%;font-weight:bold}html[data-client=mobile] .login-box{width:min(360px,calc(100vw - 28px))!important;padding:18px!important}html[data-client=mobile] .account-dialog{padding:18px} @media(max-height:540px){.account-dialog{max-height:calc(100dvh - 16px);padding:16px}.login-box h2{margin-bottom:10px}.login-box{padding:16px!important}.account-note{display:none}}

/* Semantic line breaks, shared by PC and mobile account forms. */
.account-dialog .auth-help,.account-dialog .auth-feedback,.account-dialog .auth-field-hint{
 white-space:pre-line;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;
 line-height:1.65!important;text-align:left;max-width:100%;box-sizing:border-box;
}
.account-dialog .auth-help{margin:14px 0 18px;padding:10px 12px;background:#ffffff05;border-left:2px solid #ad915777;border-radius:4px;}
.account-dialog .auth-field-hint{margin-top:2px!important;font-size:12px;}
.account-dialog .auth-field-hint:empty{display:none!important;}
.account-dialog label{min-width:0;}
@media(max-width:420px){.account-dialog .auth-help{padding:8px 9px;font-size:11px;}.account-dialog .auth-field-hint{font-size:11px!important;}}