html.security-lock,html.security-lock body{overflow:hidden;height:100%}
.security-surface{position:fixed;inset:0;z-index:58;width:100%;max-width:480px;margin:0 auto;background:#1b232e;color:#eef2f6;display:flex;flex-direction:column;overflow:hidden;transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .42s cubic-bezier(.32,.72,0,1),visibility 0s .42s;font-family:'Plex',Arial,sans-serif}
.security-surface.open{transform:translateX(0);visibility:visible;pointer-events:auto;transition-delay:0s}
.security-detail{z-index:59}.security-form-page{z-index:60}.security-setup{z-index:61}#securityAuthenticatorVerifyPage{z-index:62}
.security-head{position:relative;flex:0 0 auto;min-height:69px;padding:calc(21px + env(safe-area-inset-top)) 20px 8px;display:flex;align-items:center}
.security-head-title{justify-content:center}.security-head-title>strong{font-size:18px;line-height:24px;font-weight:600}
.security-head-title .security-back{position:absolute;left:20px;bottom:8px}
.security-back,.security-icon-button,.security-line-actions button{border:0;background:transparent;color:#dce2e8;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.security-back{width:34px;height:34px}.security-back svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.security-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:18px 20px calc(34px + env(safe-area-inset-bottom))}.security-scroll::-webkit-scrollbar{display:none}
.security-scroll h1{margin:2px 0 50px;font-size:32px;line-height:39px;font-weight:600;letter-spacing:-.4px;color:#f4f7fa}
.security-section h2{margin:0 0 9px;font-size:19px;line-height:26px;font-weight:500}.security-lead{margin:0 0 20px;color:#8f98a5;font-size:15px;line-height:23px}
.security-method{position:relative;width:100%;height:88px;margin:0 0 14px;padding:0 20px;border:1px solid #35404d;border-radius:15px;background:transparent;color:#eef2f6;display:grid;grid-template-columns:31px minmax(0,1fr) 25px 10px;align-items:center;gap:12px;text-align:left;cursor:pointer}
.security-method:active,.security-link-row:active{background:#222c38}.security-method-icon{width:29px;height:29px;display:flex;color:#e8edf2}.security-method-icon svg,.security-line-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.security-method strong{font-size:19px;line-height:25px;font-weight:500;white-space:nowrap}
.security-method-state{width:22px;height:22px;border:1.6px solid #5d6672;border-radius:50%;display:block;position:relative}
.security-method-state.enabled{border-color:#16b979}.security-method-state.enabled:after{content:"";position:absolute;left:5px;top:4px;width:8px;height:4px;border-left:1.8px solid #16b979;border-bottom:1.8px solid #16b979;transform:rotate(-45deg)}
.security-chevron{width:9px;height:16px;display:block;position:relative}.security-chevron:after{content:"";position:absolute;left:0;top:4px;width:7px;height:7px;border-top:1.8px solid #687382;border-right:1.8px solid #687382;transform:rotate(45deg)}
.security-collapse-mark{height:49px;position:relative;margin:1px -20px 0;border-bottom:1px solid #303945}.security-collapse-mark:after{content:"";position:absolute;left:50%;top:8px;width:15px;height:15px;border-right:1.5px solid #77818d;border-bottom:1.5px solid #77818d;transform:translateX(-50%) rotate(45deg)}
.security-advanced{margin:0 -20px}.security-advanced>p{margin:0;padding:23px 20px 15px;color:#8f98a5;font-size:15px}.security-link-row{width:100%;height:74px;padding:0 20px;border:0;background:transparent;color:#eef2f6;display:grid;grid-template-columns:1fr 11px;align-items:center;text-align:left;cursor:pointer}.security-link-row strong{font-size:19px;font-weight:500}
.security-detail .security-scroll h1,.security-form-page .security-scroll h1{margin-bottom:47px}.security-account-line{display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:start;gap:12px}.security-line-icon{width:29px;height:29px;color:#e4e9ee}.security-line-copy{min-width:0;display:flex;flex-direction:column;gap:7px}.security-line-copy strong{font-size:18px;line-height:24px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-line-copy small{font-size:14px;line-height:19px;color:#8f98a5}.security-icon-button{width:31px;height:31px;color:#707b88}.security-icon-button svg,.security-line-actions svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.security-line-actions{display:flex;align-items:center;gap:8px}.security-line-actions[hidden]{display:none}
.security-tip{margin:40px 0 28px;padding:16px 17px;border-radius:14px;background:#273241;display:grid;grid-template-columns:22px 1fr;gap:9px;color:#e7ecf2}.security-tip>span svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.security-tip p{margin:0;font-size:14px;line-height:21px}.security-tip p strong{display:block;font-weight:500}.security-form-copy{margin:-37px 0 45px;color:#8f98a5;font-size:16px;line-height:23px}.security-label{display:block;margin:0 0 10px;color:#9ba4af;font-size:16px;line-height:22px}.security-input-wrap{height:58px;border:1px solid transparent;border-radius:13px;background:#273241;display:flex;align-items:center;margin:0 0 9px}.security-input-wrap:focus-within{border-color:#8f98a5}.security-input-wrap.error{border-color:#e05260}.security-input-wrap input{min-width:0;flex:1;height:100%;border:0;outline:0;background:transparent;color:#f2f5f8;font:500 18px/24px 'Plex',Arial,sans-serif;padding:0 15px}.security-input-wrap button{border:0;background:transparent;color:#f0b90b;height:100%;padding:0 16px;font:500 17px/22px 'Plex',Arial,sans-serif;cursor:pointer}.security-error{min-height:24px;color:#e05260;font-size:14px;line-height:19px}.security-primary{width:100%;height:56px;margin-top:12px;border:0;border-radius:10px;background:#fcd434;color:#171c24;font:600 18px/24px 'Plex',Arial,sans-serif;cursor:pointer}.security-primary:disabled,.security-primary.disabled{background:#776b32;color:#252a32;cursor:default}.security-primary:not(:disabled):active{filter:brightness(.92)}
.security-steps{padding-top:18px}.security-step{display:grid;grid-template-columns:56px minmax(0,1fr);gap:8px;margin-bottom:42px}.security-step-number{color:#475362;font-size:45px;line-height:48px;font-weight:400;letter-spacing:-2px}.security-step p{margin:6px 0 19px;font-size:16px;line-height:24px}.security-step small{display:block;margin-bottom:8px;color:#9ba4af;font-size:15px}.security-secret{height:58px;border-radius:13px;background:#273241;display:flex;align-items:center;padding-left:13px}.security-secret code{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;color:#f2f5f8;font:500 14px/20px 'Plex',monospace;letter-spacing:.2px}.security-secret button{height:100%;border:0;background:transparent;padding:0 15px;color:#f0b90b;font:500 16px 'Plex';cursor:pointer}.security-qr{width:132px;height:132px;margin-top:11px;background:#fff;padding:7px}.security-qr svg{display:block;width:100%;height:100%}.security-google-card{width:112px;height:128px;border:7px solid #3b4655;border-top:0;border-radius:0 0 12px 12px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:12px}.security-google-card svg{width:48px;height:48px;border-radius:50%;background:#2b3441;padding:8px}.security-notice{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;padding:13px 14px;border-radius:13px;background:#373728;color:#e8ebee;font-size:14px;line-height:20px}.security-notice svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.security-bottom-button{margin-top:calc(70px + env(safe-area-inset-bottom))}
.security-password-notice{margin:-25px 0 33px}.security-password-wrap{position:relative}.security-eye{width:54px;position:relative}.security-eye:before{content:"";position:absolute;left:16px;top:19px;width:20px;height:13px;border:1.7px solid #76818d;border-radius:50%/60%}.security-eye:after{content:"";position:absolute;left:14px;top:28px;width:25px;height:1.7px;background:#76818d;transform:rotate(-45deg);transform-origin:center}.security-eye.shown:after{display:none}.security-password-rules{list-style:none;margin:7px 0 30px;padding:0;color:#818a96;font-size:14px;line-height:27px}.security-password-rules li:before{content:"✓";display:inline-block;width:25px;color:#56606d}.security-password-rules li.valid{color:#8f98a5}.security-password-rules li.valid:before{color:#16b979}.security-toast{position:fixed;left:50%;bottom:calc(25px + env(safe-area-inset-bottom));z-index:96;max-width:calc(100% - 40px);padding:12px 17px;border-radius:9px;background:#12b886;color:#fff;font:500 14px/20px 'Plex',Arial,sans-serif;opacity:0;visibility:hidden;transform:translate(-50%,12px);transition:.22s;white-space:nowrap}.security-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0)}
.auth-login-totp .auth-desc{margin-bottom:48px}.auth-code-field{position:relative}.auth-code-field .auth-input{padding-right:76px}.auth-code-paste{position:absolute;right:0;top:0;height:100%;border:0;background:transparent;color:#f0b90b;padding:0 14px;font:500 16px 'Plex';cursor:pointer}
@media(max-width:380px){.security-scroll{padding-left:17px;padding-right:17px}.security-scroll h1{font-size:29px;margin-bottom:38px}.security-method{height:79px;padding:0 15px}.security-method strong{font-size:17px}.security-step{grid-template-columns:48px 1fr}.security-step-number{font-size:39px}}
@media(prefers-reduced-motion:reduce){.security-surface{transition-duration:.01ms}.security-toast{transition-duration:.01ms}}

/* Compact reference sizing and deterministic horizontal page motion. */
.security-surface{z-index:72;box-sizing:border-box;transition:transform .38s cubic-bezier(.22,.72,0,1),visibility 0s linear .38s}
.security-detail{z-index:73}.security-form-page{z-index:74}.security-setup{z-index:75}#securityAuthenticatorVerifyPage{z-index:76}
.security-surface.opening,.security-surface.closing{visibility:visible;pointer-events:none;transition:transform .38s cubic-bezier(.22,.72,0,1),visibility 0s linear .38s}
.security-surface.open{transition:transform .38s cubic-bezier(.22,.72,0,1),visibility 0s linear 0s}
.security-head{min-height:57px;padding:calc(14px + env(safe-area-inset-top)) 16px 6px}
.security-head-title>strong{font-size:16px;line-height:21px}
.security-head-title .security-back{left:16px;bottom:6px}
.security-back{width:30px;height:30px}.security-back svg{width:22px;height:22px}
.security-scroll{padding:13px 16px calc(26px + env(safe-area-inset-bottom))}
.security-scroll h1{margin:1px 0 36px;font-size:27px;line-height:33px;letter-spacing:-.25px}
.security-section h2{margin-bottom:7px;font-size:16px;line-height:22px}.security-lead{margin-bottom:16px;font-size:13px;line-height:20px}
.security-method{height:72px;margin-bottom:11px;padding:0 16px;border-radius:12px;grid-template-columns:25px minmax(0,1fr) 21px 9px;gap:10px}
.security-method-icon{width:24px;height:24px}.security-method-icon img,.security-line-icon img{display:block;width:100%;height:100%;object-fit:contain}
.security-method strong{font-size:16px;line-height:21px}.security-method-state{width:19px;height:19px}.security-method-state.enabled:after{left:4px;top:3px;width:7px;height:4px}
.security-chevron{width:8px;height:14px}.security-chevron:after{top:4px;width:6px;height:6px}
.security-collapse-mark{height:39px;margin-top:0}.security-collapse-mark:after{top:6px;width:12px;height:12px}
.security-advanced>p{padding:18px 16px 10px;font-size:13px}.security-link-row{height:58px;padding:0 16px}.security-link-row strong{font-size:16px}
.security-detail .security-scroll h1,.security-form-page .security-scroll h1{margin-bottom:36px}
.security-account-line{grid-template-columns:25px minmax(0,1fr) auto;gap:10px}.security-line-icon{width:24px;height:24px}.security-line-copy{gap:5px}.security-line-copy strong{font-size:16px;line-height:21px}.security-line-copy small{font-size:13px;line-height:17px}
.security-icon-button{width:27px;height:27px}.security-icon-button img,.security-line-actions img{display:block;width:24px;height:24px;object-fit:contain}
.security-tip{margin:31px 0 24px;padding:13px 14px;border-radius:11px;grid-template-columns:19px 1fr;gap:8px}.security-tip>span svg{width:18px;height:18px}.security-tip p{font-size:12px;line-height:18px}
.security-form-copy{margin:-28px 0 35px;font-size:14px;line-height:20px}.security-label{margin-bottom:8px;font-size:14px;line-height:19px}
.security-input-wrap{height:50px;border-radius:10px;margin-bottom:7px}.security-input-wrap input{font-size:16px;line-height:21px;padding:0 13px}.security-input-wrap button{padding:0 14px;font-size:15px;line-height:20px}.security-error{min-height:20px;font-size:12px;line-height:17px}
.security-primary{height:44px;margin-top:10px;border-radius:8px;font-size:15px;line-height:20px}
.security-steps{padding-top:12px}.security-step{grid-template-columns:46px minmax(0,1fr);gap:7px;margin-bottom:32px}.security-step-number{font-size:36px;line-height:40px}.security-step p{margin:5px 0 15px;font-size:14px;line-height:21px}.security-step small{margin-bottom:7px;font-size:13px}.security-secret{height:50px;border-radius:10px;padding-left:11px}.security-secret code{font-size:12px;line-height:18px}.security-secret button{padding:0 13px;font-size:14px}.security-qr{width:120px;height:120px;margin-top:9px;padding:6px}
.security-google-card{width:96px;height:110px;border-width:0;padding:0;background:transparent;align-items:stretch}.security-google-card img{display:block;width:100%;height:100%;object-fit:contain}
.security-notice{grid-template-columns:18px 1fr;gap:7px;padding:11px 12px;border-radius:10px;font-size:12px;line-height:18px}.security-notice svg{width:17px;height:17px}.security-bottom-button{margin-top:calc(54px + env(safe-area-inset-bottom))}
.security-password-notice{margin:-19px 0 25px}.security-eye{width:48px}.security-eye:before{left:14px;top:17px;width:18px;height:12px}.security-eye:after{left:12px;top:25px;width:23px}.security-password-rules{margin:5px 0 24px;font-size:12px;line-height:23px}.security-password-rules li:before{width:22px}
.auth-login-totp .auth-desc{margin-bottom:38px}.auth-code-paste{font-size:15px}
@media(max-width:380px){.security-scroll{padding-left:14px;padding-right:14px}.security-scroll h1{font-size:25px;margin-bottom:31px}.security-method{height:68px;padding:0 13px}.security-method strong{font-size:15px}.security-step{grid-template-columns:42px 1fr}.security-step-number{font-size:33px}}

/* v4: every Security route has a clearly visible native-style horizontal
   transition. Web Animations owns transform while moving; these rules keep
   the surface painted and provide the same 620ms fallback in older WebViews. */
.security-surface{
  transition:transform .62s cubic-bezier(.4,0,.2,1),visibility 0s linear .62s!important;
}
.security-surface.open{
  transition:transform .62s cubic-bezier(.4,0,.2,1),visibility 0s linear 0s!important;
}
.security-surface.opening,
.security-surface.closing,
.security-surface.security-animating{
  visibility:visible!important;
  pointer-events:none!important;
  will-change:transform!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.security-surface.security-animating{transition:none!important;}

/* Centre the check optically inside its green status ring. */
.security-method-state.enabled:after{
  left:calc(50% - 3.5px)!important;
  top:calc(50% - 2px)!important;
  width:7px!important;
  height:4px!important;
  transform:rotate(-45deg)!important;
  transform-origin:center!important;
}

/* The collapse arrow is not an action and is intentionally removed. */
.security-collapse-mark{display:none!important;}
.security-advanced{
  margin:14px -16px 0!important;
  border-top:1px solid #303945;
}

/* v5: the route animation is temporary; settled Security pages must return
   to normal browser text/SVG painting instead of keeping a GPU texture. */
.security-surface.open:not(.opening):not(.closing):not(.security-animating){
  transform:none!important;
  translate:none!important;
  scale:none!important;
  rotate:none!important;
  will-change:auto!important;
  filter:none!important;
  opacity:1!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform-style:flat!important;
  perspective:none!important;
  contain:none!important;
}
.security-surface.open:not(.opening):not(.closing):not(.security-animating),
.security-surface.open:not(.opening):not(.closing):not(.security-animating) *{
  text-rendering:auto!important;
  -webkit-font-smoothing:auto!important;
}