/* Private mobile-template login; native/public login remains inherited. */
.fb-login-dialog{box-sizing:border-box;width:min(77.4vw,309.6px);max-width:calc(100vw - 32px);max-height:calc(100svh - 28px);padding:0;border:0;overflow:auto;background:transparent;color:#f5f3ee;outline:none;overscroll-behavior:contain;scrollbar-width:none;margin:auto;filter:drop-shadow(0 18px 28px rgba(0,0,0,.35));font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.fb-login-dialog::-webkit-scrollbar{display:none}
.fb-login-dialog::backdrop{background:rgba(12,15,19,.68)}
.fb-login-dialog[open]:not(.is-art-loading):not(.is-closing){animation:fb-login-arrive .52s cubic-bezier(.22,.78,.35,1);transform-origin:50% 65%}
.fb-login-dialog[open]::backdrop{animation:fb-login-backdrop .3s ease-out}
.fb-login-dialog[open].is-closing{animation:fb-login-depart .3s cubic-bezier(.4,0,.6,1) both;transform-origin:50% 65%;pointer-events:none}
.fb-login-dialog[open].is-closing::backdrop{animation:fb-login-backdrop .3s ease-in reverse both}
.fb-login-card{position:relative;isolation:isolate;min-width:0}
.fb-login-dialog.is-art-loading .fb-login-card{visibility:hidden}
.fb-login-dialog.is-art-loading .fb-login-close{visibility:visible}
.fb-login-dialog[open].is-art-loading::before{content:"";position:absolute;left:calc(50% - 12px);top:calc(50% - 12px);box-sizing:border-box;width:24px;height:24px;border:2px solid rgba(255,255,255,.24);border-top-color:#f5f3ee;border-radius:50%;animation:fb-login-wait .8s linear infinite}
.fb-login-dialog.is-art-unavailable .fb-login-card{background:#292d30;border-radius:8px}
.fb-login-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none}
.fb-login-hero{position:relative;aspect-ratio:1.49}
.fb-login-brand{position:absolute;left:8%;top:20%;width:22%;height:auto}
/* Preserve the requested +15% lettering size when the card narrows by 10%. */
.fb-login-lettering{position:absolute;left:8%;top:46.6667%;width:69%;height:auto;transform:translateY(30%) rotate(-7deg);transform-origin:left bottom;filter:none}
/* The chosen frame's upper-right edge begins 4.2% below the card's top. */
.fb-login-close{position:absolute;right:16px;top:calc(4.2% + 16px);display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(35,36,40,.38);color:#fff;padding:11px;cursor:pointer}
.fb-login-dialog svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.fb-login-close svg{width:22px;height:22px;stroke-width:1.8}
.fb-login-content{padding:0 9.5% 16px}
.fb-login-methods{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-height:44px;margin:0 0 4px}
.fb-login-mode{display:grid;place-items:center;position:relative;width:35.2px;height:35.2px;background:rgba(22,24,26,.24);border:1px solid transparent;border-radius:50%;padding:7.2px;color:#d4d5d6;cursor:pointer}
.fb-login-mode.is-active{color:#FCCF00;background:rgba(20,22,24,.4);border-color:rgba(252,207,0,.32)}
.fb-login-mode svg{width:18.4px;height:18.4px}
.fb-login-dialog button,.fb-login-dialog a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.fb-login-dialog button:focus-visible,.fb-login-dialog a:focus-visible{outline:2px solid #FCCF00;outline-offset:2px}
.fb-login-dialog.is-opening .fb-login-close:focus-visible{outline:none}
.fb-login-fields{display:grid;gap:10px}
.fb-login-fields[hidden],.fb-login-status[hidden]{display:none!important}
.fb-login-field{display:flex;align-items:center;box-sizing:border-box;width:100%;height:44px;gap:0;padding:0;overflow:hidden;border:1px solid rgba(218,222,225,.55);border-radius:8px;background:rgba(40,42,43,.82);color:#e5e7e9;box-shadow:0 1px 0 rgba(255,255,255,.04) inset}
.fb-login-field:focus-within{border-color:rgba(252,207,0,.85)}
.fb-login-field>svg{box-sizing:border-box;flex:0 0 48px;width:48px;height:42px;padding:9px 12px;border-right:1px solid rgba(218,222,225,.15);background:rgba(255,255,255,.09);stroke-width:1.6}
.fb-login-dialog .fb-login-input{--fb-input-scale:.875;display:flex;align-items:center;box-sizing:border-box;flex:1;min-width:0;min-height:0;height:100%;padding:11px;overflow:hidden}
#fb-login-phone-fields .fb-login-input{--fb-input-scale:.8125}
/* Keep iOS focus at 16px; one static paint scale gives 14px/13px text in every state.
   The existing wrapper owns spacing and clips the compensated input width. */
.fb-login-dialog .fb-login-field input{display:block;box-sizing:border-box;min-width:0;min-height:0;flex-shrink:0;width:calc(100% / var(--fb-input-scale));height:100%;margin:0;padding:0;border:0;border-radius:0;appearance:none;-webkit-appearance:none;background:transparent;color:#f5f5f4;font:400 16px/20px -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;outline:none;box-shadow:none;transform:scale(var(--fb-input-scale));transform-origin:left center}
.fb-login-field input::placeholder{font:inherit;color:#e0e1e2;opacity:1}
.fb-login-field input[name=username]::placeholder,.fb-login-field input[name=password]::placeholder{color:rgba(224,225,226,.6)}
.fb-login-field input:-webkit-autofill{-webkit-text-fill-color:#f5f5f4;background-clip:text;-webkit-background-clip:text;box-shadow:none;caret-color:#f5f5f4}
.fb-login-field input:-webkit-autofill::first-line{font:inherit}
.fb-login-eye{display:grid;place-items:center;flex:0 0 36px;align-self:stretch;margin:0;padding:0;border:0;background:transparent;color:#e0e3e6;cursor:pointer}
.fb-login-eye svg{width:23px;height:23px}
.fb-login-send-code{flex:0 0 auto;align-self:stretch;max-width:112px;padding:0 10px;border:0;border-left:1px solid rgba(211,216,220,.4);border-radius:0;background:transparent;color:#eee;font-family:inherit;font-size:12px;line-height:1.25;white-space:nowrap;cursor:pointer}
.fb-login-send-code:disabled{color:#b3b6b8;cursor:default}
.fb-login-submit{box-sizing:border-box;display:block;width:100%;height:44px;margin-top:14px;padding:0;border:0;border-radius:7px;background-color:#FCCF00;background-image:var(--fb-login-button,none);background-size:100% 100%;color:#181b1e;font:500 14px/1.2 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:2px;cursor:pointer;box-shadow:0 1px 0 rgba(255,255,255,.28) inset}
.fb-login-submit:active{filter:brightness(.95)}
.fb-login-submit:disabled{opacity:.7;cursor:wait}
.fb-login-status{box-sizing:border-box;margin:10px 0 0;padding:8px 10px;border:1px solid transparent;border-radius:5px;background:rgba(11,14,17,.88);color:#f2ede1;font-size:12px;line-height:1.5}
.fb-login-status.is-error{border-color:#fda4af;background:#fff1f2;color:#be123c}
.fb-login-links{display:flex;align-items:center;justify-content:center;gap:17px;min-height:44px;margin-top:8px}
.fb-login-dialog .fb-login-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 3px;color:rgba(222,223,225,.6);font-size:13px;line-height:1.4;text-decoration:none;white-space:nowrap}
.fb-login-link-divider{height:18px;width:1px;background:rgba(221,226,231,.4)}
.fb-login-sr{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.fb-login-direct-backdrop{position:fixed;inset:0;background:#353a3e center/cover no-repeat;z-index:-1}
@keyframes fb-login-arrive{0%{opacity:0;transform:translateY(20px) scale(.88)}65%{opacity:1;transform:translateY(-3px) scale(1.012)}82%{transform:translateY(1px) scale(.997)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes fb-login-depart{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.88)}}
@keyframes fb-login-backdrop{from{opacity:0}to{opacity:1}}
@keyframes fb-login-wait{to{transform:rotate(360deg)}}
@media(max-width:340px){.fb-login-dialog{width:calc(90vw - 36px)}.fb-login-content{padding-left:8%;padding-right:8%}.fb-login-field>svg{flex-basis:44px;width:44px;padding-left:10px;padding-right:10px}.fb-login-send-code{padding:0 7px}.fb-login-links{gap:12px}}
@media(prefers-reduced-motion:reduce){.fb-login-dialog[open]:not(.is-art-loading),.fb-login-dialog[open].is-closing,.fb-login-dialog[open]::backdrop,.fb-login-dialog[open].is-art-loading::before{animation:none}}
