/* Only #main reserves room for fixed bottom controls. Nested sections do not. */
html body{padding-bottom:0!important}
html body #main{padding-bottom:var(--eyeroom-bottom-clearance,100px)!important}
html body #main>.fc-page,html body #main .cine-hub-page{padding-bottom:0!important;min-height:0!important;margin-bottom:0!important}
html body #main footer{padding-top:20px!important;padding-bottom:8px!important;margin-bottom:0!important}
html body #main .warfield-content,html body #main .life-content{padding-bottom:0!important}
html body #main .hub-preferences,html body #main .cine-profile-preferences{padding-bottom:8px!important;margin-bottom:0!important}
body.life-page{--gold:#ce869e;--gold2:#9e3f64}
body.life-page>header svg,body.life-page .app-bottom-nav svg,body.life-page .bottom svg{color:#ce869e!important}
body.life-page .app-bottom-nav button,body.life-page .bottom button{color:#ce869e!important}
body.life-page .chips button.active{background:linear-gradient(135deg,#742a47,#411b2e)!important;border-color:#ce869e!important;color:#fff1f5!important}
body.life-page .life-hero-copy .gold{background:linear-gradient(110deg,#8c3156,#b3597a)!important;color:#fff!important}
body.life-page .life-content .section-head button,body.life-page .life-content footer a{color:#ce869e!important}
/* Beat the legacy mobile body:not(.cine-social-active) spacing rule explicitly. */
html body:not(.cine-social-active) #main,html body.cine-social-active #main{padding-bottom:var(--eyeroom-bottom-clearance,100px)!important}
html body:not(.cine-social-active) #main>footer,html body.cine-social-active #main footer,html body #main .warfield-content footer,html body #main .life-content footer{padding-bottom:8px!important;margin-bottom:0!important}
html body.cine-social-active #main .fc-page,html body.cine-social-active #main .cine-hub-page{padding-bottom:0!important;margin-bottom:0!important;min-height:0!important}
html body.cine-social-active #main .cine-profile-bottom{margin-bottom:0!important;padding-bottom:8px!important}