.quick-account-panel{align-items:center;background:var(--tpl-bg-muted,#f7faf8);border:1px solid var(--tpl-border-soft,#e6eee9);border-radius:var(--tpl-radius,12px);display:flex;gap:12px;justify-content:space-between;margin:0 0 14px;padding:12px 14px}
.quick-account-panel[hidden]{display:none!important}
.quick-account-panel__main{min-width:0}
.quick-account-panel__title{color:var(--tpl-text-strong,#222);font-size:14px;font-weight:600;margin:0 0 4px}
.quick-account-panel__hint{color:var(--tpl-text-muted,#7b8580);font-size:12px;line-height:1.5;margin:0}
.quick-account-badge{background:rgba(var(--tpl-accent-rgb,64,204,146),.12);border:1px solid rgba(var(--tpl-accent-rgb,64,204,146),.25);border-radius:999px;color:var(--tpl-accent,#40cc92);display:inline-block;font-size:11px;font-weight:600;margin-left:6px;padding:2px 7px;vertical-align:1px}
.quick-account-inline-badge{background:rgba(var(--tpl-accent-rgb,64,204,146),.1);border:1px solid rgba(var(--tpl-accent-rgb,64,204,146),.22);border-radius:999px;color:var(--tpl-accent,#40cc92);display:inline-block;font-size:11px;font-weight:600;margin-left:7px;padding:2px 7px;vertical-align:2px}
.quick-account-inline-badge[hidden]{display:none!important}
.quick-account-btn{background:var(--tpl-accent,#40cc92);border:1px solid var(--tpl-accent,#40cc92);border-radius:var(--tpl-radius,10px);box-shadow:0 4px 12px rgba(var(--tpl-accent-rgb,64,204,146),.2);color:var(--tpl-text-on-inverse,#fff);cursor:pointer;flex:0 0 auto;font-size:13px;font-weight:600;min-height:36px;padding:7px 13px;transition:filter .2s,transform .2s}
.quick-account-btn:hover{filter:brightness(1.04);transform:translateY(-1px)}
.quick-account-btn:disabled{cursor:wait;filter:none;opacity:.65;transform:none}
.quick-account-btn--login{display:block;margin:10px 0 0;width:100%}
.quick-account-login-hint{color:var(--tpl-text-muted,#7b8580);font-size:12px;line-height:1.5;margin:8px 0 0;text-align:center}
.quick-account-modal{align-items:center;background:rgba(15,23,42,.54);display:none;inset:0;justify-content:center;padding:16px;position:fixed;z-index:2147483000}
.quick-account-modal.is-open{display:flex}
.quick-account-dialog{background:var(--tpl-bg-base,#fff);border:1px solid var(--tpl-border-soft,#e6eee9);border-radius:var(--tpl-radius,14px);box-shadow:0 18px 60px rgba(15,23,42,.25);box-sizing:border-box;color:var(--tpl-text,#333);max-width:420px;position:relative;width:100%}
.quick-account-dialog__head{align-items:center;border-bottom:1px solid var(--tpl-border-soft,#e6eee9);display:flex;justify-content:space-between;padding:15px 18px}
.quick-account-dialog__title{color:var(--tpl-text-strong,#222);font-size:17px;font-weight:700;margin:0}
.quick-account-dialog__close{background:transparent;border:0;color:var(--tpl-text-muted,#7b8580);cursor:pointer;font-size:25px;line-height:1;padding:0 2px}
.quick-account-dialog__body{padding:18px}
.quick-account-dialog__desc{color:var(--tpl-text-muted,#7b8580);font-size:13px;line-height:1.6;margin:0 0 14px}
.quick-account-credential{background:var(--tpl-bg-muted,#f7faf8);border:1px solid var(--tpl-border-soft,#e6eee9);border-radius:var(--tpl-radius,10px);display:flex;gap:8px;margin:8px 0;padding:10px 12px}
.quick-account-credential__label{color:var(--tpl-text-muted,#7b8580);flex:0 0 42px;font-size:13px}
.quick-account-credential__value{color:var(--tpl-text-strong,#222);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:600;min-width:0;overflow-wrap:anywhere}
.quick-account-form__label{color:var(--tpl-text-muted,#66736c);display:block;font-size:13px;margin:10px 0 6px}
.quick-account-form__input{background:var(--tpl-bg-base,#fff);border:1px solid var(--tpl-border-soft,#dce6e0);border-radius:var(--tpl-radius,9px);box-sizing:border-box;color:var(--tpl-text,#333);font-size:14px;height:42px;padding:0 11px;width:100%}
.quick-account-form__input:focus{border-color:var(--tpl-accent,#40cc92);box-shadow:0 0 0 3px rgba(var(--tpl-accent-rgb,64,204,146),.14);outline:0}
.quick-account-dialog__actions{display:flex;gap:9px;justify-content:flex-end;margin-top:18px}
.quick-account-dialog__btn{border:1px solid var(--tpl-border-soft,#dce6e0);border-radius:var(--tpl-radius,9px);cursor:pointer;font-size:13px;font-weight:600;min-height:38px;padding:7px 14px}
.quick-account-dialog__btn--cancel{background:var(--tpl-bg-muted,#f7faf8);color:var(--tpl-text-muted,#66736c)}
.quick-account-dialog__btn--primary{background:var(--tpl-accent,#40cc92);border-color:var(--tpl-accent,#40cc92);color:var(--tpl-text-on-inverse,#fff)}
.quick-account-dialog__btn--primary:disabled{cursor:wait;opacity:.65}
.quick-account-dialog__note{color:var(--tpl-text-muted,#7b8580);font-size:12px;line-height:1.55;margin:12px 0 0}
body.bstem .quick-account-modal{background:rgba(0,0,0,.68)}
@media(max-width:520px){.quick-account-panel{align-items:flex-start;flex-direction:column}.quick-account-btn{width:100%}.quick-account-dialog__body{padding:16px}}

/* Quick account registration and promotion use the site's black and gold palette. */
#quickAccountModal.quick-account-modal{background:rgba(0,0,0,.76);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
#quickAccountModal .quick-account-dialog{background:#181815;border:1px solid #514620;border-radius:18px;box-shadow:0 24px 70px #000a;color:#f7f7f2;overflow:hidden}
#quickAccountModal .quick-account-dialog__head{border-bottom:1px solid #363326;padding:18px 20px}
#quickAccountModal .quick-account-dialog__title{color:#fff;font-size:18px}
#quickAccountModal .quick-account-dialog__close{color:#aaa69a;min-width:32px;min-height:32px;border-radius:8px}
#quickAccountModal .quick-account-dialog__close:hover{background:#2b2a23;color:#ffd314}
#quickAccountModal .quick-account-dialog__body{padding:20px}
#quickAccountModal .quick-account-dialog__desc,#quickAccountModal .quick-account-dialog__note{color:#bab6a8}
#quickAccountModal .quick-account-credential{background:#23231e;border:1px solid #45402c;border-radius:11px;align-items:flex-start;padding:12px 14px}
#quickAccountModal .quick-account-credential__label,#quickAccountModal .quick-account-form__label{color:#c7c3b5}
#quickAccountModal .quick-account-credential__value{color:#ffd314}
#quickAccountModal .quick-account-form__input{background:#23231e;border:1px solid #45402c;color:#fff}
#quickAccountModal .quick-account-form__input:focus{border-color:#ffd314;box-shadow:0 0 0 3px #ffd31426}
#quickAccountModal .quick-account-dialog__actions{gap:10px}
#quickAccountModal .quick-account-dialog__btn{border-radius:10px;min-height:42px}
#quickAccountModal .quick-account-dialog__btn--cancel{background:#2b2a23;border-color:#494432;color:#e7e3d9}
#quickAccountModal .quick-account-dialog__btn--primary{background:#ffd314;border-color:#ffd314;color:#16130a}
#quickAccountModal .quick-account-dialog__btn--primary:hover{background:#ffe15a;border-color:#ffe15a}
#quickAccountModal .quick-account-dialog__btn:focus-visible,#quickAccountModal .quick-account-dialog__close:focus-visible{outline:2px solid #ffd314;outline-offset:3px}
@media(max-width:520px){#quickAccountModal.quick-account-modal{padding:16px}#quickAccountModal .quick-account-dialog__body{padding:18px}}