.attachment{display:grid;gap:8px;min-width:180px;max-width:min(420px,70vw)}
.attachment img,.attachment video{display:block;width:100%;max-height:360px;border-radius:12px;object-fit:contain;background:#0d1728}
.attachment-file{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;background:#eef2f7;color:#17233b;text-decoration:none}
.mine .attachment-file{background:#ffffff18;color:#fff}.attachment-file b{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#3976ea;color:#fff;font-size:18px}.attachment-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.attachment-loading{padding:18px;color:#8994a5;font-size:10px;text-align:center}.uploading{opacity:.55;pointer-events:none}
@media(max-width:700px){.attachment{max-width:72vw}.attachment img,.attachment video{max-height:52dvh}}
.voice-attachment audio{display:block;width:min(310px,68vw);height:42px}.round-video-attachment{min-width:0}.round-video-attachment video{width:240px;height:240px;max-height:none!important;border:4px solid #cfff57;border-radius:50%;object-fit:cover;box-shadow:0 14px 38px #0b160e4a}.call-history-bubble{position:relative;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:9px;min-width:210px}.call-history-bubble .call-history-icon{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#cfff57;color:#132119;font-size:17px}.call-history-bubble p,.call-history-bubble time{grid-column:2}.call-history-bubble p{margin:0}@media(max-width:700px){.round-video-attachment video{width:min(220px,62vw);height:min(220px,62vw)}}
.round-video-attachment video{cursor:pointer}.round-video-player{position:fixed;z-index:500;inset:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#020604ed;backdrop-filter:blur(18px);animation:round-player-in .28s ease both}.round-video-player video{display:block;width:min(760px,88vw,82vh);height:min(760px,88vw,82vh);border:5px solid #cfff57;border-radius:50%;object-fit:cover;background:#000;box-shadow:0 30px 110px #000,0 0 0 1px #dcff7c66;outline:0}.round-video-player video::-webkit-media-controls{display:none!important}.round-video-player video::-webkit-media-controls-enclosure{display:none!important}@keyframes round-player-in{from{opacity:0}to{opacity:1}}@media(max-width:700px){.round-video-player video{width:min(88vw,72vh);height:min(88vw,72vh);border-width:4px}}
.round-video-attachment video,.round-video-player video{border:0!important;box-shadow:none!important}
.round-video-attachment video{background:radial-gradient(circle,#28352c,#0a0f0c);transition:filter .25s ease}.round-video-attachment video:not(.poster-ready){filter:brightness(.72)}.round-video-attachment video.poster-ready{filter:none}