.chat-thread{max-width:1060px;margin:24px auto;border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden;box-shadow:0 20px 65px #00000012}.chat-thread .thread-heading{padding:22px 26px;margin:0;gap:16px}.chat-thread .thread-heading h1{font-size:24px;margin:8px 0;font-family:inherit;letter-spacing:-.5px}.chat-thread .thread-heading p{margin:0}.chat-safety{padding:12px 26px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.chat-safety summary{cursor:pointer}.chat-feed{height:clamp(320px,52vh,640px);overflow-y:auto;overscroll-behavior:contain;padding:20px 28px;scrollbar-width:thin;background:var(--bg,var(--surface))}.chat-thread .message-card{width:fit-content;max-width:76%;padding:12px 16px;margin:10px 0;border:1px solid var(--line);background:var(--surface);border-radius:18px 18px 18px 5px;color:var(--text);overflow-wrap:anywhere}.chat-thread .message-card.outgoing{margin-left:auto;background:color-mix(in srgb,var(--accent) 17%,var(--surface));border-color:color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:18px 18px 5px 18px}.chat-thread .message-meta{font-size:11px;margin:0 0 6px;gap:18px}.chat-thread .message-meta span{font-size:10px;white-space:nowrap}.chat-thread .post-body{padding:0;margin:0;border:0;font-size:14px;line-height:1.65}.chat-thread .message-preview{font-size:13px;margin:0 0 6px}.chat-thread .report{margin-top:10px;font-size:10px;color:var(--muted)}.chat-thread .private-media{margin:10px 0;max-width:380px}.chat-thread .private-media img,.chat-thread .private-media video{max-height:340px}.chat-thread .message-locked{margin:8px 0;padding:18px;background:color-mix(in srgb,var(--accent) 12%,var(--surface));color:var(--text)}.chat-thread .message-locked h2{font-size:20px}.chat-thread .message-locked p{color:var(--muted)}.chat-thread .chat-composer{border:0;border-top:1px solid var(--line);border-radius:0;background:var(--surface);padding:16px 24px;margin:0}.chat-write{font-size:12px}.chat-write textarea{resize:vertical;min-height:64px;max-height:180px;margin:6px 0;border-radius:16px;padding:14px}.chat-send-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-send-row .check{font-size:11px;max-width:490px;margin:8px 0;color:var(--muted)}.chat-send-row button{flex-shrink:0;border-radius:24px}.chat-extras{font-size:12px;margin:8px 0}.chat-extras summary{cursor:pointer;color:var(--accent);padding:8px 0}.chat-extras input,.chat-extras textarea{margin:8px 0}.chat-feedback{font-size:12px;margin:4px 0 0;min-height:18px;color:var(--muted)}.chat-welcome{text-align:center;border:0;margin:40px auto;background:transparent}.chat-welcome>span{font-size:44px;color:var(--accent)}.chat-welcome h2{font-size:24px}.chat-latest{display:block;margin:8px auto}.chat-latest[hidden]{display:none}.chat-feed .pagination{margin:0 0 20px;font-size:11px}.chat-thread:focus-within{outline-offset:3px}@media(max-width:650px){.chat-thread{margin:12px -8px;border-radius:18px}.chat-thread .thread-heading{display:flex;padding:16px}.chat-thread .thread-heading h1{font-size:20px}.chat-thread .thread-heading form{margin:0}.chat-thread .thread-heading button{font-size:10px;padding:9px}.chat-safety{padding:10px 16px}.chat-feed{padding:12px;height:48dvh;min-height:280px}.chat-thread .message-card{max-width:88%;padding:10px 12px}.chat-thread .message-meta{flex-direction:column;gap:2px}.chat-thread .chat-composer{padding:12px}.chat-send-row{gap:10px}.chat-send-row .check{font-size:10px}.chat-send-row button{padding:12px 18px}}
/* Inbox follows the same visual language as the conversation. */
.conversation-row{padding:18px 22px;margin:0;border-radius:0;border-width:0 0 1px;transition:background .15s}.conversation-row:hover{background:color-mix(in srgb,var(--accent) 9%,var(--surface))}.conversation-row h3{font-size:16px;margin-bottom:5px}.conversation-row .avatar{border-radius:50%;background:color-mix(in srgb,var(--accent) 20%,var(--surface));color:var(--text);display:grid;place-items:center}.chat-thread .report{padding-top:8px}.chat-thread .thread-heading .inline-link{font-size:11px}
/* A bounded inbox, rather than full-page stacked cards. */
.inbox-shell{display:grid;grid-template-columns:320px minmax(0,1fr);height: min(820px,calc(100dvh - 220px));min-height:540px;margin:24px 0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--surface)}
.inbox-sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--bg)}
.inbox-heading{padding:22px 18px 14px;border-bottom:1px solid var(--line)}.inbox-heading h2{font-size:24px;letter-spacing:-.6px;margin:0 0 16px}.inbox-heading h2 small{font-size:12px;color:var(--muted);margin-left:8px}
.inbox-search{display:flex;align-items:end;gap:4px}.inbox-search-label{margin:0;flex:1;min-width:0;font-size:11px}.inbox-search input{min-width:0;padding:10px;font-size:13px}.inbox-search button{font-size:11px;padding:12px 4px}
.inbox-list{flex:1;overflow-y:auto;min-height:0;padding:8px;scrollbar-width:thin;overscroll-behavior:contain}
.inbox-row{display:flex;align-items:center;gap:12px;padding:14px 10px;border-radius:14px;min-height:80px;transition:background .15s}.inbox-row:hover,.inbox-row.is-selected{background:var(--theme-tint);color:var(--text)}.inbox-row.is-selected{box-shadow:inset 3px 0 var(--accent)}
.inbox-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0}.inbox-row>div{min-width:0;flex:1}.inbox-row strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-row small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.inbox-meta{display:flex;align-items:end;flex-direction:column;gap:6px}.inbox-meta time{font-size:10px;color:var(--muted)}.inbox-meta b{background:var(--accent);color:var(--bg);border-radius:999px;min-width:20px;text-align:center;font-size:10px;padding:1px 5px}
.inbox-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:32px}.inbox-placeholder>span{font-size:48px;color:var(--accent)}.inbox-placeholder h1{font-size:30px;letter-spacing:-1px;margin:18px 0 12px}.inbox-placeholder p{font-size:14px;color:var(--muted)}.inbox-empty{font-size:13px;padding:20px;color:var(--muted)}.inbox-pagination{display:flex;justify-content:space-between;padding:12px 18px;border-top:1px solid var(--line);font-size:12px}
.inbox-conversation{min-width:0;min-height:0;overflow:auto}.inbox-conversation .chat-thread{margin:0;min-height:100%;border:0;border-radius:0;box-shadow:none}.inbox-conversation .chat-thread .thread-heading{padding:16px 20px}.inbox-conversation .chat-thread .thread-heading h1{font-size:21px}.inbox-conversation .chat-feed{height:clamp(240px,35dvh,440px)}.inbox-conversation .chat-safety{padding:6px 20px}.inbox-conversation .chat-thread>.tip-box{margin:8px 20px;padding:8px 12px}.inbox-new{padding:16px!important;border:1px solid var(--line);border-radius:16px}.inbox-new>summary{cursor:pointer;font-size:14px}.inbox-new h2{margin-top:20px}
@media(max-width:760px){.inbox-shell{grid-template-columns:1fr;min-height:440px;height:calc(100dvh - 180px);margin:16px 0;border-radius:18px}.inbox-sidebar{border-right:0}.inbox-placeholder{display:none}.inbox-shell.has-conversation{height:auto;min-height:0}.has-conversation .inbox-sidebar{display:none}.inbox-conversation .chat-feed{height:42dvh}.inbox-conversation .chat-thread{margin:0}.inbox-heading{padding:18px}.inbox-row{min-height:76px}.inbox-new{margin:16px 0}}
.chat-payment-dialog{width:min(560px,95vw);height:min(800px,92dvh);padding:14px;border:1px solid var(--line);border-radius:22px;background:var(--bg);color:var(--text)}.chat-payment-dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}.chat-payment-dialog iframe{display:block;width:100%;height:calc(100% - 54px);border:0;margin-top:10px}.payment-embedded>.header,.payment-embedded>.demo-bar,.payment-embedded>.footer,.payment-embedded .header,.payment-embedded .footer,.payment-embedded .demo-bar{display:none}.payment-embedded .wrap{padding:12px}.payment-embedded .editor{margin:10px auto}.payment-embedded h1{font-size:25px}

