
.peerCallButton{flex-shrink:0;width:38px;height:38px;color:#86f5dc;background:#14363780!important}.peerCallButton svg{width:22px;height:22px}
.peerVideoButton{flex-shrink:0;color:#89f7e6!important;font-size:24px!important}
.peerModal{position:fixed;inset:0;z-index:30000;display:grid;place-items:center;padding:20px;background:#020a13c9;backdrop-filter:blur(16px)}
.peerCard{width:min(100%,380px);max-height:90dvh;overflow:auto;border:1px solid #73efda55;border-radius:28px;padding:26px;background:#0c1927ed;color:#eef9ff;box-shadow:0 0 45px #20bacc24;text-align:center}
.peerCard h2{font-size:24px;margin:0 0 18px}.peerCard small{display:block;color:#9ee8dc;margin:12px 0}.peerCode{font-size:13px;line-height:1.5}
.peerRemoteAudio{width:100%;height:36px;margin:14px 0}.peerControls{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}
.peerControls button{border-radius:18px;padding:12px 15px;background:#143f44;color:#eaffff;border:1px solid #8befde44;cursor:pointer}.peerControls button:last-child{background:#67263c}
.peerVideoPreview{display:block;margin:0 auto;width:min(100%,260px);aspect-ratio:1;border-radius:50%;object-fit:cover;background:#000;border:2px solid #66e6cf66}
#directMessages .videoNoteAttachment{background:transparent!important;width:min(240px,65vw);padding:0!important}
#directMessages .videoNoteAttachment video{width:100%!important;aspect-ratio:1;height:auto!important;object-fit:cover;border-radius:50%!important;border:2px solid #6fe8d746}
.videoNoteAttachment .attachmentDownload{justify-content:center;font-size:11px;opacity:.7}
.emojiToneBar{display:flex;gap:8px;padding:10px;overflow-x:auto}.emojiToneBar button{font-size:24px;padding:4px;background:transparent;border:1px solid transparent;border-radius:10px}.emojiToneBar .on{border-color:#79e6db}
.emojiCell[data-emoji*="ROOT"],.emojiCell[data-emoji*="SYSTEM"]{grid-column:span 3;font-size:12px}
@media(max-width:360px){#directComposer .composerActions .round{width:30px;min-width:30px;height:34px}#directComposer .composerActions{gap:3px!important}#directChatScreen .chatHead{gap:4px}.peerCallButton{width:32px;min-width:32px}}

.peerCallQuality{font-size:12px;line-height:1.5;overflow-wrap:anywhere;color:#b7e9ef!important;margin:8px 0 12px!important}
