.engagement-panel{background:#1b191a;border:1px solid #393338;border-radius:12px;grid-column:1/-1;min-width:0;padding:22px}.engagement-panel header{justify-content:space-between;align-items:center;gap:16px;display:flex}.engagement-panel h2{margin:5px 0;font-size:24px;line-height:1.2}.engagement-panel .engagement-eyebrow{letter-spacing:.1em;color:#ffa17e;font-size:10px}.engagement-level{color:#ffad8d;white-space:nowrap;background:#38251f;border-radius:6px;align-items:center;gap:7px;padding:8px 10px;font-size:12px;display:inline-flex}.engagement-panel p{color:#bab5b8;font-size:12px;line-height:1.55}.engagement-explainer{max-width:720px;margin:12px 0 20px}.engagement-progress{justify-content:space-between;gap:12px;margin-bottom:7px;font-size:12px;display:flex}.engagement-panel progress{appearance:none;background:#383338;border:0;border-radius:6px;width:100%;height:6px}.engagement-panel progress::-webkit-progress-bar{background:#383338;border-radius:6px}.engagement-panel progress::-webkit-progress-value{background:#ff986f;border-radius:6px}.engagement-panel progress::-moz-progress-bar{background:#ff986f;border-radius:6px}.engagement-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0;display:grid}.engagement-stats>div{background:#252123;border-radius:8px;flex-direction:column;gap:6px;padding:16px;display:flex}.engagement-stats svg{color:#ffa17e}.engagement-stats strong{font-size:25px}.engagement-stats span,.engagement-stats small{color:#c3bec1;font-size:12px}.engagement-stats small{font-size:10px}.engagement-check-in{border-top:1px solid #3b3437;align-items:center;gap:24px;padding:16px 0;display:flex}.engagement-check-in p{max-width:660px;margin:5px 0}.engagement-check-in button{color:#211811;background:#ff986f;border:0;border-radius:7px;flex-shrink:0;padding:12px 16px;font-weight:650}.engagement-check-in button:disabled{color:#c8c0c2;cursor:default;background:#3d3434}.engagement-panel button:focus-visible,.engagement-panel summary:focus-visible{outline-offset:4px;outline:2px solid #ffad8d}.engagement-panel details{border-top:1px solid #3b3437;margin-top:10px;padding-top:15px}.engagement-panel summary{cursor:pointer;font-size:13px}.engagement-panel summary span{color:#b5aeb2;margin-left:12px;font-size:11px}.engagement-badges ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;list-style:none;display:grid}.engagement-badges li{background:#252123;border-radius:6px;gap:10px;padding:12px;display:flex}.engagement-badges li svg{color:#92888d;flex-shrink:0}.engagement-badges li[data-earned=true] svg{color:#ffa17e}.engagement-badges strong{font-size:12px}.engagement-badges strong span{color:#c0b8bc;margin-top:5px;font-size:10px;font-weight:400;display:block}.engagement-badges p{margin:5px 0 0}.engagement-recap-numbers{flex-wrap:wrap;gap:12px 28px;display:flex}.engagement-recap-numbers p{overflow-wrap:anywhere;min-width:0}.engagement-recap-numbers strong{color:#f4eff2}.engagement-calendar{grid-template-columns:repeat(30,minmax(0,1fr));gap:4px;padding:0;list-style:none;display:grid}.engagement-calendar li{background:#393237;border:1px solid #50454b;border-radius:3px;height:15px}.engagement-calendar li[data-active=true]{background:#ff986f;border-color:#ffbda2}.engagement-panel .engagement-footnote{font-size:11px}.engagement-panel .engagement-message{color:#ffd0bd}.engagement-panel .engagement-message:empty{margin:0}@media (max-width:600px){.engagement-panel{padding:14px}.engagement-panel h2{font-size:21px}.engagement-stats>div{padding:10px}.engagement-check-in{flex-direction:column;align-items:stretch;gap:8px}.engagement-calendar{grid-template-columns:repeat(15,minmax(0,1fr))}.engagement-badges ul{grid-template-columns:minmax(0,1fr)}.engagement-recap summary span{margin:7px 0 0;display:block}}