/* Mobile login: brand is centered above the announcement with a stable visual gap. */
#mobileBrand{position:relative!important;inset:auto!important;transform:none!important;margin:0 auto 6px!important;width:min(520px,calc(100% - 28px))!important;justify-content:center!important;text-align:center!important;z-index:42!important}
#mobileBrand>div:nth-child(2){min-width:0;text-align:center!important}
#announcementBar.announcementBar{position:relative!important;inset:auto!important;margin:0 auto 12px!important;width:min(520px,calc(100% - 28px))!important;z-index:35!important}
/* Remove square tap/focus backgrounds from island LOGO and more control. */
#appLogo,#mobileMore{background:transparent!important;background-color:transparent!important;background-image:none!important;border-color:transparent!important;outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}
#appLogo:hover,#appLogo:active,#appLogo:focus,#appLogo:focus-visible,#mobileMore:hover,#mobileMore:active,#mobileMore:focus,#mobileMore:focus-visible{background:transparent!important;background-color:transparent!important;background-image:none!important;outline:none!important;box-shadow:none!important}
#appLogo:active,#mobileMore:active{transform:scale(.94)!important;filter:drop-shadow(0 0 8px rgba(122,92,255,.55))!important}
@media(max-width:850px){.login .auth{padding-top:max(4px,env(safe-area-inset-top))!important}#mobileBrand{width:min(480px,calc(100% - 24px))!important;margin-top:0!important;margin-bottom:6px!important}#announcementBar.announcementBar{width:min(480px,calc(100% - 28px))!important;margin:0 auto 10px!important}}