.conversation-categories { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:3px; margin:0 0 14px; padding:3px; border:1px solid var(--tc-line); border-radius:11px; background:var(--tc-surface-2); }
.conversation-categories button { min-width:0; min-height:38px; padding:6px 2px; border-radius:8px; font-size:10px; font-weight:650; overflow-wrap:anywhere; color:var(--tc-muted); }
.conversation-categories button[aria-selected=true] { background:var(--tc-surface); box-shadow:0 2px 7px #1824330a; color:var(--tc-accent); }
.conversation-item { position:relative; }
.conversation-open { display:flex; align-items:center; gap:12px; flex:1; min-width:0; text-align:start; padding:0; border:0; background:none; color:var(--tc-text); }
.conversation-open > div { min-width:0; flex:1; }
.conversation-open strong { padding-inline-end:29px; }
.favorite-toggle { width:30px; height:30px; min-width:30px; padding:6px; border-radius:50%; color:var(--tc-muted); }
.conversation-item > .favorite-toggle { position:absolute; inset-inline-end:7px; top:7px; }
.favorite-toggle svg { width:16px; height:16px; }
.favorite-toggle[aria-pressed=true] { color:var(--tc-accent); }
.favorite-toggle[aria-pressed=true] svg { fill:var(--tc-accent); }
.friend-name-line { display:flex; align-items:center; gap:5px; }
.friend-name-line strong { min-width:0; overflow:hidden; text-overflow:ellipsis; }
.support-create { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:center; gap:9px; width:100%; min-height:44px; padding:11px; margin:0 0 16px; border-radius:10px; background:var(--tc-accent); color:var(--tc-on-accent); font-weight:650; font-size:12px; box-shadow:0 4px 15px var(--tc-accent-soft); }
.support-create > span:first-child { font-size:21px; line-height:1; }
.support-ticket { display:grid; gap:8px; width:100%; margin-bottom:5px; padding:13px 10px; border-radius:10px; text-align:start; }
.support-ticket.selected { background:var(--tc-accent-soft); }
.support-ticket-heading { display:flex; align-items:center; gap:8px; justify-content:space-between; }
.support-ticket-heading strong { font-size:12px; }
.support-ticket-preview { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:11px; color:var(--tc-muted); }
.support-ticket small { font-size:9px; color:var(--tc-muted); }
.support-status { display:inline-flex; align-items:center; gap:4px; padding:4px 7px; border-radius:6px; background:var(--tc-accent-soft); color:var(--tc-accent); font-size:9px; line-height:1.4; white-space:nowrap; }
.support-status[data-status=resolved] { background:#279d7c14; color:#218568; }
html[data-theme=dark] .support-status[data-status=resolved] { color:#74d2b8; }
.support-header > .support-status { margin-inline-start:auto; }
.support-avatar { width:37px; height:37px; display:grid; place-items:center; border-radius:11px; color:var(--tc-accent); background:var(--tc-accent-soft); font-weight:750; font-size:20px; }
.support-placeholder { padding:18px 10px; font-size:12px; line-height:1.7; color:var(--tc-muted); }
.support-error,.support-form-error { color:#bd3450; font-size:12px; line-height:1.6; }
html[data-theme=dark] .support-error,html[data-theme=dark] .support-form-error { color:#ffb4c1; }
.support-thread { flex:1; min-height:0; overflow:auto; padding:25px max(22px,calc((100% - 850px)/2)); overscroll-behavior:contain; }
.support-intro { display:grid; justify-items:center; text-align:center; gap:14px; margin:35px auto 25px; max-width:450px; }
.support-intro h2 { font-size:23px; margin:0; }
.support-intro p { color:var(--tc-muted); font-size:13px; line-height:1.8; }
.support-orbit { display:grid; place-items:center; width:68px; height:68px; border:1px solid var(--tc-line); background:var(--tc-accent-soft); color:var(--tc-accent); border-radius:22px; font-size:31px; }
.support-new-form { display:grid; gap:19px; max-width:570px; margin:0 auto 35px; }
.support-new-form label { display:grid; gap:9px; font-size:12px; font-weight:600; }
.support-new-form textarea { min-height:142px; resize:vertical; }
.support-new-form select,.support-new-form textarea,.support-reply textarea { background:var(--tc-surface-2); border:1px solid var(--tc-line); color:var(--tc-text); border-radius:10px; padding:12px; font:inherit; font-size:13px; }
.support-send { justify-self:end; display:flex; align-items:center; gap:22px; min-height:44px; padding:10px 22px; border-radius:10px; }
.support-ticket-meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:25px; font-size:12px; color:var(--tc-muted); }
.support-ticket-meta button { min-height:38px; padding:8px 12px; font-size:11px; }
.support-bubble { width:fit-content; max-width:85%; margin:0 0 18px; border:1px solid var(--tc-line); border-radius:13px 13px 13px 3px; padding:12px 15px; background:var(--tc-surface-2); }
.support-bubble.own { margin-inline-start:auto; background:var(--tc-accent-soft); border-color:transparent; border-radius:13px 13px 3px 13px; }
.support-bubble small { font-size:10px; color:var(--tc-muted); }
.support-bubble.staff small { color:var(--tc-accent); font-weight:650; }
.support-bubble p { font-size:13px; line-height:1.7; white-space:pre-wrap; overflow-wrap:anywhere; margin:7px 0 0; }
.support-thread-bottom { padding:18px 24px; border-top:1px solid var(--tc-line); }
.support-reply { display:flex; gap:10px; align-items:end; }
.support-reply textarea { flex:1; resize:vertical; min-height:45px; max-height:150px; }
.support-reply button { width:44px; height:44px; min-width:44px; border-radius:10px; font-size:21px; }
.support-resolved { margin:0; color:var(--tc-muted); font-size:12px; line-height:1.7; }
.live-bubble.moderation-notice { border:1px solid #73b9ff85; background:#092f58d9; color:#f0f7ff; }
.live-bubble.moderation-notice > small { display:flex; align-items:center; gap:6px; color:#a3d3ff; }
.live-bubble.moderation-notice > small svg { width:14px; height:14px; }
@media(max-width:700px) { .conversation-categories button { min-height:44px; font-size:11px; }.favorite-toggle { width:44px; height:44px; min-width:44px; padding:12px; }.favorite-toggle svg { width:20px; height:20px; }.conversation-item > .favorite-toggle { top:6px; right:5px; }.conversation-open strong { padding-inline-end:36px; }.support-thread { padding:17px 15px; }.support-thread-bottom { padding:13px 15px; }.support-intro { margin-top:22px; }.support-intro h2 { font-size:21px; }.support-bubble { max-width:92%; }.support-ticket-meta { align-items:start; }.support-header .support-status { max-width:90px; white-space:normal; }.support-header { gap:9px; }.support-header small { max-width:160px; } }
dialog:has(#filter-form) { width:min(590px,calc(100vw - 28px)); }
.filter-fieldset { border:0; padding:0; margin:22px 0; min-width:0; }
.filter-fieldset legend { padding:0; margin-bottom:12px; font-size:12px; font-weight:650; }
.filter-gender-options { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; }
.filter-gender-options label,.filter-country-options label { display:flex; align-items:center; gap:8px; min-height:44px; padding:10px; border:1px solid var(--tc-line); border-radius:9px; font-size:12px; cursor:pointer; }
.filter-gender-options label:has(input:checked),.filter-country-options label:has(input:checked) { background:var(--tc-accent-soft); border-color:var(--tc-accent); color:var(--tc-accent); }
#filter-form input[type=checkbox] { width:16px; height:16px; min-width:16px; margin:0; accent-color:var(--tc-accent); }
.filter-country-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; max-height:30vh; overflow:auto; margin-top:10px; padding:2px; overscroll-behavior:contain; }
.filter-country-options label { min-width:0; font-size:11px; }
.filter-country-options span { overflow-wrap:anywhere; }
.filter-footer { display:flex; justify-content:space-between; gap:12px; }
.filter-footer button { min-height:44px; padding:10px 18px; border-radius:9px; font-size:12px; }
@media(max-width:420px) { .filter-gender-options { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:700px) {
  #call-cost[data-billing-mode=dual_no_earnings] { display:block; position:absolute; inset-inline-start:0; top:calc(100% + 6px); width:max-content; max-width:calc(100vw - 36px); padding:6px 9px; margin:0; border:1px solid var(--tc-line); border-radius:7px; background:var(--tc-surface); color:var(--tc-muted); font-size:10px; font-weight:500; line-height:1.5; }
}
.participant .peer-verification-badge { display:grid; place-items:center; flex-shrink:0; width:27px; min-width:27px; height:30px; padding:5px; color:var(--tc-accent); background:var(--tc-accent-soft); border-radius:7px; }
.peer-verification-badge svg { width:15px; height:15px; }
@media(max-width:700px) { .participant .peer-verification-badge { width:44px; min-width:44px; height:44px; min-height:44px; padding:10px; }.peer-verification-badge svg { width:22px; height:22px; } }