/* Membership styles are scoped to avoid changing the existing Together prototype. */
#member-entry{border:1px solid #c9d4c5;border-radius:7px;padding:8px 13px;white-space:nowrap;background:#edf1e7;color:#294c3d}
#member-modal{width:min(570px,94vw);padding:31px;box-sizing:border-box;border:1px solid #dce2d3;background:#faf9f1;color:#2b483a;max-height:91dvh}
#member-modal *{box-sizing:border-box}
#member-modal button,#member-modal input,#member-modal select{font:inherit}
#member-modal button{min-height:44px;border-radius:7px;font-size:13px;cursor:pointer}
#member-modal button:disabled{cursor:not-allowed;opacity:.57}
#member-modal :focus-visible,#member-entry:focus-visible{outline:3px solid #b68355;outline-offset:3px}
#member-modal .member-close{position:absolute;right:13px;top:10px;width:44px;height:44px;min-height:44px;font-size:27px;color:#566754;background:transparent;border:0}
#member-modal .member-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.3px;color:#715538;padding-right:36px}
#member-modal h2{font:30px/1.3 Georgia,'Songti SC',serif;margin:12px 0 17px;padding-right:25px}
#member-modal h3{font-size:18px;margin:18px 0 10px;line-height:1.5}
#member-modal p{font-size:13px;line-height:1.75;color:#52624f}
#member-modal .member-notice{font-size:12px;background:#f0ecdf;border-left:3px solid #9b7555;padding:12px 14px;border-radius:5px;margin:0 0 20px}
#member-modal .member-purpose{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:4px;padding:5px;border-radius:9px;background:#e8eddf}
#member-modal .member-purpose button{background:transparent;color:#425c49;border:0;padding:7px 5px;line-height:1.5}
#member-modal .member-purpose button[aria-pressed=true]{background:#fffdf7;box-shadow:0 2px 5px #244a3810;font-weight:600}
#member-modal .member-intro{min-height:2em;margin:14px 0}
#member-modal .member-channel{display:flex;gap:8px;margin:14px 0 18px}
#member-modal .member-channel button{background:#fffdf7;border:1px solid #c9d4c5;color:#395840;padding:8px 20px}
#member-modal .member-channel button[aria-pressed=true]{border-color:#2e5943;background:#e8eee0;font-weight:600}
#member-modal .member-fields{display:grid;gap:15px;margin:16px 0 12px}
#member-modal label{display:grid;gap:7px;font-size:12px;font-weight:600;line-height:1.6}
#member-modal input,#member-modal select{background:#fffefa;border:1px solid #c5d0bd;border-radius:6px;color:#294731;min-height:46px;padding:10px 12px;width:100%;font-size:15px}
#member-modal .member-help{font-size:12px;margin:6px 0 16px;color:#596854;font-weight:400}
#member-modal .member-actions{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0}
#member-modal .member-primary{background:#315640;color:white;border:1px solid #315640;padding:10px 17px}
#member-modal .member-primary:hover:not(:disabled){background:#23432f}
#member-modal .member-secondary{background:#eef1e6;color:#315640;border:1px solid #ccd6c2;padding:10px 15px}
#member-modal .member-link{background:transparent;color:#315640;border:0;text-decoration:underline;text-underline-offset:4px;padding:8px}
#member-modal .member-code-label{margin-top:20px}
#member-modal #member-code{font-size:24px;letter-spacing:7px;font-variant-numeric:tabular-nums;max-width:260px;direction:ltr}
#member-modal .member-demo-code{border:1px dashed #a17a4e;border-radius:8px;background:#f8f0dd;padding:16px;margin:16px 0;color:#664b29}
#member-modal .member-demo-code strong{display:block;font-size:11px;line-height:1.6}
#member-modal .member-demo-code output{display:block;font:26px/1.8 ui-monospace,monospace;letter-spacing:7px;color:#483919;direction:ltr}
#member-modal .member-demo-code p{margin:5px 0;font-size:12px;color:#664f31}
#member-modal .member-demo-code small{font-size:11px;line-height:1.6;display:block}
#member-modal .member-destination{overflow-wrap:anywhere}
#member-modal #member-error:empty,#member-modal #member-feedback:empty{display:none}
#member-modal #member-error{color:#873f2c;background:#faeade;border:1px solid #e5c7b1;padding:11px 13px;border-radius:6px;font-size:13px;line-height:1.65;margin-bottom:16px}
#member-modal #member-feedback{color:#315540;background:#e7eee0;padding:11px 13px;border-radius:6px;font-size:13px;line-height:1.65;margin-bottom:16px}
#member-modal .member-profile-head{display:flex;align-items:center;gap:15px;margin:20px 0}
#member-modal .member-profile-head h3{margin:0 0 5px}
#member-modal .member-avatar{width:54px;height:54px;border-radius:50%;background:#e8ecdc;display:flex;align-items:center;justify-content:center;font-size:35px;flex-shrink:0}
#member-modal .member-status-chip{font-size:11px;color:#416241}
#member-modal .member-id{font-size:11px;color:#637159;overflow-wrap:anywhere}
#member-modal .member-binding{border:1px dashed #bdcbb3;background:#f0f2e7;border-radius:7px;padding:13px;margin:22px 0 14px}
#member-modal .member-binding button{background:transparent;color:#365239;text-align:left;padding:0;border:0;min-height:32px}
#member-modal .member-binding p{font-size:12px;margin:4px 0}
#member-modal .member-review{border-top:1px solid #d8dfcc;padding-top:14px;margin:24px 0 0;font-size:10px;line-height:1.8;color:#637159}
html[lang=bn] #member-modal h2{font-family:system-ui,sans-serif;font-size:26px}
@media(max-width:600px){#member-entry{font-size:12px;margin-left:auto;min-height:44px}#member-modal{padding:25px 18px;max-height:93dvh}#member-modal h2{font-size:26px}#member-modal .member-purpose button{font-size:12px}#member-modal .member-actions>.member-primary{flex:1 1 100%}#member-modal .member-actions>.member-secondary{flex:1}#member-modal .member-eyebrow{font-size:9px}}