.media-preview{display:block;margin-top:5px;overflow:hidden;border-radius:11px;max-width:300px;background:#0d1721}.media-preview img{display:block;width:100%;max-height:340px;object-fit:cover;transition:transform .22s}.media-preview:hover img{transform:scale(1.025)}.call-screen{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:#07111ce8;backdrop-filter:blur(14px)}.call-card{width:min(600px,100%);min-height:420px;padding:26px;border:1px solid #34536b;border-radius:24px;background:linear-gradient(145deg,#182c3e,#101c29);box-shadow:0 30px 90px #000a;display:flex;flex-direction:column}.call-person{text-align:center;display:grid;justify-items:center;gap:7px}.call-person .avatar{width:70px;height:70px;border-radius:22px;font-size:26px}.call-person small{color:#9cb3c5}.call-videos{position:relative;flex:1;min-height:180px;margin:18px 0;background:#09121c;border-radius:18px;overflow:hidden}.call-videos video{width:100%;height:100%;min-height:180px;object-fit:cover}.call-videos #local-video{position:absolute;right:12px;bottom:12px;width:30%;min-height:auto;height:30%;border:1px solid #79cfff;border-radius:12px;box-shadow:0 4px 18px #0008}.call-controls{display:flex;justify-content:center;gap:12px}.danger{padding:10px 16px;border-radius:10px;background:#b84f5c;color:#fff;font-weight:700}.call-screen.hidden{display:none}