.engagement-page{min-height:100%;background:#000}.engagement-header{height:86px;position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;padding:0 16px 34px}.engagement-header:after{content:"";position:absolute;inset:-35px 0 0;background:linear-gradient(#0006,#00000047 50%,#000000c2);pointer-events:none}.engagement-header>img{position:absolute;inset:-35px 0 0;width:100%;height:calc(100% + 35px);object-fit:cover}.engagement-header>button,.engagement-header h2{z-index:1}.engagement-header>button:first-of-type{color:#ff008a}.engagement-header h2{font-size:19px;font-weight:900}.engagement-body{padding:6px 16px 24px}.engagement-notice{width:100%;height:40px;padding:0 12px;display:flex;align-items:center;gap:8px;border-radius:14px;border:1px solid #8b8b8b;background:#3f3f3f;font-size:13px}.engagement-notice strong{flex:1;text-align:left;font-weight:800}.engagement-notice em,.engagement-pink{color:#ff008a;font-style:normal}.engagement-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 20px}.engagement-summary>div{background:#202020;border:1px solid #555;border-radius:14px;height:72px;padding:0 16px;display:flex;flex-direction:column;justify-content:center;gap:8px}.engagement-summary strong{color:#ff008a;font-size:27px;font-weight:900;font-style:italic;line-height:.9}.engagement-summary span{font-size:13px;font-weight:900;line-height:1;white-space:nowrap}.activity-summary{grid-template-columns:repeat(2,1fr)}.engagement-tabs{display:flex;justify-content:space-between;height:32px;margin-bottom:10px}.engagement-tabs button{width:52px;padding:0 0 9px;font-size:15px;font-weight:900;line-height:1;position:relative}.engagement-tabs button[aria-pressed=true]:after{content:"";position:absolute;bottom:0;left:10px;width:32px;height:2px;background:#ff008a;border-radius:3px}.engagement-task{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #555;background:#000;border-radius:14px;margin-bottom:10px;min-height:86px}.engagement-task>div:first-child{flex:1;min-width:0}.engagement-task h3{font-size:16px;font-weight:900;line-height:1.08}.engagement-task p{font-size:12px;color:#9a9a9a;font-weight:800;line-height:1.1;margin:6px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engagement-task small{color:#9a9a9a;font-size:10px}.engagement-task>div:last-child{display:flex;flex-direction:column;gap:9px;min-width:72px;align-items:center}.engagement-task strong{display:block;color:#ff008a;font-size:17px;font-weight:900;line-height:1}.engagement-task strong small{color:#ff008a;margin-left:3px}.engagement-task button{background:#ff008a;border-radius:999px;width:72px;height:38px;font-size:14px;font-weight:900;line-height:1}.engagement-task button[data-status=TODO],.engagement-task button:disabled{background:#5a5a5a}.engagement-task button[data-status=COMPLETED]{background:transparent;color:#9a9a9a;opacity:1}.engagement-empty{padding:50px 16px;color:#999;text-align:center;border:1px solid #555;border-radius:14px}.engagement-activity{background:#252525;border:1px solid #555;border-radius:12px;padding:16px;margin-bottom:12px}.engagement-activity>div{display:flex;align-items:center;gap:8px}.engagement-activity h3{font-size:17px;font-weight:900;flex:1}.engagement-activity>div>span{color:#ff1f7a;background:#ff1f7a20;border-radius:5px;padding:3px 6px;font-size:10px}.engagement-activity p{font-size:13px;color:#aaa;margin:9px 0}.engagement-activity small{color:#999;font-size:11px}.engagement-activity>button{display:flex;align-items:center;color:#ff1f7a;font-weight:700;margin:14px 0 0 auto;font-size:13px}.engagement-page .mobile-sheet h3{display:flex;align-items:center;gap:6px;font-size:15px;margin:12px 0}.engagement-receipt .mobile-sheet-layer{align-items:center;justify-content:center}.engagement-receipt .mobile-sheet-shade{background:#000000b8}.engagement-receipt .mobile-sheet{width:calc(100% - 136px);padding:0;background:#2b2b2b;border:1px solid #808080;border-radius:14px}.engagement-receipt .mobile-sheet>header{padding:9px 10px 8px 12px;margin:0;border-bottom:1px solid #5a5a5a}.engagement-receipt h2{display:flex;align-items:center;gap:5px;font-size:17px;font-weight:900}.engagement-receipt h2:before{content:"";width:24px;height:22px;background:url(/assets/engagement/login_tip_bubble.png) center / contain no-repeat}.engagement-receipt .mobile-sheet-content{text-align:center;padding:20px 12px 22px}.engagement-receipt .mobile-sheet-content p{font-size:15px;font-weight:900;margin:0 0 18px}.engagement-receipt strong{color:#ff008a}.engagement-receipt .app-btn{width:106px;height:40px;min-height:0;padding:0;background:#ff008a;border-radius:999px;font-size:17px;font-weight:900}.community-page{min-height:100%;background:#050505}.community-header{display:flex;justify-content:space-between;align-items:center;height:54px;padding:0 14px;position:sticky;top:0;background:#050505;z-index:4}.community-header h2{font-size:18px;font-weight:900}.community-content{padding:8px 14px 90px}.community-overview{background:#222;border:1px solid #ff1f7a6b;border-radius:15px;padding:14px;margin-bottom:18px}.community-overview>div,.community-post>header{display:flex;align-items:center;gap:10px}.community-icon{width:48px;height:48px;border:1px solid #ff1f7aad;border-radius:9px;color:#ff1f7a;background:#ff1f7a21;display:grid;place-items:center}.community-overview>div>span:nth-child(2),.community-post>header>span:nth-child(2){flex:1;display:flex;flex-direction:column}.community-overview strong{font-size:16px;font-weight:900}.community-overview small{font-size:10.5px;color:#9a9a9a}.community-overview>div>button{border:1px solid #ff1f7a;border-radius:8px;padding:8px 11px;font-size:11px;font-weight:900}.community-overview>div>button[aria-pressed=true]{background:#ff1f7a}.community-overview p{font-size:11.5px;line-height:1.55;color:#c4c4c4;margin:13px 0;font-weight:700}.community-overview>footer{font-size:10px;color:#999;display:flex;justify-content:space-between}.community-overview>footer>button{color:#ff1f7a}.community-section-title{display:flex;align-items:center;justify-content:space-between;font-weight:800;margin-bottom:10px}.community-section-title h3{font-size:15px}.community-section-title button{font-size:10.5px;color:#999}.community-resources{display:flex;gap:9px;margin-bottom:18px}.community-resources>button{display:flex;gap:9px;align-items:center;flex:1;background:#292929;border:1px solid #4a4a4a;padding:12px 9px;border-radius:11px;text-align:left}.community-resources svg{color:#ff1f7a}.community-resources span{display:flex;flex-direction:column}.community-resources strong{font-size:12px;font-weight:800}.community-resources small{font-size:9px;color:#999;margin-top:4px}.community-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.community-filters>div{display:flex;gap:8px}.community-filters button{font-size:12px;color:#999;padding:6px 8px;border-radius:8px;font-weight:700}.community-filters button[aria-pressed=true]{color:#ff1f7a;background:#ff1f7a20}.community-filters>div:last-child button{font-size:10px;padding:5px 0;background:none}.community-post{background:#222;border:1px solid #4a4a4a;border-radius:14px;padding:13px;margin-bottom:12px}.community-avatar{width:35px;height:35px;border-radius:11px;background:#ff1f7a30;color:#ff1f7a;display:grid;place-items:center;font-size:17px;font-weight:800}.community-post header strong{font-size:12px;font-weight:800}.community-post header small{font-size:9px;color:#999}.community-post header button{font-size:11px;color:#ff1f7a;font-weight:700}.community-post-body{display:block;text-align:left;width:100%}.community-post h3{font-size:15px;font-weight:800;margin:12px 0 8px}.community-post p{font-size:11.5px;line-height:1.6;color:#c4c4c4}.community-tags{display:flex;gap:7px;margin:12px 0;color:#ff1f7a;font-size:10px}.community-post footer{display:flex;justify-content:flex-end;gap:20px;border-top:1px solid #3d3d3d;padding-top:10px}.community-post footer button{display:flex;align-items:center;gap:5px;font-size:11px;color:#aaa}.community-post footer button[aria-pressed=true]{color:#ff1f7a}.community-publish{position:fixed;right:18px;bottom:35px;width:54px;height:54px;border:1.4px solid white;border-radius:15px;display:grid;place-items:center;background:#ff1f7a;z-index:5;box-shadow:0 8px 18px #ff1f7a52}
