.mp-page {
  max-width: 920px;
  margin: 0 auto;
  padding-bottom: 80px;
  overflow-wrap: anywhere;
}
.mp-page h1 {
  font-family: Georgia, serif;
  font-size: clamp(1.9rem, 5vw, 3rem);
  font-weight: 400;
  line-height: 1.12;
  margin: .4em 0;
}
.mp-eyebrow {
  display: block;
  font-size: .68rem;
  letter-spacing: .14em;
  color: #526144;
  font-weight: 700;
}
.mp-intro {
  max-width: 65ch;
  color: #495043;
  line-height: 1.6;
}
.mp-card {
  background: #f4f5ee;
  border: 1px solid #d8ddd0;
  border-radius: 12px;
  padding: 20px;
  margin: 20px 0;
}
.mp-card h2 {
  font-family: Georgia, serif;
  font-weight: 400;
  font-size: 1.35rem;
}
.mp-page .cg-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 14px 0;
}
.mp-page button,
.mp-page summary,
.mp-page select,
.mp-page input:not([type=checkbox]) {
  min-height: 44px;
}
.mp-page button {
  white-space: normal;
  max-width: 100%;
  height: auto;
}
.mp-page :focus-visible {
  outline: 3px solid #566646;
  outline-offset: 3px;
}
.mp-page label {
  display: block;
  line-height: 1.55;
  margin: 15px 0;
}
.mp-page input:not([type=checkbox]),
.mp-page textarea,
.mp-page select {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  background: white;
  border: 1px solid #a6ae9d;
  border-radius: 6px;
  padding: 10px;
  font: inherit;
}
.mp-page input[type=checkbox] {
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin: 10px 10px 10px 0;
}
.mp-page textarea {
  min-height: 110px;
  resize: vertical;
}
.mp-page form {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-width: 100%;
}
.mp-page form button[type=submit] {
  order: 2;
  margin-top: 16px;
}
.mp-status {
  color: #3f5735;
  text-transform: capitalize;
}
.mp-note {
  font-size: .82rem;
  line-height: 1.5;
  color: #5b6354;
}
.mp-avatar {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
}
.mp-exhibition-art {
  width: 100%;
  max-height: 460px;
  object-fit: contain;
  margin: 20px 0;
}
.mp-message {
  padding: 16px;
  border: 1px solid #d9ddd2;
  border-radius: 12px;
  margin: 12px 0;
  max-width: 90%;
  background: #f6f5f0;
}
.mp-message.mp-own {
  margin-left: auto;
  background: #eef2e7;
}
.mp-message time {
  display: block;
  font-size: .72rem;
  color: #58614f;
}
.mp-message p,
.mp-review-text {
  white-space: pre-wrap;
  line-height: 1.6;
}
.mp-message label {
  font-size: .8rem;
}
.mp-composer {
  border-top: 1px solid #cbd3c1;
  margin-top: 24px;
  padding-top: 16px;
}
.mp-profile-entry {
  margin: 0 0 24px;
}
.mp-page details {
  padding: 16px;
  border: 1px solid #d8ddd0;
  border-radius: 8px;
}
.mp-page summary {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.mp-page .cg-photo-editor {
  margin: 20px 0;
}
.mp-page a {
  color: #3c542d;
  overflow-wrap: anywhere;
}
.mp-page .mp-card-picker {
  font-size: .85rem;
}
@media (max-width: 400px) {
  .mp-card {
    padding: 14px;
  }
  .mp-message {
    max-width: 100%;
    padding: 12px;
  }
  .mp-page .cg-actions > * {
    flex: 1 1 140px;
  }
  .mp-page h1 {
    font-size: 1.9rem;
  }
}
@media (min-width: 900px) {
  .mp-page {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.mp-page label {
  text-transform: none;
  letter-spacing: 0;
  font-size: .95rem;
}
.cg-dialog:has(.mp-page) .cg-tabs,
.cg-dialog:has(.mp-page) .cg-dialog-intro {
  display: none;
}
.mp-page .mp-shared-card {
  display: flex;
  align-items: center;
  text-align: left;
  width: 100%;
  padding: 12px;
  gap: 12px;
  background: #fafbf7;
  border: 1px solid #cbd3c1;
  border-radius: 8px;
}
.mp-shared-card img {
  width: 72px;
  height: 80px;
  object-fit: cover;
}
.mp-shared-card span {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.mp-shared-card small {
  font-size: .75rem;
  font-weight: 400;
}
.mp-page label:has(input[type=checkbox]) {
  min-height: 44px;
  cursor: pointer;
}

/* Mobile first-message screen: shared paper/olive presentation and compact controls. */
@media(max-width:760px){
 #profile-sheet:has(.mp-direct-page){position:fixed;inset:auto 0 auto;top:var(--mp-visible-top,0);width:100%;max-width:none;height:var(--mp-visible-height,100dvh);max-height:none;padding:0;margin:0;border:0;border-radius:0;background:#fafbf7;overflow:hidden}
 #profile-sheet:has(.mp-direct-page)>.cg{padding:0;height:100%;min-height:0}
 #profile-sheet:has(.mp-direct-page) .cg-top,#profile-sheet:has(.mp-direct-page) .cg-tabs,#profile-sheet:has(.mp-direct-page) .cg-dialog-intro,#profile-sheet:has(.mp-direct-page) .cg-primary-nav,#profile-sheet:has(.mp-direct-page)>.cg-preview-nav{display:none!important}
 .cg .cg-main.mp-direct-page{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%;max-width:none;min-width:0;min-height:0;padding:0;margin:0}
 .mp-direct-header{display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top) + 8px) 12px 8px;border-bottom:1px solid #e1e5db;background:#fafbf7}
 .cg .mp-direct-action{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;background:transparent;color:#53692b}
 .mp-direct-icon,.mp-direct-icon svg{display:block;width:22px;height:22px}
 .mp-direct-recipient{display:flex;align-items:center;flex:1;gap:10px;min-width:0}.mp-direct-recipient>div{min-width:0}
 .cg .mp-direct-recipient h1{font:600 16px/1.25 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:0;margin:0;overflow-wrap:anywhere}
 .cg .mp-direct-recipient p{font:400 12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#68705f;margin:2px 0 0;overflow-wrap:anywhere}
 .mp-direct-avatar{display:block;flex:none;width:36px;height:36px;border-radius:50%;overflow:hidden;background:#e9ede3}.mp-direct-avatar img{display:block;width:100%;height:100%;object-fit:cover}
 .mp-direct-space{display:grid;place-items:center;overflow:auto;padding:24px;min-height:0}
 .mp-direct-empty{text-align:center;max-width:240px}
 .cg .mp-direct-empty h2{font:400 23px/1.25 Georgia,serif;letter-spacing:-.025em;margin:0 0 8px;color:#292d25}
 .cg .mp-direct-empty p{font:400 14px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#68705f;margin:0}
 .mp-direct-footer{display:block;min-width:0;padding:8px 12px calc(env(safe-area-inset-bottom) + 12px);background:#fafbf7}
 .cg .mp-direct-hint{font:400 11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#68705f;text-align:center;margin:0 4px 10px}
 .cg form.mp-direct-composer{display:block;margin:0;padding:0;border:0}
 .mp-direct-row{display:flex;align-items:flex-end;gap:4px;min-width:0}
 .cg .mp-direct-row textarea{display:block;flex:1;min-width:0;width:0;height:44px;min-height:44px;max-height:128px;resize:none;padding:11px 14px;margin:0;border:1px solid #dfe4d9;border-radius:22px;background:#f1f3ec;color:#292d25;box-sizing:border-box;font:400 16px/20px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-y:auto}
 .cg .mp-direct-row .mp-direct-send{order:initial;margin:0;background:#53692b;color:#fafbf7}.cg .mp-direct-send:disabled{background:#e9ede3;color:#909983;opacity:1}
 .cg .mp-direct-error{font-size:13px;line-height:1.4;color:#843f36;margin:8px 8px 0}.mp-direct-error:empty{display:none}
 .mp-direct-attachment{display:flex;align-items:center;gap:10px;margin:0 4px 10px;padding:8px 6px 8px 8px;border:1px solid #dfe4d9;border-radius:12px;background:#f1f3ec;min-width:0}.mp-direct-attachment[hidden]{display:none}
 .mp-direct-card-art{display:block;width:44px;height:48px;flex:none;border-radius:6px;overflow:hidden;background:#e5e9de}.mp-direct-card-art img{display:block;width:100%;height:100%;object-fit:cover}
 .mp-direct-card-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0;text-align:left}.mp-direct-card-copy strong{font-size:14px;line-height:1.35;font-weight:600}.mp-direct-card-copy small{font-size:12px;line-height:1.4;color:#68705f}
 .mp-direct-sheet{box-sizing:border-box;width:calc(100% - 24px);max-width:460px;max-height:75dvh;margin:auto auto 12px;padding:20px;border:0;border-radius:20px;background:#fafbf7;color:#292d25;overflow:auto;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
 .mp-direct-sheet::backdrop{background:#343c2859;backdrop-filter:blur(3px)}
 .mp-direct-sheet h2{font-size:18px;line-height:1.3;margin:0 0 14px}.mp-direct-sheet p{font-size:14px;line-height:1.5;color:#68705f;margin:0 0 14px}
 .mp-direct-sheet input{display:block;box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid #dfe4d9;border-radius:10px;font:400 16px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#f1f3ec;color:#292d25;margin-bottom:12px}
 .mp-direct-sheet button{min-height:44px;border:0;background:none;color:#53692b;font:400 14px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:8px;margin:0}
 .mp-direct-sheet .mp-direct-card-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 0;border-bottom:1px solid #e1e5db;text-align:left}.mp-direct-sheet [hidden]{display:none}
 .mp-direct-sheet :focus-visible{outline:2px solid #53692b;outline-offset:2px}
}

@media(max-width:760px){
 .mp-direct-sheet .mp-direct-menu-option{display:block;width:100%;text-align:left;padding:12px 0;border-bottom:1px solid #e1e5db}.mp-direct-sheet .mp-direct-menu-option:nth-child(2){border:0}
 .mp-direct-sheet .mp-direct-menu-status{color:#843f36;font-size:13px;margin:8px 0 0}.mp-direct-menu-status:empty{display:none}
 .mp-direct-report{margin:0}.mp-direct-report label{display:block;font-size:14px;line-height:1.4;color:#68705f}
 .mp-direct-report textarea{display:block;box-sizing:border-box;width:100%;min-height:100px;max-width:100%;padding:10px 12px;margin:8px 0;border:1px solid #dfe4d9;border-radius:10px;background:#f1f3ec;color:#292d25;font:400 16px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;resize:vertical}
 .mp-direct-report button[type=submit]{display:block;width:100%;border-radius:22px;background:#53692b;color:#fafbf7;margin:12px 0 0}
 .mp-direct-sheet button:disabled{opacity:.6}
}

@media(max-width:760px){
 .mp-direct-show-group{margin:16px 0 0}.mp-direct-show-group:first-child{margin-top:0}
 .mp-direct-show-group h3{font:600 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#68705f;margin:0 0 4px}
}

/* The populated thread shares the new-message shell and composer. */
@media(max-width:760px){
 .cg form.mp-direct-composer[hidden],.mp-thread-jump[hidden],.mp-thread-earlier[hidden],.mp-direct-hint[hidden]{display:none!important}
 .mp-thread{display:block;overflow:auto;overscroll-behavior:contain;padding:8px 16px 12px;scrollbar-width:thin;overflow-anchor:none}
 .mp-thread-list{display:flex;flex-direction:column;gap:8px;min-width:0}
 .cg .mp-thread-day{margin:8px 0 10px;text-align:center;color:#77806d;font:400 11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
 .mp-thread-message{display:flex;flex-direction:column;align-items:flex-start;align-self:flex-start;max-width:88%;min-width:0}
 .mp-thread-message.mp-thread-own{align-self:flex-end;align-items:flex-end}
 .mp-thread-bubble{min-width:0;max-width:100%;box-sizing:border-box;padding:11px 14px;border-radius:16px 16px 16px 4px;background:#f0f2ec;color:#292d25}
 .mp-thread-own .mp-thread-bubble{background:#e8eddb;border-radius:16px 16px 4px 16px}
 .cg .mp-thread-bubble>p{font:400 15px/1.45 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
 .mp-thread-deleted{color:#78806e;font-style:italic}
 .mp-thread-meta{display:flex;align-items:center;gap:5px;min-height:26px;margin:0 3px;color:#79806f}
 .mp-thread-meta time{font:400 10px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
 .cg .mp-thread-meta .mp-direct-action{position:relative;width:32px;min-width:32px;height:26px;min-height:26px;color:#79806f}
 .mp-thread-meta .mp-direct-action::after{content:'';position:absolute;inset:-9px -6px}
 .mp-thread-meta .mp-direct-icon,.mp-thread-meta .mp-direct-icon svg{width:16px;height:16px}
 .cg .mp-thread-show{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-width:0;max-width:100%;text-align:left;margin:10px 0 0;padding:10px;border:1px solid #d7deca;border-radius:10px;background:#fafbf7;color:#292d25}
 .mp-thread-show-art{display:block;flex:none;width:54px;height:70px;border-radius:6px;overflow:hidden;background:#e2e7d9}
 .mp-thread-show-art img{width:100%;height:100%;object-fit:cover}
 .mp-thread-show .mp-direct-card-copy{gap:2px}.mp-thread-show .mp-direct-card-copy strong{font:600 14px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-wrap:anywhere}
 .mp-thread-show .mp-direct-card-copy small{font-size:11px;line-height:1.35;overflow-wrap:anywhere}.mp-thread-show small:empty{display:none}
 .cg .mp-thread-earlier,.cg .mp-thread-jump{display:block;min-height:44px;margin:0 auto;padding:8px 12px;border:0;background:transparent;color:#53692b;font:400 12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
 .cg .mp-thread-status{font:400 12px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin:8px 0;color:#68705f;text-align:center}.mp-thread-status:empty{display:none}
 .mp-thread-request{display:flex;gap:10px}.mp-thread-request:empty{display:none}.cg .mp-thread-request button{flex:1;min-height:44px;margin:0 0 10px;padding:8px 12px;font-size:14px;border-radius:22px}.mp-thread-request button:first-child{background:#53692b;color:#fafbf7}
 .mp-direct-sheet .mp-thread-privacy{font-size:11px;margin:14px 0 0;color:#77806d}
 .mp-thread-report-choices{margin:8px 0}.mp-thread-report-choices label{text-transform:none;letter-spacing:0;display:flex;gap:10px;align-items:flex-start;padding:10px 0;font-size:14px;line-height:1.45;border-bottom:1px solid #e1e5db}
 .mp-direct-sheet .mp-thread-report-choices input{flex:none;width:20px;height:20px;min-height:20px;margin:0;accent-color:#53692b}
 .mp-thread-report-choices span{overflow-wrap:anywhere}
 .mp-thread-report-excerpt{margin:12px 0;padding:10px 12px;background:#f0f2ec;border-radius:8px;font-size:13px}.mp-thread-report-excerpt p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.mp-thread-report-excerpt small{display:block;color:#68705f}
}

@media(max-width:760px){
 .mp-direct-footer[hidden]{display:none!important}
 .mp-inbox-space{display:block;place-items:normal;text-align:left;padding:0;overflow:auto;overscroll-behavior:contain;overflow-anchor:none}
 .cg .mp-inbox-page .mp-direct-recipient h1{font-size:20px;line-height:1.3}
 .mp-inbox-list{display:block;width:100%;min-width:0}.mp-inbox-invitations{margin:0;border-bottom:6px solid #f0f2eb}
 .mp-inbox-invitations[hidden],.mp-inbox-empty[hidden],.mp-inbox-more[hidden]{display:none!important}
 .cg .mp-inbox-row{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:82px;box-sizing:border-box;margin:0;padding:14px 18px;border:0;border-bottom:1px solid #e8ebe2;border-radius:0;background:transparent;text-align:left;color:#292d25}
 .cg .mp-inbox-row:hover{background:#f1f3eb}.cg .mp-inbox-row:focus-visible{outline:2px solid #53692b;outline-offset:-3px}
 .mp-inbox-avatar{position:relative;display:grid;place-items:center;overflow:hidden;flex:none;width:46px;height:46px;border-radius:50%;background:#e9ede2;color:#7c876d}
 .mp-inbox-avatar>.mp-direct-icon,.mp-inbox-avatar>.mp-direct-icon svg{width:25px;height:25px}.mp-inbox-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
 .mp-inbox-copy{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}
 .mp-inbox-title{display:flex;align-items:center;gap:6px;min-width:0}
 .mp-inbox-copy strong{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:500 15px/1.35 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
 .mp-inbox-title strong{flex:0 1 auto}
 .mp-inbox-preview{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#68705f;font:400 13px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
 .mp-inbox-unread .mp-inbox-title strong{font-weight:650}.mp-inbox-unread .mp-inbox-preview{color:#343d2c}
 .mp-inbox-request-label{font:400 11px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#53692b}
 .mp-inbox-aside{display:flex;flex:none;flex-direction:column;align-items:flex-end;align-self:stretch;justify-content:center;gap:9px;max-width:62px}
 .mp-inbox-aside time{font:400 10px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#7c846f;white-space:nowrap}
 .mp-inbox-unread-dot{width:7px;height:7px;border-radius:50%;background:#53692b;margin-right:2px}
 .mp-inbox-muted{display:flex;flex:none;color:#89917f}.mp-inbox-muted .mp-direct-icon,.mp-inbox-muted .mp-direct-icon svg{width:14px;height:14px}
 .mp-inbox-chevron{font-size:24px;font-weight:300;color:#89917f}
 .mp-inbox-empty{margin:60px auto 0;padding:24px}.cg .mp-inbox-empty-action{display:block;margin:18px auto 0;padding:10px 24px;min-height:44px;border:0;border-radius:24px;background:#53692b;color:#fafbf7;font-size:14px}
 .cg .mp-inbox-status{margin:16px 18px;font-size:13px;line-height:1.4;color:#68705f}.mp-inbox-status:empty{display:none}
 .cg .mp-inbox-more{display:block;margin:8px auto;padding:10px 16px;min-height:44px;border:0;background:transparent;color:#53692b;font-size:13px}
 .mp-inbox-invitation-actions{display:flex;gap:10px}.mp-inbox-invitation-actions button{flex:1;border:1px solid #dfe4d8;border-radius:24px}.mp-inbox-invitation-actions button:first-child{background:#53692b;color:#fafbf7}
}

/* Account and privacy: concise disclosure rows, with deletion on its own screen. */
.cg-dialog:has(.mp-account-page) .cg-top { display: none; }
.cg .mp-account-page { padding: 0 0 24px; }
.mp-account-header { display: flex; align-items: center; gap: 4px; margin: 0 -12px 20px; }
.cg .mp-account-header h1 { margin: 0; font: 600 21px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: -.025em; }
.cg .mp-account-back { display: grid; place-items: center; flex: none; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: #53692b; }
.mp-account-back svg { width: 22px; height: 22px; }
.mp-account-section + .mp-account-section { margin-top: 28px; }
.cg .mp-account-disclosure { margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; }
.cg .mp-account-section h2 { margin: 0 0 4px; font: 600 13px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; letter-spacing: 0; color: #68705f; }
.cg .mp-account-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: 100%; min-height: 56px; margin: 0; padding: 14px 0; border: 0; border-bottom: 1px solid #e3e7dc; border-radius: 0; background: transparent; text-align: left; color: #293024; font: inherit; cursor: pointer; list-style: none; }
.mp-account-row::-webkit-details-marker { display: none; }
.mp-account-copy { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mp-account-label { font-size: 16px; line-height: 1.4; }
.cg .mp-account-copy small, .cg .mp-account-email { color: #68705f; font-size: 13px; line-height: 1.45; }
.mp-account-chevron { display: block; flex: none; width: 7px; height: 7px; margin-right: 5px; border-top: 1.5px solid #858e79; border-right: 1.5px solid #858e79; transform: rotate(45deg); }
.mp-account-disclosure[open] > summary .mp-account-chevron { transform: rotate(135deg); }
.mp-account-disclosure[open] > summary { border-bottom-color: transparent; }
.mp-account-detail { padding: 0 0 14px; border-bottom: 1px solid #e3e7dc; }
.cg .mp-account-detail p { margin: 0; color: #68705f; font-size: 14px; line-height: 1.55; }
.cg .mp-account-detail p + p { margin-top: 8px; }
.cg .mp-account-email { margin: 2px 0 4px; }
.cg .mp-account-row.mp-account-danger { color: #944d3d; border-bottom: 0; }
.cg .mp-account-warning { margin: 0 0 22px; font-size: 15px; line-height: 1.55; }
.cg .mp-account-delete-form label { margin: 0; font-size: 14px; }
.cg .mp-account-delete-form input { margin-top: 8px; }
.cg .mp-account-delete-form button[type=submit] { background: #944d3d; border-color: #944d3d; color: #fff; }
.cg .mp-account-delete-form button[type=submit]:hover { background: #803d30; }
.cg .mp-account-keep { display: block; width: 100%; margin-top: 8px; border: 0; background: transparent; color: #53692b; }
@media(max-width:760px) {
  #profile-sheet:has(.mp-account-page) { position: fixed; inset: 0; width: 100%; max-width: none; height: 100dvh; max-height: none; margin: 0; padding: 0; border: 0; border-radius: 0; overflow: hidden; }
  #profile-sheet:has(.mp-account-page) > .cg { display: flex; flex-direction: column; height: 100%; min-height: 0; padding: 0; }
  .cg .cg-main.mp-account-page { flex: 1; min-height: 0; overflow: auto; padding: 0 20px 24px; }
  .mp-account-header { position: sticky; top: 0; z-index: 1; padding: calc(env(safe-area-inset-top) + 8px) 8px 8px; margin: 0 -20px 18px; border-bottom: 1px solid #e3e7dc; background: #fafbf7; }
  #profile-sheet:has(.mp-account-page) .cg-primary-nav { flex: none; position: static; margin: 0; }
}

/* Review audiences use native radio groups, with distinct default and past-review actions. */
.cg .mp-review-audiences { border: 0; padding: 0; margin: 0; min-width: 0; }
.cg .mp-review-audiences legend { padding: 0; margin-bottom: 4px; font-size: 13px; color: #68705f; }
.cg .mp-review-audiences label { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 8px 0; margin: 0; cursor: pointer; }
.cg .mp-review-audiences input[type=radio] { display: block; width: 19px; height: 19px; min-height: 19px; flex: none; margin: 0; padding: 0; accent-color: #53692b; }
.mp-review-audiences label > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; font-size: 15px; line-height: 1.4; }
.cg .mp-review-sharing-status { font-size: 13px; line-height: 1.45; margin: 8px 0; color: #53692b; }
.mp-review-sharing-status:empty { display: none; }
.cg .mp-review-sharing-intro, .cg .review-audience-note { font-size: 13px; line-height: 1.5; color: #68705f; margin: 10px 0; }
.cg .mp-review-sharing-intro { margin: 0 0 22px; }
.cg .mp-review-sharing-review { margin: 18px 0 0; width: 100%; }
.cg .mp-review-sharing-preview { margin: 20px 0 0; padding: 18px 0 0; border-top: 1px solid #e3e7dc; }
.cg .mp-review-sharing-preview h2 { font: 600 18px/1.3 system-ui,sans-serif; margin: 0 0 8px; }
.cg .mp-review-sharing-preview p { font-size: 14px; line-height: 1.5; margin: 8px 0; }
.cg .mp-review-sharing-preview .mp-review-sharing-expansion { font-weight: 600; color: #7b4d32; }
.cg .mp-review-sharing-preview button { margin-top: 8px; width: 100%; }

/* Member discovery shares the compact page header and keeps each identity in one row. */
.mp-members-page .mp-account-header { margin-bottom: 0; }
.mp-members-list { min-width: 0; }
.cg .mp-member-row { display: flex; align-items: center; gap: 12px; width: 100%; min-width: 0; min-height: 74px; padding: 12px 0; margin: 0; border: 0; border-bottom: 1px solid #e3e7dc; border-radius: 0; background: transparent; color: #293024; text-align: left; }
.mp-member-row:hover { background: #f1f3eb; }
.mp-member-avatar { position: relative; display: grid; place-items: center; flex: none; overflow: hidden; width: 44px; height: 44px; border-radius: 50%; background: #e9ede2; color: #7c876d; }
.mp-member-avatar svg { width: 26px; height: 26px; }
.mp-member-avatar img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mp-member-copy { display: flex; flex: 1; flex-direction: column; gap: 2px; min-width: 0; }
.mp-member-copy strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 600 16px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.mp-member-username { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #68705f; font-size: 13px; line-height: 1.4; }
.cg .mp-members-status { margin: 16px 0; color: #68705f; font-size: 14px; line-height: 1.5; }
.mp-members-status:empty { display: none; }
.cg .mp-members-more { display: block; min-height: 44px; margin: 12px auto; padding: 10px 16px; border: 0; background: transparent; color: #53692b; }
.cg .mp-members-more[hidden] { display: none; }

/* Invitations keep the exact link selectable, with a single copy action. */
.cg .mp-referral-content label { margin: 0; font-size: 13px; line-height: 1.4; color: #68705f; }
.cg .mp-referral-content input { display: block; width: 100%; min-width: 0; height: 46px; margin: 8px 0 12px; padding: 10px 12px; box-sizing: border-box; border: 1px solid #dfe4d8; border-radius: 10px; background: #f3f5ed; color: #293024; font-size: 14px; }
.cg .mp-referral-copy { display: block; width: 100%; min-height: 44px; margin: 0; padding: 10px 16px; border-radius: 24px; font-size: 15px; }
.cg .mp-referral-status { margin: 12px 0 0; color: #68705f; font-size: 13px; line-height: 1.45; }
.mp-referral-status:empty { display: none; }
.cg .mp-referral-retry { min-height: 44px; margin-top: 12px; border: 0; background: transparent; color: #53692b; }
.cg .mp-referral-content[hidden], .cg .mp-referral-retry[hidden] { display: none; }

/* Connected-contact invitation example; no real contacts are requested by this view. */
.mp-invite-contacts[hidden] { display: none; }
.cg .mp-invite-search { width: 100%; min-width: 0; min-height: 44px; box-sizing: border-box; margin: 0 0 10px; padding: 10px 12px; border: 1px solid #dfe4d8; border-radius: 10px; background: #f3f5ed; font: 400 16px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.mp-invite-contact { display: flex; align-items: center; gap: 12px; min-height: 68px; border-bottom: 1px solid #e3e7dc; }
.mp-invite-contact-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 16px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.cg .mp-invite-contact-share { display: grid; place-items: center; flex: none; width: 44px; height: 44px; min-height: 44px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #53692b; }
.mp-invite-contact-share svg { width: 23px; height: 23px; }
.mp-invite-contacts:not([hidden]) + .mp-referral-content { margin-top: 24px; }
.mp-contact-invitation { width: min(360px, calc(100vw - 32px)); box-sizing: border-box; padding: 24px; border: 1px solid #dfe4d8; border-radius: 20px; background: #fafbf7; color: #293024; font: 400 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.mp-contact-invitation::backdrop { background: rgb(33 42 25 / 35%); }
.mp-contact-invitation h2 { margin: 0 0 16px; font-size: 20px; line-height: 1.3; }
.mp-contact-invitation p { margin: 8px 0; }
.mp-contact-invitation-link { overflow-wrap: anywhere; color: #53692b; }
.mp-contact-invitation-note { display: block; margin-top: 16px; color: #68705f; font-size: 12px; }
.mp-contact-invitation-done { display: block; width: 100%; min-height: 44px; margin: 16px 0 0; border: 0; border-radius: 24px; background: #53692b; color: #fafbf7; font: inherit; }


/* Account identity: summary rows, one field per screen, deliberate handle changes. */
#profile-sheet .mp-account-row:has(.mp-account-value) { gap: 12px; }
#profile-sheet .mp-account-row:has(.mp-account-value) .mp-account-copy { flex: 1; }
.mp-account-value { max-width: 58%; color: #68705f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; }
#profile-sheet .mp-identity-page .mp-account-header h1 { flex: 1; }
#profile-sheet .mp-identity-save { flex: none; width: auto; min-width: 54px; min-height: 44px; padding: 8px 12px; border: 0; background: transparent; color: #53692b; font-size: 15px; font-weight: 600; }
#profile-sheet .mp-identity-save:disabled { opacity: .4; }
#profile-sheet .mp-identity-page form { margin: 0; }
#profile-sheet .mp-identity-page label { display: flex; flex-direction: column; gap: 8px; margin: 0; font-size: 14px; color: #68705f; }
#profile-sheet .mp-identity-page input { box-sizing: border-box; width: 100%; min-width: 0; min-height: 46px; margin: 0; padding: 11px 12px; border: 1px solid #dfe4d8; border-radius: 10px; background: #f3f5ed; color: #293024; font: 400 16px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
#profile-sheet .mp-identity-page input:disabled { opacity: .7; }
.mp-identity-status, .mp-identity-note { margin: 10px 0 0; color: #68705f; font: 400 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.mp-identity-status:empty, .mp-identity-note:empty { display: none; }
.mp-identity-status.is-error { color: #8c3d34; }
.mp-username-confirm { box-sizing: border-box; width: min(360px, calc(100vw - 32px)); padding: 24px; border: 1px solid #dfe4d8; border-radius: 20px; background: #fafbf7; color: #293024; font: 400 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.mp-username-confirm::backdrop { background: rgb(33 42 25 / 35%); }
.mp-username-confirm h2 { margin: 0 0 16px; font-size: 20px; line-height: 1.3; }
.mp-username-confirm p { margin: 8px 0; overflow-wrap: anywhere; }
.mp-username-confirm .mp-username-old { color: #68705f; text-decoration: line-through; }
.mp-username-confirm .mp-username-new { font-size: 20px; font-weight: 600; }
.mp-username-confirm button { display: block; width: 100%; min-height: 44px; margin-top: 12px; border: 0; border-radius: 24px; font: inherit; }
.mp-username-confirm-save { background: #53692b; color: #fafbf7; }
.mp-username-confirm-cancel { background: transparent; color: #53692b; }