[data-engagement-link][hidden],.engagement-page [hidden]{display:none!important}
.engagement-page{--engagement-accent:#cf87ff}
.engagement-page .section-head{flex-wrap:wrap}
.engagement-pill{font-size:12px;border:1px solid #914fb166;border-radius:999px;padding:7px 11px;color:#e0b2ff;background:#361b492e}
.engagement-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;margin-top:24px;align-items:start}
.engagement-compose,.engagement-review{min-width:0;display:grid;gap:12px;padding:22px;border:1px solid var(--line);border-radius:16px;background:#100e18}
.engagement-step{color:var(--engagement-accent);font-size:12px;font-weight:800;letter-spacing:.04em}
.engagement-compose label{display:flex;justify-content:space-between;align-items:center;margin-top:7px}
.engagement-compose label small{font-weight:400;color:var(--muted)}
.engagement-compose textarea{font:inherit;resize:vertical;min-height:116px;max-height:320px;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:#090d13;color:var(--text)}
.engagement-compose textarea:focus{outline:2px solid var(--engagement-accent);outline-offset:2px}
.engagement-audience{border-left:3px solid var(--engagement-accent);padding:4px 0 4px 12px;margin:8px 0}
.engagement-audience strong{font-size:13px}.engagement-audience p,.engagement-footnote{font-size:12px;color:var(--muted);margin:6px 0 0}
.engagement-phone-preview{display:flex;gap:12px;align-items:flex-start;padding:18px;background:linear-gradient(130deg,#332143,#191627);border:1px solid #80589566;border-radius:16px;box-shadow:0 10px 26px #0003;overflow-wrap:anywhere}
.engagement-phone-preview img{flex-shrink:0;border-radius:9px}.engagement-phone-preview div{min-width:0}.engagement-phone-preview small{font-size:9px;letter-spacing:.13em;color:#dabce7}.engagement-phone-preview strong{display:block;margin:6px 0}.engagement-phone-preview p{font-size:13px;color:#d5cedd;margin-bottom:0;white-space:pre-wrap}
.engagement-actions,.engagement-pagination{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.engagement-actions button{flex:1 1 150px}.engagement-pagination{justify-content:space-between;margin-top:16px;font-size:12px;color:var(--muted)}
.engagement-page button:disabled{cursor:not-allowed}.engagement-page .hint{overflow-wrap:anywhere}.engagement-page td{vertical-align:top;max-width:290px;overflow-wrap:anywhere}.engagement-page td strong,.engagement-page td small{display:block}.engagement-page td small{font-size:11px;color:var(--muted);margin-top:4px}
.engagement-integrity{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#171721}.engagement-integrity p{margin:5px 0 0;color:var(--muted);font-size:13px}.engagement-integrity[data-state=ready]{border-color:#70bb7666}.engagement-integrity[data-state=ready] strong{color:#a8e5a9}.engagement-integrity[data-state=degraded]{border-color:#dfab5866}.engagement-integrity[data-state=degraded] strong{color:#ffd098}
@media(max-width:900px){.engagement-layout{grid-template-columns:1fr}.engagement-compose,.engagement-review{padding:17px}.engagement-page .section-head h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.engagement-page{animation:none!important}}