#settings .ic-stext span { overflow-wrap:anywhere; }
.membership-note { max-width:860px; margin:0 auto 22px; padding:15px 18px; border:1px solid var(--ic-line3); border-radius:12px; color:var(--ic-ink3); font-size:13px; line-height:1.7; }
.membership-plan-choice { display:block; margin-top:18px; color:var(--ic-ink4); font-size:12px; }
.membership-plan-choice select { display:block; width:100%; max-width:400px; margin-top:7px; }
.membership-plan-choice select, .membership-form select, .membership-form textarea { box-sizing:border-box; padding:12px 14px; border:1px solid var(--ic-lineHi); border-radius:10px; background:#10151d; color:var(--ic-ink); font:inherit; }
.membership-plan-choice select:focus-visible, .membership-form select:focus-visible, .membership-form textarea:focus-visible { outline:2px solid var(--ic-accent,#67c5dd); outline-offset:3px; }
.membership-text-button { padding:2px 0; border:0; background:none; color:var(--ic-ink); font:inherit; text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
.membership-dialog { color:var(--ic-ink3,#b8bec8); font-size:14px; line-height:1.7; overflow-wrap:anywhere; }
.membership-dialog p { margin:0 0 18px; }
.membership-dialog h3 { margin:20px 0 12px; color:var(--ic-ink,#eef1f5); font-size:16px; }
.membership-dialog .btn { margin:0; white-space:normal; text-align:center; }
.membership-manage-plan { padding-bottom:18px; border-bottom:1px solid var(--ic-line3,#253140); }
.membership-billing-options { margin:20px 0; padding:16px; border:1px solid var(--ic-line3,#253140); border-radius:12px; }
.membership-billing-options summary { cursor:pointer; color:var(--ic-ink2,#d1d7df); font-weight:600; }
.membership-billing-options summary:focus-visible { outline:2px solid var(--ic-accent,#67c5dd); outline-offset:5px; }
.membership-billing-options p { margin:16px 0 0; }
.membership-billing-options .btn { margin-top:18px; }
.membership-billing-options[hidden], .membership-history[hidden], .membership-history-heading[hidden] { display:none; }
.membership-dialog button:disabled, #settings button:disabled { cursor:wait; opacity:.6; }
.membership-eyebrow { font-size:12px; color:var(--ic-ink4,#99a4b4); }
.membership-price-review { display:flex; justify-content:space-between; align-items:center; gap:20px; margin:10px 0 22px; padding:20px 0; border-top:1px solid var(--ic-line3,#253140); border-bottom:1px solid var(--ic-line3,#253140); }
.membership-price-review strong { color:var(--ic-ink,#eef1f5); font-size:26px; line-height:1.2; }
.membership-muted { color:var(--ic-ink5,#8d99a9); font-size:12px; }
.membership-actions { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin:18px 0; }
.membership-result:not(:empty) { margin-top:20px; padding:14px; border:1px solid var(--ic-lineHi,#344257); border-radius:10px; }
.membership-form { display:grid; gap:16px; margin-top:24px; }
.membership-form label { display:grid; gap:8px; color:var(--ic-ink2,#d1d7df); }
.membership-form select, .membership-form textarea { width:100%; min-width:0; font-size:14px; line-height:1.5; }
.membership-form textarea { resize:vertical; min-height:90px; }
.membership-form > .btn { justify-self:start; }
.membership-request-preview { white-space:pre-wrap; border:1px solid var(--ic-line3,#253140); border-radius:12px; padding:16px; }
.membership-request-received { padding:16px; margin:22px 0; border:1px solid var(--ic-lineHi,#344257); border-radius:12px; }
.membership-request-received b { display:block; color:var(--ic-ink,#eef1f5); margin-bottom:8px; }
.membership-request-received p { margin-bottom:0; }
.membership-history-heading { padding-top:20px; border-top:1px solid var(--ic-line3,#253140); }
.membership-history { max-height:330px; overflow:auto; padding:2px; }
.membership-history-more { display:block; margin:0 auto 16px; font-size:12px; }
.membership-message { margin-bottom:12px; padding:14px; border:1px solid var(--ic-line3,#253140); border-radius:12px; background:rgba(255,255,255,.015); }
.membership-message-self { margin-left:24px; background:rgba(89,161,201,.055); }
.membership-message-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:5px 12px; margin-bottom:8px; font-size:11px; color:var(--ic-ink5,#8d99a9); }
.membership-message-meta b { color:var(--ic-ink2,#d1d7df); font-weight:600; }
.membership-message p { margin:0; white-space:pre-wrap; }
@media (max-width:520px) {
  .membership-actions { align-items:stretch; flex-direction:column; }
  .membership-actions .btn { width:100%; }
  .membership-price-review { flex-wrap:wrap; }
  .membership-message-self { margin-left:12px; }
  .membership-plan-choice select { font-size:16px; }
  .membership-form select, .membership-form textarea { font-size:16px; }
}