.call-screen{position:fixed;inset:0;z-index:90;background:#eef0e7;color:#171813;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translateY(20px);transition:.28s opacity,.28s transform,.28s visibility}.call-screen.open{opacity:1;visibility:visible;transform:none}.call-header{height:78px;padding:0 5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #d4d7cd}.call-brand{justify-self:start}.call-status{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #d5d8cd;border-radius:50px;padding:7px 13px;font-size:11px;font-weight:700}.call-status i{width:7px;height:7px;border-radius:50%;background:#5bb86e;box-shadow:0 0 0 4px rgba(91,184,110,.15)}.leave-button{justify-self:end;border:1px solid #df8c80;background:#fff4f1;color:#bf4335;border-radius:50px;padding:10px 16px;font:700 12px 'DM Sans';cursor:pointer}.call-main{width:min(1040px,92vw);margin:0 auto;padding:42px 0 120px;overflow:auto}.call-info{text-align:center}.call-language{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#6e8450}.call-info h2{font-size:clamp(28px,4vw,46px);letter-spacing:-2px;margin:10px 0}.call-info p{font-size:13px;color:#686b61}.speaker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:50px}.speaker{text-align:center;background:#f9faf5;border:1px solid #d8dbd1;border-radius:22px;padding:25px 12px 20px}.speaker.speaking{border:2px solid #8fac55;box-shadow:0 0 0 5px rgba(200,244,91,.35)}.speaker.you{background:#fffdf3;border-style:dashed}.speaker-avatar{width:92px;height:92px;border-radius:50%;margin:0 auto 16px;display:grid;place-items:center;position:relative;font:800 20px Manrope}.speaker h3{font-size:15px}.speaker h3 span{font:500 10px 'DM Sans';color:#81847b}.speaker p{font-size:10px;color:#85887e;margin:5px 0 0}.mic-chip{position:absolute;right:0;bottom:2px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#27372f;color:#fff;border:3px solid #f9faf5;font-style:normal;font-size:11px}.mic-chip.muted{background:#777c73}.audio-bars{position:absolute;right:-2px;bottom:1px;width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:2px;background:#253b32;border:3px solid #f9faf5}.audio-bars i{width:2px;height:8px;background:#c8f45b;border-radius:2px;animation:talk .7s ease-in-out infinite alternate}.audio-bars i:nth-child(2){height:13px;animation-delay:.2s}.audio-bars i:nth-child(3){animation-delay:.4s}@keyframes talk{to{height:4px}}.listener-count{text-align:center;color:#686b61;font-size:12px;margin-top:32px}.call-controls{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:10px;background:#1e2d27;border-radius:24px;padding:10px 13px;box-shadow:0 15px 35px rgba(20,34,28,.25)}.control-button{min-width:72px;border:0;background:transparent;color:#fff;border-radius:16px;padding:7px 10px;display:grid;place-items:center;gap:4px;cursor:pointer}.control-button:hover,.control-button.active{background:#35463e}.control-button>span{font-size:20px;height:24px}.control-button small{font:600 9px 'DM Sans';color:#cbd2cd}@media(max-width:900px){.speaker-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.call-header{height:66px;padding:0 16px;grid-template-columns:1fr auto}.call-status{display:none}.call-main{padding-top:26px}.call-info p{display:none}.speaker-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.speaker{padding:18px 8px 14px}.speaker-avatar{width:72px;height:72px}.call-controls{bottom:14px}.call-brand>span:last-child{display:none}}
.speaker-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.speaker-actions{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:13px}.speaker-profile{height:34px;padding:0 11px;border:0;border-radius:17px;background:#e7eee8;color:#24382d;font:800 9px 'DM Sans';display:inline-flex;align-items:center;gap:5px;cursor:pointer}.speaker-profile .material-symbols-rounded{font-size:15px}.speaker-profile:hover,.add-friend:hover{filter:brightness(.97);transform:translateY(-1px)}:root[data-theme="dark"] .speaker-profile{background:#34443a;color:#dce8df}