.bf-member-menu,.bf-member-dialog{--member-bg:#19191d;--member-input:#111114;--member-border:#303037;--member-text:#fafafa;--member-muted:#a1a1aa;--member-accent:#6268ee;box-sizing:border-box;font-family:inherit;color:var(--member-text)}
html[data-bf-theme="light"] .bf-member-menu,html[data-bf-theme="light"] .bf-member-dialog{--member-bg:#fff;--member-input:#fafafa;--member-border:#e4e4e7;--member-text:#18181b;--member-muted:#71717a;--member-accent:#4f57df}
.bf-member-menu{position:fixed;z-index:10050;width:190px;padding:5px;background:var(--member-bg);border:1px solid var(--member-border);border-radius:10px;box-shadow:0 12px 30px #0003}
.bf-member-menu[hidden]{display:none!important}.bf-member-menu button{display:block;width:100%;padding:10px 12px;background:transparent;border:0;border-radius:6px;text-align:left;color:var(--member-text);font:inherit;font-size:13px;cursor:pointer}.bf-member-menu button:hover,.bf-member-menu button:focus-visible{background:var(--member-input);outline:1px solid var(--member-border)}
html body .bf-member-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 40px);overflow:auto;padding:30px;background:var(--member-bg);border:1px solid var(--member-border);border-radius:16px;box-shadow:0 24px 90px #0005;text-align:left}
.bf-member-dialog::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}
.bf-member-close{position:absolute;right:14px;top:10px;background:none;border:0;font-size:26px;font-weight:300;color:var(--member-muted);cursor:pointer;width:28px;height:28px;line-height:26px}
.bf-member-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--member-border);border-radius:12px;margin-bottom:18px;color:var(--member-muted)}.bf-member-mark svg{width:21px;height:21px}
html body .bf-member-dialog h2{font-size:23px;line-height:1.3;letter-spacing:-.5px;font-weight:600;margin:0 0 7px;color:var(--member-text)}
.bf-member-description{font-size:13px;line-height:1.6;color:var(--member-muted);margin:0 0 24px}
.bf-member-form{margin:0}.bf-member-form label{display:block;font-size:12px;font-weight:500;margin:15px 0 7px;color:var(--member-text)}
html body .bf-member-dialog input{box-sizing:border-box;display:block;width:100%;height:42px;padding:0 12px;border:1px solid var(--member-border)!important;border-radius:8px;background:var(--member-input)!important;color:var(--member-text)!important;font-family:inherit;font-size:14px;box-shadow:none!important;outline:none!important}
html body .bf-member-dialog input:focus{border-color:var(--member-accent)!important;box-shadow:0 0 0 2px #6366f122!important}.bf-member-dialog input::placeholder{color:var(--member-muted);opacity:.7}
.bf-member-password{position:relative}.bf-member-password input{padding-right:42px!important}.bf-member-reveal{position:absolute;right:3px;top:3px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:var(--member-muted);cursor:pointer}
.bf-member-hint{font-size:11px;line-height:1.5;color:var(--member-muted);margin:6px 0 0}
.bf-member-submit{display:block;width:100%;height:42px;margin-top:24px;padding:0 14px;border:0;border-radius:8px;background:var(--member-accent);color:#fff;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.bf-member-submit:hover{filter:brightness(1.08)}.bf-member-submit:disabled{opacity:.6;cursor:wait}
.bf-member-switch{text-align:center;font-size:12px;color:var(--member-muted);margin:20px 0 0}.bf-member-switch button{background:transparent;border:0;padding:0;color:var(--member-text);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bf-member-message{font-size:12px;line-height:1.5;color:#ef8383;padding:10px 12px;border:1px solid #ef838333;border-radius:8px;background:#ef83830b}.bf-member-message[hidden]{display:none}.bf-member-profile{margin:20px 0}.bf-member-profile dt{font-size:11px;color:var(--member-muted);margin:14px 0 5px}.bf-member-profile dd{font-size:14px;color:var(--member-text);overflow-wrap:anywhere;margin:0}
html body.theme-blackfire #header .bf-account-button{cursor:pointer}.bf-account-label small{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:991px){html body.theme-blackfire .mobile-nav .bf-account-nav{display:block!important}.mobile-nav .bf-account-button{display:flex;gap:10px;align-items:center;background:transparent;border:1px solid #7774;border-radius:9px;color:inherit;padding:8px 12px}.mobile-nav .bf-account-label{display:flex;flex-direction:column;text-align:left}.mobile-nav .bf-account-label small{font-size:11px}.bf-member-dialog input{font-size:16px!important}}
@media(prefers-reduced-motion:no-preference){.bf-member-dialog[open]{animation:bfMemberIn .18s ease-out}@keyframes bfMemberIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}

.bf-member-menu button{display:flex;align-items:center;gap:10px}.bf-member-menu button svg{width:17px;height:17px;flex-shrink:0;color:var(--member-muted)}
html body .bf-member-dialog{max-width:432px;padding:28px;border-radius:20px}
.bf-member-mark{width:40px;height:40px;border-radius:12px;margin-bottom:16px;background:#6366f110;border-color:#6366f126;color:#9295ff}
html body .bf-member-dialog h2{font-size:24px;letter-spacing:-.7px}
.bf-member-description{font-size:13px;margin-bottom:22px}
.bf-member-form label{font-size:12px;margin-top:14px;margin-bottom:6px}
html body .bf-member-dialog input{height:44px;border-radius:9px;font-size:13px}
.bf-member-reveal{top:4px}
html body .bf-member-dialog .bf-member-submit{height:44px;background:var(--member-accent)!important;color:#fff!important;border-radius:9px;margin-top:22px;font-size:13px}
.bf-member-switch{border-top:1px solid var(--member-border);padding-top:18px;margin-top:22px}
.bf-member-switch button{color:var(--member-text)!important}
.bf-member-field-error{margin:6px 0 0;font-size:11px;line-height:1.45;color:#f28b93}
.bf-member-field-error[hidden]{display:none!important}
html body .bf-member-dialog input[aria-invalid="true"]{border-color:#dd6874!important}
html[data-bf-theme="light"] .bf-member-field-error{color:#bd3445}
html[data-bf-theme="light"] .bf-member-mark{color:#5459d4}
html body .bf-member-notice{position:fixed;z-index:11000;right:24px;bottom:24px;display:flex;align-items:flex-start;gap:12px;width:380px;max-width:calc(100vw - 32px);padding:17px;border:1px solid #2e6150;border-radius:12px;background:#14241e;color:#ebfff4;box-shadow:0 12px 36px #0004;box-sizing:border-box;font-family:inherit}
html body .bf-member-notice:empty{display:none}
.bf-member-notice strong{display:block;font-size:13px;font-weight:600;line-height:1.5}
.bf-member-notice p{font-size:12px;line-height:1.6;margin:3px 0 0;color:#a6c9b8}
.bf-member-success-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#34d39920;color:#5de5ad;flex-shrink:0}
.bf-member-success-icon svg{width:19px;height:19px}
html body .bf-member-notice button{margin-left:auto;width:20px;height:20px;flex-shrink:0;border:0;padding:0;background:transparent!important;color:#a6c9b8!important;font-size:20px;line-height:20px;cursor:pointer}
html[data-bf-theme="light"] body .bf-member-notice{background:#f0fdf5;border-color:#bbdfca;color:#14532d}
html[data-bf-theme="light"] .bf-member-notice p,html[data-bf-theme="light"] body .bf-member-notice button{color:#42765b!important}
html[data-bf-theme="light"] .bf-member-success-icon{color:#168450}
@media(max-width:600px){html body .bf-member-dialog{padding:24px;max-height:calc(100dvh - 24px)}html body .bf-member-notice{right:16px;bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100vw - 32px)}}
@media(prefers-reduced-motion:no-preference){.bf-member-notice:not(:empty){animation:bfMemberIn .2s ease-out}}
html body.theme-blackfire #header .bf-account-button.bf-account-signed-in{gap:9px;padding:0 10px 0 4px;background:transparent;border-color:transparent}
html body.theme-blackfire #header .bf-account-signed-in .bf-account-icon,.mobile-nav .bf-account-signed-in .bf-account-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#292a35;color:#e0e1ff;font-size:12px;font-weight:600;letter-spacing:.3px;border:1px solid #ffffff0d}
html body.theme-blackfire #header .bf-account-signed-in .bf-account-label strong{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}
html body.theme-blackfire #header .bf-account-signed-in .bf-account-label small,.mobile-nav .bf-account-signed-in .bf-account-label small{max-width:none;font-size:10px;color:#a1a1aa!important;font-variant-numeric:tabular-nums}
html[data-bf-theme="light"] body.theme-blackfire #header .bf-account-signed-in .bf-account-icon{background:#eeedf8;color:#54516c;border-color:#dedde9}
html[data-bf-theme="light"] body.theme-blackfire #header .bf-account-signed-in .bf-account-label small{color:#71717a!important}
.bf-member-menu.bf-member-profile-menu{width:272px;max-width:calc(100vw - 24px);padding:7px;border-radius:14px;overflow-y:auto;box-shadow:0 16px 48px #0005}
.bf-member-menu-head{display:flex;align-items:center;gap:11px;padding:11px 10px 16px;margin-bottom:6px;border-bottom:1px solid var(--member-border)}
.bf-member-menu-avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#6366f11c;color:#b3b5ff;font-size:13px;font-weight:600}
.bf-member-menu-head>div{min-width:0}.bf-member-menu-head strong{display:block;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--member-text)}
.bf-member-menu-head small{display:block;font-size:11px;color:var(--member-muted);margin-top:4px}
.bf-member-profile-menu button{min-height:40px;padding:10px;gap:11px;border-radius:7px;font-size:12px;font-weight:400}
.bf-member-profile-menu button svg{width:18px;height:18px;stroke-width:1.65}
.bf-member-soon{margin-left:auto;font-size:9px;color:var(--member-muted);opacity:.65}
.bf-member-profile-menu button[aria-disabled=true]{cursor:default}
.bf-member-menu-divider{height:1px;background:var(--member-border);margin:6px 3px}
.bf-member-menu button.bf-member-logout,.bf-member-menu button.bf-member-logout svg{color:#f2767f!important}
.bf-member-menu button.bf-member-logout:hover,.bf-member-menu button.bf-member-logout:focus-visible{background:#ef444410}
html[data-bf-theme="light"] .bf-member-menu-avatar{color:#5753be}
html[data-bf-theme="light"] .bf-member-menu button.bf-member-logout,html[data-bf-theme="light"] .bf-member-menu button.bf-member-logout svg{color:#d33c4c!important}
html body .bf-member-dialog.bf-otp-dialog{text-align:center;padding:30px;max-width:440px}
.bf-otp-orb{width:126px;height:126px;margin:0 auto 14px;position:relative;color:#a5a1ff}.bf-otp-orb>svg{width:100%;height:100%;overflow:visible}.bf-otp-ring{fill:none;stroke:#8888bb33;stroke-dasharray:2 3;stroke-width:1}.bf-otp-particles{transform-origin:70px 70px;opacity:.7}
.bf-otp-orb>span{position:absolute;inset:40px;display:grid;place-items:center;border-radius:50%;background:var(--member-bg);box-shadow:0 0 26px 10px var(--member-bg)}.bf-otp-orb>span svg{width:26px;height:26px}
.bf-otp-step{font-size:10px;letter-spacing:2px;color:var(--member-muted);margin:0 0 10px}.bf-otp-dialog .bf-member-description{max-width:330px;margin:12px auto 22px;line-height:1.8;font-size:12px}.bf-otp-email{color:var(--member-text);font-weight:500;overflow-wrap:anywhere}
.bf-otp-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.bf-otp-entry{position:relative;margin:0 auto;max-width:350px}.bf-otp-slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.bf-otp-slots span{display:grid;place-items:center;height:54px;border:1px solid var(--member-border);background:var(--member-input);border-radius:10px;font-size:23px;font-weight:500;transition:border-color .2s,box-shadow .2s,transform .2s;color:var(--member-text);font-variant-numeric:tabular-nums}
.bf-otp-slots span.is-active{border-color:var(--member-accent);box-shadow:0 0 0 3px #6366f118}.bf-otp-slots span.is-filled{background:#6366f110;border-color:#6366f177;transform:translateY(-2px)}
html body .bf-member-dialog .bf-otp-entry input{position:absolute;inset:0;height:100%;width:100%;opacity:0;cursor:text;letter-spacing:18px;padding:0!important}
.bf-otp-status{font-size:11px;color:var(--member-muted);margin:18px 0 0;min-height:18px}.bf-otp-status:before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--member-accent);margin-right:7px;vertical-align:middle}
.bf-otp-expiry{font-size:11px;color:var(--member-muted);margin:13px 0 0}.bf-otp-dialog .bf-member-switch{margin-top:22px;padding-top:18px}.bf-otp-resend:disabled{opacity:.6;cursor:default;text-decoration:none}.bf-otp-edit{border:0;background:transparent;color:var(--member-muted);font:inherit;font-size:11px;cursor:pointer;margin:15px 0 0;padding:4px}
.bf-otp-success .bf-otp-orb,.bf-otp-success .bf-otp-status{color:#5ed5a0}.bf-otp-success .bf-otp-slots span{border-color:#5ed5a0;background:#5ed5a014}.bf-otp-error .bf-otp-slots span{border-color:#f2767f}.bf-otp-dialog .bf-member-message{text-align:left}
@media(prefers-reduced-motion:no-preference){.bf-otp-particles{animation:bfOtpOrbit 35s linear infinite}.bf-otp-checking .bf-otp-particles{animation-duration:3s}.bf-otp-checking .bf-otp-orb{animation:bfOtpPulse 1.1s ease-in-out infinite}.bf-otp-error .bf-otp-entry{animation:bfOtpShake .28s ease-in-out}@keyframes bfOtpOrbit{to{transform:rotate(360deg)}}@keyframes bfOtpPulse{50%{opacity:.55;transform:scale(.94)}}@keyframes bfOtpShake{25%,75%{transform:translateX(-4px)}50%{transform:translateX(4px)}}}
@media(max-width:420px){html body .bf-member-dialog.bf-otp-dialog{padding:24px 20px}.bf-otp-slots{gap:6px}.bf-otp-slots span{height:47px;font-size:20px}}

.bf-member-notice-error{background:#2b191c;border-color:#613039;color:#ffe4e6}.bf-member-notice-error .bf-member-success-icon{background:#451e26;color:#fb7185}