.message-toast{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;gap:16px;align-items:center;max-width:min(380px,calc(100vw - 32px));padding:18px;border:1px solid var(--accent);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 12px 40px #0003}.message-toast button{background:transparent;color:inherit;border:0;font-size:24px;cursor:pointer}
.chat-identity{display:inline-flex;align-items:center;gap:9px;text-decoration:none;cursor:pointer}.chat-identity img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.chat-send-row [hidden]{display:none!important}.social-feed-post header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.social-feed-post header small{font-size:11px;color:var(--muted)}.social-feed-post .post-body{margin:16px 0;white-space:normal;overflow-wrap:anywhere}.social-feed-post img,.social-feed-post video{max-width:100%}.profile-posts .post-grid{grid-template-columns:1fr}.social-feed-post .locked{margin:16px 0;padding:32px 18px}.feed-actions{display:flex;gap:12px;margin:18px 0}.feed-actions form{margin:0}.feed-comments{border-top:1px solid var(--line);padding:14px 0}.feed-comments summary{cursor:pointer}.feed-comment{padding:12px;border-radius:12px;background:var(--bg);margin:10px 0;overflow-wrap:anywhere}.feed-comment p{margin:8px 0}.feed-comment .text-button{font-size:11px}

.private-media .media-enlarge{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:inherit}.private-media .media-enlarge img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain}.private-media video{display:block;width:100%;max-height:650px;background:#08080b}.private-media-dialog{padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--text);max-width:96vw;max-height:96dvh}.private-media-dialog::backdrop{background:#000d}.private-media-dialog>img{display:block;max-width:88vw;max-height:80dvh;object-fit:contain;margin-top:12px}.private-media figcaption{padding:10px;font-size:11px;color:var(--muted)}

/* One message scroller, with the composer outside it. */
.inbox-conversation{overflow:hidden;height:100%}
.inbox-conversation .chat-thread{display:flex;flex-direction:column;height:100%;min-height:0;max-height:100%}
.inbox-conversation .chat-feed{flex:1;min-height:80px;height:auto;overflow-y:auto}
.inbox-conversation .thread-heading,.inbox-conversation .chat-safety,.inbox-conversation .chat-thread>.tip-box{flex-shrink:0}
.inbox-conversation .chat-composer{flex-shrink:0;max-height:45%;overflow-y:auto;padding:10px 16px}
.chat-write{font-size:0}.chat-write textarea{font-size:14px;min-height:44px;margin:0;resize:none;padding:10px 14px}
.chat-feedback:empty{display:none}.chat-send-row{margin-top:6px}
.chat-thread .message-card{position:relative;padding-right:38px}
.chat-thread .message-card>.report{position:absolute;right:5px;top:5px;margin:0;padding:0;border:0}
.chat-thread .message-card>.report>summary{list-style:none;cursor:pointer;font-size:22px;line-height:28px;width:28px;height:28px;text-align:center;border-radius:50%}
.chat-thread .message-card>.report>summary::-webkit-details-marker{display:none}
.chat-thread .message-card>.report>summary:hover{background:var(--theme-tint)}
.chat-thread .message-card>.report[open]{position:relative;inset:auto;margin-top:8px;padding:10px;border:1px solid var(--line);border-radius:12px;font-size:12px}
@media(max-width:760px){.inbox-shell.has-conversation{height:calc(100dvh - 190px);min-height:380px}.inbox-conversation .chat-feed{height:auto;min-height:80px}}

.chat-thread .message-card{border:0;box-shadow:none;border-radius:18px;padding:10px 13px;margin:8px 0;background:var(--surface)}
.chat-thread .message-card.outgoing{border:0;background:#69449b;color:#fff;border-radius:18px}
.chat-thread .message-card.outgoing .message-meta,.chat-thread .message-card.outgoing .message-meta span{color:#e7d9f6}
.chat-thread .message-meta{gap:10px;font-size:10px;margin-bottom:4px}.chat-thread .message-meta img{width:24px;height:24px}
.chat-send-row{justify-content:flex-end;gap:6px}.chat-send-row .check{margin-right:auto}
.chat-icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;min-width:38px;padding:8px!important;border:0!important;background:transparent!important;color:var(--accent)!important;border-radius:50%;cursor:pointer}
.chat-icon-button svg{width:22px;height:22px}.chat-icon-button:hover{background:var(--theme-tint)!important}
.chat-extras>summary{display:none}.chat-extras:not([open]){margin:0}
.chat-emoji-picker{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;padding:8px;background:var(--bg);border-radius:14px;margin-top:8px}.chat-emoji-picker[hidden]{display:none}.chat-emoji-picker button{padding:6px;border:0;background:transparent;font-size:22px}
.chat-tip-dialog{width:min(420px,92vw);max-height:85dvh;overflow:auto;padding:16px;border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text)}.chat-tip-dialog::backdrop{background:#0006}.chat-tip-dialog .tip-box{margin:0;border:0;padding:8px}
.message-tools{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:3px}.message-tools form{margin:0}.message-reaction button{display:flex;align-items:center;gap:3px;background:none;border:0;color:inherit;padding:4px;cursor:pointer}.message-reaction svg{width:17px;height:17px}.message-reaction [aria-pressed="true"] svg{fill:#ff6ba9;stroke:#ff6ba9}.message-options summary{list-style:none;cursor:pointer;padding:0 5px;font-size:20px;line-height:26px}.message-options summary::-webkit-details-marker{display:none}.message-options-list{display:grid;gap:4px}.message-options-list button,.message-options>button{font-size:12px;border:0;border-radius:8px;padding:7px;background:var(--bg);color:var(--text);cursor:pointer}.message-options[open]{padding:5px;border-radius:10px;background:var(--surface)}
.chat-thread .message-card>.message-report-form{position:static;margin:8px 0 0;padding:8px}.message-report-form[hidden]{display:none!important}
.mini-chat-document .chat-composer form[data-chat-compose]{display:block}.mini-chat-document .chat-send-row{display:flex;justify-content:flex-end}.mini-chat-document .chat-send-row .chat-icon-button{font-size:initial}.mini-chat-document .chat-send-row .chat-icon-button::after{content:none}.mini-chat-document .chat-extras{display:block!important}.mini-chat-document .message-options{display:none}.mini-chat-document .chat-composer{max-height:50%!important}

.message-options[open]{padding:0;background:transparent}
.message-options-list[popover]{position:fixed;inset:auto;margin:0;width:180px;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text);box-shadow:0 8px 28px #0002;z-index:10000}
.message-options-list[popover]:not(:popover-open){display:none}
.message-options-list:popover-open{animation:chat-pop-in .18s ease-out}
.chat-emoji-picker[popover]{position:fixed;inset:auto;margin:0;height:min(260px,50vh);overflow-y:auto;border:1px solid var(--line);grid-template-columns:repeat(7,1fr);z-index:10000;box-shadow:0 8px 28px #0002}
.chat-emoji-picker:popover-open{animation:chat-pop-in .18s ease-out}
.chat-emoji-picker button{min-height:34px;padding:3px}
@keyframes chat-pop-in{from{opacity:0;transform:translateY(5px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.chat-emoji-picker:popover-open,.message-options-list:popover-open{animation:none}}
.mini-chat-document .chat-composer form[data-chat-compose]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;align-items:center}
.mini-chat-document .chat-write{min-width:0}.mini-chat-document .chat-write textarea{width:100%;overflow:auto;scrollbar-width:none}
.mini-chat-document .chat-send-row{display:flex;gap:1px;align-items:center;margin:0}
.mini-chat-document .chat-send-row .chat-icon-button{width:29px;height:34px;min-width:29px;padding:5px!important}
.mini-chat-document .chat-extras,.mini-chat-document .chat-feedback{grid-column:1/-1}
.mini-chat-document .chat-extras:not([open]){display:none!important}
.mini-chat-document .chat-send-row [data-attachment-consent]{max-width:160px}

.sound-menu-trigger{border:0;background:transparent;color:inherit;width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;font-size:23px;cursor:pointer;flex-shrink:0}
.sound-menu-trigger:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.sound-menu-popup[popover]{position:fixed;margin:0;padding:6px;border:1px solid var(--border,#393440);border-radius:14px;background:var(--surface,#211e28);color:var(--text,#eee);box-shadow:0 8px 28px #0002;width:210px;inset:auto;animation:sound-menu-in .16s ease-out}
.sound-menu-popup button{border:0;background:transparent;color:inherit;padding:10px;font-size:13px;width:100%;text-align:left;cursor:pointer;border-radius:9px}
@keyframes sound-menu-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.sound-menu-popup[popover]{animation:none}}

.thread-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}
.thread-header-actions form{margin:0;display:flex;align-items:center}
.thread-header-actions button{width:34px;height:34px;min-height:34px;margin:0;padding:6px;display:grid;place-items:center}
.thread-heading{align-items:center;gap:12px}.thread-heading>div:first-child{min-width:0}
.message-receipt{display:inline-block;margin-left:6px;font-size:12px;letter-spacing:-3px;padding-right:3px;color:inherit;opacity:.75}
.message-receipt.is-read{color:#91e4ff;opacity:1}
.message-received-like svg{width:16px;height:16px;fill:#ff74b2;stroke:#ff74b2}
.chat-send-row{align-items:center}.mini-chat-document .chat-send-row{align-self:center;align-items:center;margin:0}
.mini-chat-document .chat-write{margin:0;align-self:center}.mini-chat-document .chat-composer textarea{resize:none;vertical-align:middle}
.mini-chat-bar{align-items:center;gap:5px}.mini-chat-bar strong{flex:1;min-width:0}.mini-chat-bar>a,.mini-chat-bar>button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:32px;padding:0;margin:0}

.mini-chat-document .chat-send-row button[type="submit"]{position:relative;display:grid;place-items:center;padding:0!important;width:36px;height:36px;min-height:36px;line-height:1;font-size:0;flex:0 0 36px}
.mini-chat-document .chat-send-row button[type="submit"]::after{content:"";position:absolute;inset:8px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V5m-6 6 6-6 6 6' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;transform:none}
.notification-dropdown[popover]{position:fixed;inset:auto;margin:0;padding:0;border:1px solid var(--border,#393440);border-radius:18px;background:var(--surface,#191820);color:var(--text,#eee);box-shadow:0 12px 36px #0003;overflow:auto;animation:sound-menu-in .18s ease-out}
.notification-dropdown>header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--border,#393440)}
.notification-dropdown>header a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:inherit}
.notification-dropdown-list{padding:6px;font-size:13px}
.notification-dropdown-item{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:12px;color:inherit;text-decoration:none;line-height:1.4}
.notification-dropdown-item small{opacity:.65;font-size:11px}.notification-dropdown-item.is-unread{background:color-mix(in srgb,#9664d4 12%,transparent)}
.notification-dropdown-item:hover{background:color-mix(in srgb,#9664d4 20%,transparent)}
html[data-site-theme="light"] .notification-dropdown{background:#fff;color:#242033;border-color:#e2ddea}
@media(prefers-reduced-motion:reduce){.notification-dropdown[popover]{animation:none}}

.chat-send-button{display:grid;place-items:center;padding:0;width:34px;height:34px;min-height:34px;border-radius:50%}
.chat-send-button svg{width:20px;height:20px;display:block}.chat-send-button::after{content:none!important}
.message-time{font-size:9px;line-height:1;opacity:.75;white-space:nowrap;margin-right:2px}
.message-tools{gap:4px;min-height:22px}.message-options summary{font-size:17px;line-height:22px;padding:0 3px}
.message-options-list[popover]{width:96px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;align-items:center}
.message-options-list button{display:grid;place-items:center;width:34px;height:34px;padding:0;font-size:21px;line-height:1}.message-options-list form{margin:0}