/* Shared authentication forms retain their existing actions and validation. */
[x-cloak]{display:none!important}
.modal-hf{position:fixed;inset:0;z-index:10020;display:none;align-items:center;justify-content:center;background:#000d;padding:20px;overflow:auto}
.modal-hf.active-hf{display:flex;opacity:1;visibility:visible;pointer-events:auto}
.modal-hf .modal-box-hf{position:relative;width:min(100%,520px);max-height:calc(100dvh - 40px);overflow:auto;background:#17130f;border:1px solid #b9955555;border-radius:5px}
.modal-hf .login-item{padding:30px}
.modal-hf .modal-close-hf{position:absolute;right:12px;top:12px;display:grid;place-items:center;cursor:pointer;z-index:2}
.modal-hf .login-line{display:none}.modal-hf ul{list-style:none;padding:0;margin:0}
.modal-hf input:not([type=checkbox]){background:transparent;border:0;outline:0;color:#f3e9d6;width:100%;padding:8px;min-width:0}
.modal-hf .input-flex{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid #b9955544;margin:12px 0;background:#0d0c0b}
.modal-hf .input-item-right{flex:1;position:relative}.modal-hf .hf-password-control{display:flex;align-items:center}.modal-hf .hf-pw-toggle{cursor:pointer;padding:8px}
.modal-hf .input-submit button{width:100%;padding:13px;background:#bc152b;border:1px solid #d7474855;color:#fff}.modal-hf button:disabled{opacity:.5;cursor:wait}
.modal-hf .hf-login-options,.modal-hf .hf-signup-prompt{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:16px 0;font-size:12px}
.modal-hf .hf-auth-link{background:none;border:0;padding:0;color:#e4be7c;font-size:12px}.modal-hf .hf-remember-label{display:flex;gap:7px;align-items:center}
.modal-hf .hf-login-feedback{padding:10px;color:#edb18c}.modal-hf .hf-resend-row{display:flex;gap:8px}.modal-hf .hf-resend-btn{background:#bc152b;border:0;color:#fff}
.modal-hf .checkbox{display:flex;gap:10px;margin-top:14px}.modal-hf .hf-switch{color:#edc789;cursor:pointer}.modal-hf .input-submit{margin-top:18px}
.modal-hf .hf-login-spinner{display:none}.modal-hf .hf-login-submit[aria-busy=true] .hf-login-spinner{display:inline-block;width:12px;height:12px;border:2px solid #fff5;border-top-color:#fff;border-radius:50%;margin-right:10px;animation:auth-spin 1s linear infinite}
@keyframes auth-spin{to{transform:rotate(360deg)}}
@media(max-width:540px){.modal-hf{padding:12px}.modal-hf .login-item{padding:24px 18px}.modal-hf .login-title h2{font-size:20px}}