/* Threads-style login, signup and account sheets. Phones only; the desktop login layout is untouched.
   The long selector prefixes beat the older handoff, arca and settings rules. */
@media (max-width:768px){
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth,html:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg{--ak-bg:#fff;--ak-text:#000;--ak-sub:#767676;--ak-line:#e3e3e3;--ak-field:#f3f3f3;--ak-sheet:#fff;--ak-err:#d7152c;--ak-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.6 12.6l4.1 4.1l8.7-9.2' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
html.dark:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth,html.dark:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg,html[data-theme=dark]:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth,html[data-theme=dark]:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg{--ak-bg:#101010;--ak-text:#f3f5f7;--ak-sub:#848484;--ak-line:#303030;--ak-field:#1e1e1e;--ak-sheet:#181818;--ak-err:#ff5a67}

/* login has no tab bar, like Threads; the back arrow leaves the screen */
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth nav.th-nav,html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth .th-navfab{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth,html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #appScroll{background:var(--ak-bg)!important}

/* page */
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage{background:var(--ak-bg)!important;color:var(--ak-text);padding:0!important;max-width:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage>.xtop{position:static!important;display:flex!important;align-items:center!important;height:auto!important;min-height:0!important;padding:calc(env(safe-area-inset-top,0px) + 6px) 8px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage>.xtop>#xBack{display:flex!important;align-items:center;justify-content:center;width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important;color:var(--ak-text)!important;background:transparent!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage>.xtop>#xBack svg{width:24px!important;height:24px!important;stroke-width:2!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-layout{display:block!important;padding:0 20px calc(40px + var(--kb,0px))!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-form{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}

/* title, one grey line, one grey note */
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-brand{display:block!important;padding:10px 0 0!important;margin:0!important;text-align:left!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-brand-mark{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-brand h1{margin:0!important;font-size:24px!important;line-height:1.25!important;font-weight:700!important;letter-spacing:-.4px!important;color:var(--ak-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-brand p{margin:6px 0 0!important;font-size:14px!important;line-height:1.5!important;font-weight:400!important;color:var(--ak-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-note{margin:12px 0 0!important;padding:0!important;background:none!important;border-radius:0!important;text-align:left!important;font-size:13px!important;line-height:1.55!important;color:var(--ak-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-note a{color:var(--ak-sub)!important;text-decoration:underline!important;text-underline-offset:2px}

/* login | join switch: underline tabs like the Threads feed tabs */
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-tabs{display:flex!important;gap:0!important;margin:20px 0 0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--ak-line)!important;background:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-tabs>button{flex:1!important;height:46px!important;margin:0 0 -1px!important;padding:0!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;font-size:15px!important;line-height:1!important;font-weight:600!important;color:var(--ak-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-tabs>button.on{color:var(--ak-text)!important;border-bottom-color:var(--ak-text)!important;box-shadow:none!important}

/* fields: light grey fill, 14px corners, 1px hairline, 52px high, 16px text so iOS never zooms */
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-fields{display:grid!important;gap:10px!important;padding:18px 0 0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-form input.xin,html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-ident #lIdent,html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-signup-nick input.xin{display:block;box-sizing:border-box;width:100%!important;height:52px!important;min-height:0!important;margin:0!important;padding:0 16px!important;border:1px solid var(--ak-line)!important;border-radius:14px!important;background:var(--ak-field)!important;box-shadow:none!important;outline:0!important;font-size:16px!important;line-height:normal!important;font-weight:400!important;color:var(--ak-text)!important;font-family:inherit;-webkit-appearance:none;appearance:none}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-form input.xin::placeholder{color:var(--ak-sub)!important;opacity:1;letter-spacing:0}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-form input.xin:focus,html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-signup-nick input.xin:focus{border-color:var(--ak-text)!important;background:var(--ak-bg)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-form input.xin[aria-invalid=true],html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-signup-nick input.xin[aria-invalid=true]{border-color:var(--ak-err)!important;box-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-ident{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:6px 10px!important;padding:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-ident #lIdent{font-weight:600!important;letter-spacing:.3px;height:52px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-ident button{height:52px;padding:0 4px;border:0;background:none!important;font-size:13px!important;font-weight:600!important;color:var(--ak-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-ident small{grid-column:1/-1;margin:0!important;padding:0 2px!important;font-size:12.5px!important;line-height:1.5!important;color:var(--ak-sub)!important}

/* password hint row, show/hide, nickname hint */
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-password-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:10px 2px 0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-password-guide{margin:0!important;padding:0!important;font-size:12.5px!important;line-height:1.5!important;color:var(--ak-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-password-guide.invalid{color:var(--ak-err)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-show{display:block!important;width:auto!important;flex:none!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important;font-size:13px!important;line-height:1.5!important;font-weight:600!important;color:var(--ak-sub)!important;text-align:right!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-signup-nick{padding:10px 0 0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .zip14-signup-nick p{margin:6px 0 0!important;padding:0 2px!important;font-size:12.5px!important;line-height:1.5!important;color:var(--ak-sub)!important}

/* check rows: a round tick drawn from the shared tick glyph */
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-login-options{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:12px 0 0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-login-options>.auth-check{flex:1!important;min-width:0!important;min-height:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-check{display:flex!important;align-items:flex-start!important;gap:12px!important;margin:0!important;padding:14px 0 4px!important;cursor:pointer}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-login-options>.auth-check{padding:4px 0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-check input{-webkit-appearance:none;appearance:none;position:relative;flex:none;box-sizing:border-box;width:22px;height:22px;margin:1px 0 0!important;border:1.5px solid var(--ak-sub)!important;border-radius:50%!important;background:transparent!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-check input:checked{background:var(--ak-text)!important;border-color:var(--ak-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-check input:checked::after{content:"";position:absolute;left:-1.5px;top:-1.5px;right:auto;bottom:auto;width:22px;height:22px;border:0!important;transform:none!important;background:var(--ak-bg);-webkit-mask:var(--ak-tick) center/18px 18px no-repeat;mask:var(--ak-tick) center/18px 18px no-repeat}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-check b{display:block;font-size:14.5px!important;line-height:1.4!important;font-weight:500!important;color:var(--ak-text)}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-check small{display:block;margin-top:2px!important;font-size:13px!important;line-height:1.45!important;color:var(--ak-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-legal-links{margin:0!important;padding:0 0 0 34px!important}

/* errors sit under the fields, left aligned, 12.5px */
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-error,html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage #lPasswordError,html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage #lErr{margin:0!important;padding:8px 2px 0!important;min-height:0!important;text-align:left!important;font-size:12.5px!important;line-height:1.5!important;font-weight:400!important;color:var(--ak-err)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-error:empty,html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-error[hidden]{display:none!important}

/* primary action: solid ink, 52px, spinner while sending */
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-submit{padding:16px 0 0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-submit #lGo{display:flex!important;align-items:center;justify-content:center;gap:8px;width:100%!important;height:52px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:14px!important;background:var(--ak-text)!important;color:var(--ak-bg)!important;box-shadow:none!important;font-size:16px!important;line-height:1!important;font-weight:700!important;letter-spacing:-.2px}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-submit #lGo:disabled{opacity:.3!important;background:var(--ak-text)!important;color:var(--ak-bg)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-submit #lGo.busy:disabled{opacity:.75!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-submit #lGo.busy::before{content:"";width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:ak-spin .8s linear infinite}
@keyframes ak-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-submit #lGo.busy::before{animation:none;border-top-color:currentColor;opacity:.6}}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-forgot{display:block!important;width:auto!important;margin:14px auto 0!important;padding:8px 12px!important;border:0!important;background:none!important;font-size:13.5px!important;line-height:1.4!important;font-weight:500!important;color:var(--ak-sub)!important;text-decoration:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root body.handoff-auth #xpage#xpage .auth-form>.auth-note:last-child{margin-top:14px!important}

/* sheets that belong to the account flow: recovery, saved-code receipt, 2-step code, member gate */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet>.sheet,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet>.sheet,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.zip14-account-receipt),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.member-gate-actions){background:var(--ak-sheet)!important;color:var(--ak-text);border:0!important;border-radius:28px 28px 0 0!important;padding:10px 20px calc(env(safe-area-inset-bottom,0px) + 22px)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .grab,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .grab,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.zip14-account-receipt) .grab,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.member-gate-actions) .grab{display:flex!important;justify-content:center;width:auto!important;height:auto!important;margin:0 0 16px!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .grab::before,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .grab::before,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.zip14-account-receipt) .grab::before,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.member-gate-actions) .grab::before{content:"";display:block;width:36px;height:5px;border-radius:3px;background:var(--ak-line);opacity:1}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .grab::after,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .grab::after,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.zip14-account-receipt) .grab::after,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.member-gate-actions) .grab::after{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet h3,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet h3,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-receipt h3,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.member-gate-actions) h3{margin:0!important;padding:0!important;text-align:center!important;font-size:17px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.3px;color:var(--ak-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .auth-recovery-copy,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .mfa-login-copy,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-receipt>p,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.member-gate-actions)>p{margin:6px 0 14px!important;padding:0!important;text-align:center!important;font-size:13.5px!important;line-height:1.5!important;color:var(--ak-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet form,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet #recoverCodeForm,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet form{margin:0!important;padding:0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet label{display:block;margin:12px 2px 6px!important;padding:0!important;font-size:13px!important;line-height:1.4!important;font-weight:600!important;color:var(--ak-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet input.xin,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet input.xin{display:block;box-sizing:border-box;width:100%!important;height:52px!important;min-height:0!important;margin:0!important;padding:0 16px!important;border:1px solid var(--ak-line)!important;border-radius:14px!important;background:var(--ak-field)!important;box-shadow:none!important;outline:0!important;font-size:16px!important;line-height:normal!important;color:var(--ak-text)!important;font-family:inherit;-webkit-appearance:none;appearance:none}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet input.xin::placeholder,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet input.xin::placeholder{color:var(--ak-sub)!important;opacity:1;letter-spacing:0}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet input.xin:focus,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet input.xin:focus{border-color:var(--ak-text)!important;background:var(--ak-bg)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .auth-recovery-field,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .auth-recovery-action,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .mfa-login-field,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .mfa-login-action{padding:0!important;margin:12px 0 0!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .xerr,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .mfa-login-error{margin:0!important;padding:8px 2px 0!important;text-align:left!important;font-size:12.5px!important;line-height:1.5!important;color:var(--ak-err)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .xerr:empty,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .mfa-login-error:empty{display:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .xmain:not(.secondary):not(.ghost),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .xmain:not(.secondary):not(.ghost),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-receipt .xmain:not(.secondary):not(.ghost),html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.member-gate-actions) .xmain:not(.secondary){display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:52px!important;min-height:0!important;margin:16px 0 0!important;padding:0!important;border:0!important;border-radius:14px!important;background:var(--ak-text)!important;color:var(--ak-bg)!important;box-shadow:none!important;font-size:16px!important;line-height:1!important;font-weight:700!important;text-decoration:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .xmain:disabled,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .xmain:disabled,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-receipt .xmain:disabled{opacity:.3!important;background:var(--ak-text)!important;color:var(--ak-bg)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .xmain.secondary,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.mfa-login-sheet .xmain.secondary,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-receipt .xmain.secondary,html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.member-gate-actions) .xmain.secondary{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%!important;height:52px!important;min-height:0!important;margin:10px 0 0!important;padding:0!important;border:1px solid var(--ak-line)!important;border-radius:14px!important;background:transparent!important;color:var(--ak-text)!important;font-size:16px!important;font-weight:600!important;text-decoration:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet .xmain.ghost{display:flex!important;align-items:center;justify-content:center;width:100%;height:44px;margin:6px 0 0!important;border:0!important;background:none!important;color:var(--ak-sub)!important;font-size:14px!important;font-weight:500!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg.auth-recovery-sheet a.fmore{display:block!important;margin:6px 0 0!important;padding:10px 12px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;text-align:center!important;font-size:13.5px!important;line-height:1.4!important;font-weight:500!important;color:var(--ak-sub)!important;text-decoration:none!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg>.sheet:has(.member-gate-actions) .member-gate-actions{display:grid;gap:0;margin:0!important;padding:0!important}

/* saved-code receipt */
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-receipt-row{display:flex!important;flex-direction:column;align-items:flex-start;gap:4px;margin:0 0 8px!important;padding:12px 16px!important;border:1px solid var(--ak-line)!important;border-radius:14px!important;background:var(--ak-field)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-receipt-row b{font-size:12.5px!important;line-height:1.4;font-weight:600!important;color:var(--ak-sub)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-receipt-row strong{font-size:16px!important;line-height:1.35;font-weight:700!important;letter-spacing:.2px;color:var(--ak-text)!important;overflow-wrap:anywhere;text-align:left!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-receipt-actions{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0 4px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-receipt-actions button{height:44px;min-height:0;padding:0 4px;border:1px solid var(--ak-line)!important;border-radius:12px!important;background:var(--ak-field)!important;color:var(--ak-text)!important;font-size:14px!important;font-weight:600!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-receipt>p{margin:8px 0!important;text-align:left!important;font-size:13px!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-receipt .zip14-account-warning{color:var(--ak-err)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-receipt .zip14-receipt-row strong.zip14-account-warning{color:var(--ak-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-check{display:flex;align-items:center;gap:12px;margin:12px 0 0!important;padding:0!important;font-size:14.5px;font-weight:500;color:var(--ak-text)}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-check input{-webkit-appearance:none;appearance:none;position:relative;flex:none;box-sizing:border-box;width:22px;height:22px;margin:0!important;border:1.5px solid var(--ak-sub)!important;border-radius:50%!important;background:transparent!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-check input:checked{background:var(--ak-text)!important;border-color:var(--ak-text)!important}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg .zip14-account-check input:checked::after{content:"";position:absolute;left:-1.5px;top:-1.5px;width:22px;height:22px;background:var(--ak-bg);-webkit-mask:var(--ak-tick) center/18px 18px no-repeat;mask:var(--ak-tick) center/18px 18px no-repeat}
html:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root:root body #sheetbg #recSaveStatus{margin:8px 0 0!important;padding:0!important;text-align:center;font-size:12.5px!important;color:var(--ak-sub)!important}
}