/* V26.10.0045 — voice intro, Instagram/Spotify links, typing indicator, Love Game undo. Class-only styles. */
.mbx-card,.mbx-public-card,.mbx-admin-card{padding:16px;border:1px solid #f1dce4;border-radius:18px;background:#fff9fb;color:#20242c;margin:12px 0}
.mbx-title{margin:0 0 6px;font-size:1.125rem;font-weight:900}
.mbx-title-gap{margin-top:20px}
.mbx-sub,.mbx-hint,.mbx-note,.mbx-meta{margin:0 0 10px;font-size:.875rem;line-height:1.5;color:#4b5262;overflow-wrap:anywhere}
.mbx-note.is-warn{color:#92400e}
.mbx-note.is-error,.mbx-rec-status.is-error{color:#b42318}
.mbx-rec-status{min-height:22px;margin:6px 0;font-weight:800;font-variant-numeric:tabular-nums}
.mbx-audio{display:block;width:100%;max-width:100%;min-height:44px;margin:8px 0}
.mbx-audio[hidden]{display:none!important}
.mbx-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.mbx-actions .btn,.mbx-report-btn,.mbx-report-form .btn{min-height:44px}
.mbx-actions[hidden],.mbx-actions .btn[hidden]{display:none!important}
.mbx-label{display:block;margin:12px 0 4px;font-weight:800;font-size:.875rem}
.mbx-input,.mbx-select{display:block;width:100%;box-sizing:border-box;min-height:44px;font-size:16px}
.mbx-public{display:grid;gap:12px;margin:12px 0}
.mbx-public-title{margin:0 0 6px;font-size:1rem;font-weight:900}
.mbx-report{margin-top:6px}
.mbx-report-btn{background:#fff;border:1px solid #e3c5cd;color:#9f1239;font-weight:800}
.mbx-report-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mbx-report-form .mbx-select{flex:1 1 180px;width:auto}
.mbx-links{display:flex;flex-wrap:wrap;gap:8px}
.mbx-link{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;font-weight:800;text-decoration:none;color:#fff;overflow-wrap:anywhere}
.mbx-link-ig{background:linear-gradient(45deg,#f09433,#dc2743 55%,#bc1888)}
.mbx-link-sp{background:#1db954;color:#052e16}
.mbx-admin{padding:12px 4px}
.mbx-admin-list{display:grid;gap:10px}
.mbx-admin-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}
.mbx-admin-card.is-hidden{opacity:.8;background:#f4f4f6}
.mbx-chip{padding:3px 10px;border-radius:999px;background:#fff0f4;border:1px solid #f1c5d1;font-size:.75rem;font-weight:800}
.mbx-chip.is-hidden{background:#eceef3;border-color:#d0d5dd}
/* Typing indicator (messages) */
.mbx-typing{display:flex;align-items:center;gap:8px;margin:6px 12px;padding:6px 12px;width:fit-content;max-width:90%;border-radius:999px;background:#f2f4f7;color:#475467;font-size:.8125rem;font-weight:700}
.mbx-typing[hidden]{display:none!important}
.mbx-typing-dots{display:inline-flex;gap:3px}
.mbx-typing-dots i{width:6px;height:6px;border-radius:50%;background:#98a2b3;animation:mbx-bounce 1.2s infinite ease-in-out}
.mbx-typing-dots i:nth-child(2){animation-delay:.15s}
.mbx-typing-dots i:nth-child(3){animation-delay:.3s}
@keyframes mbx-bounce{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
@media (prefers-reduced-motion:reduce){.mbx-typing-dots i{animation:none}}
/* Love Game undo */
.mbx-undo{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 16px;border-radius:999px;border:1px solid #e3c5cd;background:#fff;color:#7a2740;font-weight:800;cursor:pointer}
.mbx-undo[hidden]{display:none!important}
.mbx-undo:disabled{opacity:.6}
/* Profile Quality Assistant: tappable missing items */
.mbx-go{cursor:pointer;min-height:44px}
.mb-v13017-signal.mbx-go{display:inline-flex;align-items:center;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
.mb-v12012-hub li.mbx-go{padding:6px 0}
.mbx-go:focus-visible{outline:3px solid #7a3fb4;outline-offset:2px;border-radius:10px}
/* Public profile: the verification badge is its own pill under the name instead of oversized inline text. */
#public-profile-overlay .public-name .mb-v12013-verified{display:flex;width:fit-content;max-width:100%;margin:8px 0 0;padding:6px 12px;font-size:.9375rem;line-height:1.3;font-weight:800;color:#14532d;background:#dcfce7;border:1px solid #4ade80}
/* Own profile page: the page is rebuilt in several quick passes (cards re-parented, hero added). Keep it invisible until the final layout is in place; the animation reveals it anyway after 1.2 s if a pass fails. */
#profile-overlay:not(.mb-own-ready) #profile-account-container{opacity:0;animation:mbx-own-reveal 0s linear 1.2s forwards}
#profile-overlay.mb-own-ready #profile-account-container{opacity:1;transition:opacity .15s ease}
@keyframes mbx-own-reveal{to{opacity:1}}
@media (prefers-reduced-motion:reduce){#profile-overlay.mb-own-ready #profile-account-container{transition:none}}