.chat-tool{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;border:1px solid #eadce4;border-radius:15px;background:#fff;color:#8f164d;min-width:46px;min-height:46px;padding:10px;cursor:pointer;font:inherit}
.chat-tool svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.direct-call-tools{display:flex;gap:8px}.direct-call-tools .call-tool{margin:0;min-width:56px;min-height:56px}#directChat .direct-call-tools span{font-size:14px;letter-spacing:0}
#directChat .chat-head{grid-template-columns:auto auto minmax(0,1fr) auto}#directChat .direct-member-copy{min-width:0}#directName{overflow-wrap:anywhere;border:0;background:none;color:inherit;font:inherit;text-align:left;padding:4px 0;cursor:pointer;max-width:100%}#directAvatar{border:0;padding:0;overflow:hidden;cursor:pointer}#directName:hover{text-decoration:underline;text-decoration-color:#dc1771;text-underline-offset:4px}#directName:focus-visible,#directAvatar:focus-visible{outline:3px solid #168f87;outline-offset:3px}.call-tool{margin-left:auto;flex-direction:column;font-size:11px;gap:1px}
.member-presence{display:block;white-space:normal!important;line-height:1.5;color:#786774;font-size:12px}#directPresence{display:block;line-height:1.5}.member-online,#directPresence.member-online{color:#14756b!important;font-weight:700}
#directMessageForm .photo-tool{background:#fff;color:#b51660;border:1px solid #eadce4;width:46px;height:46px;min-width:46px;border-radius:50%;box-shadow:none;padding:10px}
#directMessageForm{grid-template-columns:46px minmax(0,1fr) 45px;align-items:center;gap:9px}#directMessageForm textarea{min-width:0;flex:1}
.chat-photo{display:block;border:0;border-radius:14px;background:#f5eaf1;padding:0;overflow:hidden;max-width:260px;min-width:120px;min-height:90px;color:#5d1239;cursor:pointer}.chat-photo img{display:block;width:100%;height:auto;max-height:320px;object-fit:cover}.chat-photo span{display:block;padding:18px;font:inherit}
.chat-media-dialog{box-sizing:border-box;width:min(94vw,540px);max-height:90dvh;overflow:auto;border:1px solid #e8dce3;border-radius:25px;padding:24px;color:#31001f;background:#fffafc;box-shadow:0 24px 80px #26001940}
.chat-media-dialog::backdrop{background:#260019bb;backdrop-filter:blur(4px)}.media-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.media-dialog-head h2{font-size:27px;line-height:1.2;margin:0}.media-close{flex:none;width:44px;height:44px;border:1px solid #e6dbe2;border-radius:50%;background:white;color:#31001f;font-size:28px;cursor:pointer}
.chat-media-dialog p{font-size:15px;line-height:1.5}.media-status{min-height:1.5em;color:#8d2052}.chat-media-dialog .primary,.chat-media-dialog .secondary{margin-top:10px;width:100%}
#chatPhotoPreviewImage{width:100%;max-height:50dvh;object-fit:contain;border-radius:15px;background:#f1e9ef}#chatPhotoPreviewImage:not([src]){display:none}.photo-viewer{position:relative;padding:12px;background:#1b0b16}.photo-viewer .media-close{position:absolute;right:20px;top:20px}.photo-viewer img{display:block;width:100%;max-height:80dvh;object-fit:contain}
.call-peer{font-weight:700;font-size:21px!important;margin-bottom:0}.call-help{color:#786774}.call-actions{display:flex;gap:12px;flex-wrap:wrap}.call-actions>button{flex:1;min-width:120px}.call-actions .primary,.call-actions .secondary{width:auto}.call-end{background:#bd1743;color:#fff;border:0;border-radius:16px;padding:16px 24px;margin-top:10px;font:inherit;font-size:16px;font-weight:700;cursor:pointer}
.call-allowance{padding:16px;border:1px solid #e6c6d6;border-radius:16px;background:#fff1f7;color:#5d103c;margin:16px 0}.call-allowance strong{display:block;font-size:20px}.call-allowance small{display:block;margin-top:6px;line-height:1.6;color:#6b455a}.call-time{font-size:26px!important;font-weight:800;font-variant-numeric:tabular-nums;color:#b30b56;margin:12px 0}.call-warning{padding:12px 16px;border-radius:12px;background:#fff1db;color:#783c0b;font-weight:700}.call-allowance[hidden],.call-time[hidden],.call-warning[hidden]{display:none}
#chatCallFrame{height:min(60dvh,530px);min-height:280px;border-radius:16px;overflow:hidden;background:#211320}#chatCallFrame iframe{width:100%;height:100%;border:0}.chat-media-dialog button:disabled{opacity:.55;cursor:wait}.chat-media-dialog [hidden],#directMessageForm [hidden]{display:none!important}.chat-tool:focus-visible,.chat-media-dialog button:focus-visible,.chat-photo:focus-visible{outline:3px solid #168f87;outline-offset:3px}
@media(max-width:420px){.chat-media-dialog{padding:18px}.call-dialog{width:96vw}.call-tool{min-width:42px;padding:7px}#directChat .chat-head{gap:8px}#directChat .chat-head>div>span{font-size:9px}#directMessageForm{gap:6px}}
@media(max-width:480px){#directChat .chat-head{grid-template-columns:auto auto minmax(0,1fr)}#directChat .direct-call-tools{grid-column:2/-1;justify-self:end}.direct-call-tools .call-tool{flex-direction:row;gap:6px;padding:10px 14px;min-height:44px}}

#directName{min-height:44px;text-decoration:underline;text-decoration-color:#dc177160;text-underline-offset:5px;text-decoration-thickness:1px}#directAvatar img{pointer-events:none}
.profile-sheet #sheetAvatar{width:100px;height:100px;border:0;padding:0;border-radius:24px;cursor:zoom-in;font-size:32px}.profile-sheet #sheetAvatar:disabled{cursor:default;opacity:1}.profile-sheet #sheetAvatar:focus-visible{outline:3px solid #168f87;outline-offset:4px}.profile-sheet .profile-photo-hint{font-size:14px;margin:0 0 12px;color:#785366}

#directMessageForm{grid-template-columns:44px minmax(0,1fr) 44px 44px;gap:6px}#directMessageForm .photo-tool,#directMessageForm .voice-tool{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;padding:10px}#directMessageForm .voice-tool{background:#ffe4ef;color:#a5074d;border:1px solid #ecc3d6}#directMessageForm>button[type=submit]{min-height:44px}#directMessageForm textarea{padding:10px 6px}#chatVoicePreview{display:block;width:100%;margin:14px 0}.voice-clock{font-size:36px!important;font-weight:700;font-variant-numeric:tabular-nums;text-align:center;color:#c30c58}.chat-voice{display:block;min-width:0;max-width:100%;width:250px}.chat-voice audio{display:block;width:100%;max-width:100%;height:44px}.chat-voice-load{display:block;min-height:44px;width:100%;padding:10px 12px;border:1px solid #e5b4cc;border-radius:12px;background:#fce4ef;color:#831044;font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;text-align:left;cursor:pointer}.chat-voice-status{display:block;color:#7b4163;font-size:14px;line-height:1.4;margin-top:4px}.chat-voice [hidden]{display:none!important}.chat-voice-load:focus-visible{outline:3px solid #168f87;outline-offset:2px}
#chatVoiceDialog .secondary,#chatChangeDialog .secondary{background:#fff0f6;color:#791242;border:1px solid #b96b90;box-shadow:none}#chatVoiceDialog .voice-delete{background:#fff3f3;color:#9d173e;border-color:#ba647e}#chatVoiceDialog .secondary{font-size:16px;min-height:48px;padding:12px 16px}#chatVoiceDialog .secondary:hover{background:#f9dfe9}#chatVoiceDialog button:disabled{cursor:wait}#chatChangeDialog #saveChatChange{font-size:16px}