.agreement-consent-card{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:16px;border:1px solid #f5c4aa;border-radius:14px;background:var(--cream)}
.brand .friendspace-tm{display:inline-block;width:auto;height:auto;margin-left:.08em;border-radius:0;background:transparent;color:inherit;font-size:.38em;line-height:1;vertical-align:super}
.agreement-consent-card strong,.agreement-consent-card span{display:block}.agreement-consent-card span{margin-top:4px;color:var(--muted);font-size:.79rem;line-height:1.4}
.agreement-check{grid-column:1/-1;padding-top:12px;border-top:1px solid rgba(244,81,11,.18)}
.secondary-button{min-height:42px;padding:0 15px;border:1px solid #cfd8e5;background:#fff;color:var(--ink)}
dialog{width:min(820px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:0;border-radius:20px;box-shadow:0 28px 90px rgba(15,23,42,.35);color:var(--ink)}
dialog::backdrop{background:rgba(15,23,42,.72);backdrop-filter:blur(4px)}
.agreement-dialog-header{display:flex;justify-content:space-between;gap:18px;padding:22px 24px 16px;border-bottom:1px solid var(--line)}
.agreement-dialog-header h2{font-size:1.45rem}.agreement-dialog-header p{margin:5px 0 0;color:var(--muted);font-size:.82rem}
.icon-button{width:42px;min-height:42px;flex:0 0 42px;border-radius:50%;background:var(--soft);color:var(--ink);font-size:1.6rem}
.agreement-copy{height:min(48dvh,470px);overflow:auto;padding:22px 26px;border-bottom:1px solid var(--line);font-size:.9rem;line-height:1.62;overscroll-behavior:contain}
.agreement-copy h3{margin:24px 0 7px}.agreement-copy p{margin:0 0 12px}.agreement-copy li{margin:7px 0}.agreement-end{padding:14px;border-radius:10px;background:var(--soft)}
.agreement-signature{padding:18px 24px 22px}.agreement-signature>p{margin:0 0 10px}.agreement-signature label{display:block}.signature-notice{color:var(--muted);font-size:.76rem;line-height:1.4}
.agreement-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}.agreement-actions button{padding:0 20px}#agreement-scroll-status{color:var(--orange);font-size:.8rem;font-weight:800}
@media(max-width:560px){.agreement-consent-card{grid-template-columns:1fr}.agreement-check{grid-column:1}.agreement-copy{height:43dvh;padding:18px}.agreement-dialog-header,.agreement-signature{padding-left:18px;padding-right:18px}.agreement-actions button{flex:1;padding:0 8px}}