.server-auth{width:min(460px,calc(100vw - 24px));max-width:none;max-height:calc(100svh - 24px);margin:auto;padding:0;border:1px solid #e5c6ff;border-bottom:5px solid #e7ad36;border-radius:19px;background:linear-gradient(145deg,#fff,#f3ecff);box-shadow:0 5px 0 #815322,0 22px 90px #080b3b88;color:#463359;overflow:auto;overscroll-behavior:contain;font:400 14px/1.5 Heebo,Arial,sans-serif}
.server-auth::backdrop{background:#111332b8;backdrop-filter:blur(5px)}
.server-auth [hidden]{display:none!important}.server-auth *{box-sizing:border-box}.server-auth button,.server-auth input{font:inherit}.server-auth button{cursor:pointer}.server-auth button:disabled,.server-auth input:disabled{cursor:wait;opacity:.6}.server-auth button:focus-visible,.server-auth a:focus-visible,.server-auth input:focus-visible{outline:3px solid #05aeb9;outline-offset:3px}
.server-auth-banner{position:relative;display:flex;align-items:center;flex-direction:column;padding:16px 62px 11px;min-height:142px;background:radial-gradient(circle,#b89cf738 2px,transparent 3px) 0 0/15px 15px,linear-gradient(115deg,#482285,#8653d4);border-bottom:3px solid #62dce6;overflow:hidden}.server-auth-banner img{width:210px;max-width:100%;height:auto;max-height:106px;object-fit:contain;filter:drop-shadow(0 3px 1px #1d135c66)}.server-auth-banner>span{margin-top:4px;color:#f1e6ff;font-size:11px;letter-spacing:.2px}.server-auth-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;width:36px;height:36px;padding:0;border:1px solid #d6beff8c;border-radius:50%;background:#43216a88;color:#fff;font:28px/1 Arial,sans-serif!important}
.server-auth-body{padding:19px 26px 22px}.server-auth h2{font:750 26px/1.25 Heebo,Arial,sans-serif;margin:0 0 14px;text-align:center;color:#503571}.server-auth-status{margin:0 0 12px;padding:9px 11px;border:1px solid #dec7f2;border-radius:8px;background:#eee3fa;font-size:12px;line-height:1.5;color:#68438b}.server-auth-status:empty{display:none}.server-auth-status[data-kind=error]{background:#fff0f0;border-color:#efb5bd;color:#a52342}.server-auth-status[data-kind=success]{background:#e8f8ed;border-color:#a7dcb6;color:#256b3c}
.server-auth .form-field{margin:0 0 13px}.server-auth .form-field label{display:block;font-size:12px;font-weight:650;margin-bottom:5px;color:#5a4371}.server-auth .input-shell{display:flex;align-items:center;gap:6px;width:100%;min-height:45px;background:white;border:1px solid #cdb8e1;border-radius:8px;box-shadow:inset 0 2px 3px #39235508;padding:0 12px}.server-auth .input-shell input{width:100%;min-width:0;min-height:43px;padding:8px 0;border:0;outline-offset:1px;border-radius:4px;background:transparent;color:#423052;font-size:15px;direction:ltr;text-align:start}.server-auth[dir=rtl] .input-shell input{text-align:right}.server-auth #server-password-toggle{flex:none;min-width:42px;padding:8px 0;background:none;border:0;color:#8155ac;font-size:11px;font-weight:600}
.server-auth-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:1px 0 16px;font-size:11px}.server-auth-options label{display:flex;align-items:center;gap:5px;cursor:pointer}.server-auth-options input{accent-color:#8155c3;width:15px;height:15px;margin:0}.server-auth-options button,.server-auth-back{border:0;background:none;color:#8752b5;padding:5px 0;text-decoration:underline;text-underline-offset:3px;font-size:11px}.server-auth-primary{width:100%;min-height:47px;border:1px solid #ffecbb;border-bottom:3px solid #c68022;border-radius:9px;background:linear-gradient(#ffe583,#f4b842);color:#4b341f;font-weight:750!important;font-size:17px!important;box-shadow:0 3px 0 #b5782920;transition:filter .15s,transform .15s}.server-auth-primary:hover,.server-auth-guest:hover{filter:brightness(1.06)}.server-auth-primary:active,.server-auth-guest:active{transform:translateY(1px)}
.server-auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0 13px;color:#8a739a;font-size:11px}.server-auth-divider:before,.server-auth-divider:after{content:'';height:1px;background:#dccce9;flex:1}.server-auth-guest{width:100%;min-height:65px;padding:10px 13px;display:flex;align-items:center;gap:12px;border:1px solid #bca0df;border-bottom:3px solid #9c76c4;border-radius:10px;background:linear-gradient(110deg,#efe1ff,#fbf6ff);color:#65468e;text-align:start}.server-auth-guest>span{flex:1}.server-auth-guest strong,.server-auth-guest small{display:block}.server-auth-guest strong{font-size:17px;line-height:1.3}.server-auth-guest small{font-size:10px;margin-top:2px;color:#8b709f}.server-auth-guest .icon{width:28px;height:28px;flex:none}.server-auth-guest>.icon:last-child{width:18px;transform:rotate(180deg)}.server-auth[dir=rtl] .server-auth-guest>.icon:last-child{transform:none}.server-auth-terms{font-size:9px;line-height:1.65;color:#95849f;text-align:center;margin:12px 0 0}.server-auth-terms a{color:#82629b;text-decoration:underline;text-underline-offset:2px}.server-auth-back{display:block;margin:12px auto 0}.server-auth form>p{font-size:13px;margin:0 0 14px}.server-auth #server-code{text-align:center;letter-spacing:8px;font-size:23px}
body.server-auth-open{overflow:hidden}.server-auth[aria-busy=true]{cursor:wait}
@media(max-width:480px){.server-auth{width:calc(100vw - 24px);max-height:calc(100svh - 20px)}.server-auth-banner{min-height:125px;padding-top:12px;padding-bottom:9px}.server-auth-banner img{width:180px;max-height:91px}.server-auth-body{padding:16px 19px 18px}.server-auth h2{font-size:23px;margin-bottom:12px}.server-auth-options{font-size:10px;gap:7px}.server-auth-terms{font-size:9px}.server-auth-divider{margin-top:17px}}
@media(prefers-reduced-motion:reduce){.server-auth *{transition:none!important}}