:root{--bg:#0d1118;--panel:#141a24;--panel2:#1a2230;--line:#273143;--text:#edf2fa;--muted:#8d9bb0;--accent:#7c9cff;--accent2:#5d7fe5;--good:#3acb91;--danger:#e95d70;--bubble:#222c3c;--shadow:0 24px 70px #0006;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 5%,#26355433,transparent 45%),var(--bg)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid #91aaff;outline-offset:2px}.hidden{display:none!important}.muted{color:var(--muted)}.auth-view{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 18px;gap:34px}.auth-brand{display:flex;align-items:center;gap:12px}.auth-brand>div:last-child{display:flex;flex-direction:column;gap:2px}.auth-brand strong{font-size:24px;letter-spacing:-.7px}.auth-brand span{font-size:12px;color:var(--muted);letter-spacing:.5px}.brand-mark{width:45px;height:45px;border-radius:15px;background:linear-gradient(145deg,#9ab2ff,#607fe6);display:grid;place-items:center;font-size:28px;font-weight:850;color:#101728;box-shadow:0 8px 25px #6d8fff30}.brand-mark.small{width:32px;height:32px;border-radius:10px;font-size:21px}.auth-card{width:min(100%,410px);padding:32px;background:#151c27eF;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.auth-card h1{font-size:27px;letter-spacing:-.8px;margin:0 0 7px}.auth-card>p{margin:0 0 25px;font-size:14px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:17px}.field label,.search-block label{font-size:12px;font-weight:650;color:#aebbd0}.field input,.search-input-wrap input,.message-form input{width:100%;background:#0f141d;border:1px solid #2b3547;border-radius:12px;color:var(--text);padding:13px 14px;outline:none}.field input:focus,.search-input-wrap input:focus,.message-form input:focus{border-color:#829dff}.field input::placeholder,.message-form input::placeholder{color:#68768b}.primary-btn{background:var(--accent);border:0;color:#11192a;font-weight:800;border-radius:12px;padding:13px 16px;transition:background .15s,transform .15s}.primary-btn:hover{background:#9bb3ff;transform:translateY(-1px)}.full-width{width:100%}.text-btn{margin-top:13px;border:0;background:transparent;color:#aabaff;padding:11px}.text-btn:hover{color:#fff}.error-text{min-height:18px;color:#ff8b99;font-size:12px;margin:0 0 10px}.auth-note{font-size:11px!important;color:#77859a;text-align:center;margin:20px 0 0!important;line-height:1.5}.page-foot{font-size:12px;color:#627086}.app-view{height:100dvh;min-height:590px;display:grid;grid-template-columns:340px minmax(0,1fr);padding:15px;gap:15px}.sidebar,.chat-area{border:1px solid var(--line);border-radius:20px;background:#121822e8;min-height:0;overflow:hidden}.sidebar{display:flex;flex-direction:column;position:relative}.sidebar-header{height:68px;flex:0 0 68px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #202a39}.brand-inline{display:flex;align-items:center;gap:9px;font-size:20px;letter-spacing:-.5px}.icon-btn{width:35px;height:35px;border:1px solid var(--line);border-radius:10px;background:#1a2331;color:#aab7cb;font-size:20px}.icon-btn:hover{background:#293448;color:white}.my-profile{display:flex;align-items:center;gap:11px;padding:18px 19px}.avatar{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;background:linear-gradient(135deg,#a9baff,#637fe2);border-radius:15px;color:#10192a;font-weight:850;font-size:17px}.profile-meta,.chat-person{display:flex;flex-direction:column;min-width:0;gap:4px}.profile-meta strong,.chat-person strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-meta span,.chat-person span{font-size:12px;color:var(--muted)}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--good);display:inline-block;box-shadow:0 0 10px #3acb9140;margin-left:auto}.search-block{padding:0 16px 14px;position:relative}.search-block label{display:block;margin:0 0 9px 2px}.search-input-wrap{position:relative}.search-input-wrap>span{position:absolute;left:13px;top:6px;font-size:25px;color:#71819b}.search-input-wrap input{padding:12px 35px 12px 39px;font-size:13px}.clear-btn{position:absolute;right:7px;top:7px;background:none;border:0;color:#aeb9cb;font-size:20px}.search-results{position:absolute;z-index:5;left:16px;right:16px;top:68px;border:1px solid #334057;border-radius:13px;background:#1a2230;box-shadow:var(--shadow);max-height:300px;overflow:auto;padding:5px}.search-result{width:100%;border:0;background:transparent;color:var(--text);display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;text-align:left}.search-result:hover{background:#29364b}.search-result .avatar{width:36px;height:36px;flex-basis:36px;border-radius:12px;font-size:14px}.result-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.result-meta strong{font-size:13px}.result-meta span{font-size:11px;color:var(--muted)}.no-results{padding:15px 11px;font-size:12px;color:var(--muted);line-height:1.5}.section-head{padding:11px 19px 12px;border-top:1px solid #202a39;display:flex;justify-content:space-between;color:#aebbd0;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:1.3px}.small-count{color:#637189}.conversation-list{padding:0 8px 12px;overflow:auto;flex:1}.conversation-item{display:flex;gap:10px;align-items:center;width:100%;border:0;background:transparent;color:var(--text);padding:11px;border-radius:13px;text-align:left;margin-bottom:3px}.conversation-item:hover{background:#1b2534}.conversation-item.active{background:#263249}.conversation-item .avatar{width:41px;height:41px;flex-basis:41px;border-radius:14px;font-size:15px}.conversation-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.conversation-line{display:flex;justify-content:space-between;gap:8px}.conversation-line strong{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation-line time{font-size:10px;color:#718097;white-space:nowrap}.last-message{font-size:11px;color:#8390a5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-bottom{flex:0 0 43px;border-top:1px solid #202a39;display:flex;align-items:center;gap:8px;padding:0 19px;font-size:11px;color:#718096}.sidebar-bottom .online-dot{margin-left:0;width:7px;height:7px}.chat-area{position:relative;display:flex;flex-direction:column}.empty-state{margin:auto;width:min(380px,85%);text-align:center;padding:30px}.empty-icon{width:75px;height:75px;border-radius:25px;background:#202b3d;color:#a9bcff;display:grid;place-items:center;font-size:50px;margin:0 auto 22px}.empty-state h2{font-size:20px;letter-spacing:-.4px;margin:0 0 10px}.empty-state p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.chat-panel{height:100%;min-height:0;display:flex;flex-direction:column}.back-btn{display:none;width:34px;height:34px;flex:0 0 34px;border:1px solid var(--line);background:#202b3d;color:#b7c8ff;border-radius:10px;font-size:21px}.back-btn:hover{background:#344562;color:white}.chat-header{height:77px;flex:0 0 77px;display:flex;align-items:center;gap:12px;padding:0 24px;border-bottom:1px solid #202a39}.chat-header .avatar{width:43px;height:43px;flex-basis:43px}.chat-person{flex:1}.chat-person span{font-size:11px}.chat-person span.online{color:var(--good)}.chat-actions{display:flex;gap:8px}.call-btn{width:41px;height:41px;border-radius:13px;background:#202b3d;border:1px solid #303d52;color:#b9c8ff;font-size:18px;transition:.15s}.call-btn:hover{background:#344562;color:white;transform:translateY(-1px)}.messages{flex:1;min-height:0;overflow:auto;padding:25px clamp(15px,4vw,45px);display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(#8492b00b 1px,transparent 1px);background-size:17px 17px}.message-placeholder{color:var(--muted);font-size:13px;text-align:center;margin:auto}.message{max-width:min(76%,560px);display:flex;flex-direction:column;gap:5px;align-self:flex-start}.message.mine{align-self:flex-end}.message-bubble{padding:11px 13px;border:1px solid #30394a;border-radius:14px 14px 14px 4px;background:#1c2533;color:#e7edf8;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.5}.message.mine .message-bubble{border-color:#647fd4;background:#667fe0;color:#0e1729;border-radius:14px 14px 4px 14px}.message-time{font-size:9px;color:#718198;padding:0 4px}.message.mine .message-time{text-align:right}.message-form{display:flex;gap:10px;padding:16px 22px 20px;border-top:1px solid #202a39}.message-form input{border-radius:14px;padding:14px 16px;font-size:13px}.send-btn{flex:0 0 48px;height:48px;background:var(--accent);color:#111a2b;border:0;border-radius:14px;font-size:22px;transform:rotate(0deg)}.send-btn:hover{background:#a1b6ff}.dialog-backdrop{position:fixed;z-index:50;inset:0;background:#05070bc9;backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.incoming-card{width:min(100%,340px);border:1px solid #37465f;border-radius:25px;background:#161e2a;padding:32px 26px;text-align:center;box-shadow:var(--shadow)}.call-pulse{width:76px;height:76px;border-radius:50%;background:#2b3f65;color:#b7c8ff;display:grid;place-items:center;font-size:28px;margin:0 auto 22px;animation:pulse 1.6s infinite}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#96abff}.incoming-card h2{font-size:24px;margin:12px 0 5px}.incoming-card p{font-size:13px;margin:0}.incoming-actions{display:flex;justify-content:center;gap:45px;margin-top:30px}.action-labels{display:flex;justify-content:center;gap:58px;color:var(--muted);font-size:11px;margin-top:10px}.round-control{width:55px;height:55px;border-radius:50%;border:1px solid #424f64;background:#273144;color:#eaf0fb;font-size:20px;display:grid;place-items:center;transition:background .15s,transform .15s}.round-control:hover{background:#3b4962;transform:scale(1.04)}.round-control.success{background:#2dbb82;border-color:#2dbb82;color:#071c15}.round-control.success:hover{background:#51d49e}.round-control.danger{background:#df5067;border-color:#df5067;color:#fff}.round-control.danger:hover{background:#f26c80}.call-view{position:fixed;z-index:40;inset:0;background:#080b11;overflow:hidden;display:flex;align-items:center;justify-content:center}.remote-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#080b11}.audio-call-backdrop{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 50% 35%,#253756,#101622 65%,#080b11);gap:12px}.call-avatar{width:115px;height:115px;border-radius:38px;display:grid;place-items:center;background:linear-gradient(145deg,#a9baff,#617ee0);font-size:47px;color:#10182b;font-weight:850;box-shadow:0 0 0 14px #90a8ff0b,0 0 0 30px #90a8ff08}.audio-call-backdrop h2{font-size:28px;margin:19px 0 0}.audio-call-backdrop p{font-size:14px;color:#a2afc2;margin:0}.local-video{position:absolute;right:22px;top:22px;width:min(25vw,230px);height:min(35vh,170px);object-fit:cover;background:#252c38;border:1px solid #68758b;border-radius:16px;box-shadow:0 10px 35px #0007;z-index:2;transform:scaleX(-1)}.call-top{position:absolute;z-index:4;top:max(20px,env(safe-area-inset-top));left:22px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff20;background:#0a0d14a8;backdrop-filter:blur(12px);padding:10px 14px;border-radius:13px;font-size:12px;color:#dce5f6}.call-state-dot{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 9px #3acb91}.call-controls{position:absolute;z-index:5;bottom:max(33px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:14px;background:#111721d9;border:1px solid #ffffff18;backdrop-filter:blur(16px);border-radius:26px;padding:14px 17px}.call-controls .round-control{width:53px;height:53px}.call-controls .round-control.active{background:#eef2fb;color:#101722}.call-controls .end-call{width:61px;height:61px;font-size:24px;transform:rotate(135deg)}.call-controls .end-call:hover{transform:rotate(135deg) scale(1.05)}.call-hint{position:absolute;z-index:4;bottom:max(120px,calc(env(safe-area-inset-bottom) + 105px));left:50%;transform:translateX(-50%);margin:0;width:min(90%,500px);font-size:11px;line-height:1.4;color:#a7b3c7;text-align:center}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:min(90vw,460px);background:#283448;color:#f1f4fb;padding:12px 16px;border:1px solid #445573;border-radius:13px;font-size:12px;line-height:1.45;box-shadow:var(--shadow);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #7a9cff42}50%{box-shadow:0 0 0 15px #7a9cff00}}
@media(max-width:760px){.back-btn{display:block}.app-view{grid-template-columns:1fr;padding:0;gap:0;min-height:0;height:100dvh}.sidebar,.chat-area{border-radius:0;border-left:0;border-right:0}.sidebar{border-bottom:0}.app-view.chat-open .sidebar{display:none}.app-view:not(.chat-open) .chat-area{display:none}.sidebar-header{height:58px;flex-basis:58px}.my-profile{padding:12px 17px}.search-block{padding-bottom:10px}.section-head{padding-top:10px}.conversation-list{padding-bottom:60px}.chat-header{height:68px;flex-basis:68px;padding:0 15px}.chat-header .avatar{width:39px;height:39px;flex-basis:39px}.messages{padding:17px 13px}.message{max-width:88%}.message-form{padding:11px 12px calc(11px + env(safe-area-inset-bottom))}.send-btn{height:45px;flex-basis:45px}.call-actions{gap:7px}.local-video{right:12px;top:70px;width:120px;height:150px}.call-top{top:12px;left:12px}.call-controls{gap:8px;padding:10px;border-radius:22px;bottom:calc(22px + env(safe-area-inset-bottom))}.call-controls .round-control{width:48px;height:48px;font-size:18px}.call-controls .end-call{width:54px;height:54px}.call-hint{bottom:calc(99px + env(safe-area-inset-bottom));font-size:10px}.auth-card{padding:26px 22px}}

/* Vysogrogram feature update */
.header-actions{display:flex;gap:7px;align-items:center}
.avatar-button{border:0;padding:0;cursor:pointer;overflow:hidden}
.avatar-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.avatar.large{width:64px;height:64px;flex:0 0 64px;border-radius:20px;font-size:24px;overflow:hidden}
.deleted-avatar{opacity:.65;filter:grayscale(1)}
.chat-actions .call-btn:disabled{opacity:.35;cursor:not-allowed}
.message{position:relative}
.message-actions{display:flex;gap:5px;align-items:center;opacity:.55;transition:opacity .15s;flex-wrap:wrap}
.message:hover .message-actions,.message:focus-within .message-actions{opacity:1}
.message-actions button{font-size:10px;color:#93a2ba;background:#151d29;border:1px solid #303b50;border-radius:7px;padding:4px 7px}
.message-actions button:hover{color:#fff;background:#2b3850}
.chat-attachment-image{display:block;max-width:min(100%,360px);max-height:360px;border-radius:10px;margin-top:7px;object-fit:contain}
.chat-attachment-video{display:block;width:min(100%,420px);max-height:360px;border-radius:10px;margin-top:7px;background:#05070a}
.media-consumed,.attachment-expiry{font-size:11px;color:#94a5c1;margin-top:7px}
.reveal-media-btn{background:#34486c;border:1px solid #5e79b5;color:#eef3ff;border-radius:9px;padding:10px 12px;margin-top:5px}
.message-form{position:relative;align-items:center;gap:7px}
.composer-btn{flex:0 0 38px;height:40px;border-radius:12px;border:1px solid #303d52;background:#1d2737;color:#c2d0ee;font-size:22px}
.composer-btn:hover{background:#2c3a52;color:#fff}
.message-form input{min-width:0;flex:1}
.attachment-options{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:0;padding:0 22px 10px;color:var(--muted);font-size:10px}
.attachment-options select{background:#131a25;border:1px solid #303b50;color:#a8b6ce;border-radius:8px;padding:5px 8px;font:inherit;max-width:230px}
.emoji-picker{position:absolute;z-index:12;right:80px;bottom:95px;width:min(310px,90%);padding:9px;display:grid;grid-template-columns:repeat(8,1fr);gap:3px;background:#192230;border:1px solid #36445a;border-radius:14px;box-shadow:var(--shadow);max-height:220px;overflow:auto}
.emoji-item{border:0;border-radius:7px;background:transparent;font-size:21px;padding:5px 0}
.emoji-item:hover{background:#2c3b54}
.settings-card{width:min(100%,600px);max-height:min(92dvh,900px);display:flex;flex-direction:column;border:1px solid #33415a;border-radius:22px;background:#141b27;box-shadow:var(--shadow);overflow:hidden}
.settings-header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.settings-header h2{margin:7px 0 0;font-size:20px}
.settings-scroll{overflow:auto;padding:4px 22px 22px}
.settings-section{padding:18px 0;border-bottom:1px solid #273143;display:flex;flex-direction:column;gap:9px}
.settings-section h3{font-size:14px;margin:0 0 4px}
.profile-edit-row{display:flex;align-items:center;gap:12px;margin-bottom:6px;flex-wrap:wrap}
.inline-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}
.secondary-btn{border:1px solid #35445c;background:#202b3d;color:#dbe5f8;padding:9px 12px;border-radius:9px;font-size:12px}
.secondary-btn:hover{background:#2c3b52}
.settings-label{display:block;color:#a6b4ca;font-size:11px;font-weight:700;margin-top:5px}
.settings-input{width:100%;border:1px solid #303c50;border-radius:10px;padding:11px 12px;background:#0f141d;color:var(--text);min-width:0}
.username-row{display:flex;align-items:center;gap:6px;color:#95a8ce}
.username-row .settings-input{flex:1}
.settings-section .primary-btn{align-self:flex-start;margin-top:6px}
.toggle-row{display:flex;gap:12px;align-items:center;justify-content:space-between;color:#d8e0ee;font-size:12px;padding:5px 0}
.toggle-row input{width:18px;height:18px;accent-color:var(--accent)}
.settings-help{font-size:11px;color:var(--muted);line-height:1.5;margin:0}
.danger-zone{border-bottom:0}
.danger-btn{align-self:flex-start;border:1px solid #8f3b4b;background:#451e29;color:#ffccd4;padding:10px 13px;border-radius:10px;font-size:12px;font-weight:700}
.danger-btn:hover{background:#612533}
.mini-call-btn{border:1px solid #ffffff2b;background:#25334b;color:#e7eeff;border-radius:8px;padding:4px 8px;margin-left:8px;cursor:pointer}
#remoteAudio{position:fixed;width:1px;height:1px;left:-10000px;opacity:0;pointer-events:none}
.call-view.mini-call{inset:auto 18px 18px auto;width:min(360px,calc(100vw - 24px));height:250px;border:1px solid #52617a;border-radius:18px;box-shadow:0 16px 60px #0009;z-index:60;align-items:center;justify-content:center}
.call-view.mini-call .remote-video{object-fit:cover;border-radius:18px}
.call-view.mini-call .audio-call-backdrop{border-radius:18px;background:radial-gradient(ellipse at 50% 30%,#253756,#101622 75%)}
.call-view.mini-call .call-avatar{width:58px;height:58px;border-radius:18px;font-size:25px;box-shadow:none}
.call-view.mini-call .audio-call-backdrop h2{font-size:16px;margin:12px 0 0}
.call-view.mini-call .audio-call-backdrop p{font-size:11px}
.call-view.mini-call .local-video{right:10px;top:45px;width:80px;height:88px;border-radius:10px}
.call-view.mini-call .call-top{top:8px;left:8px;right:8px;padding:5px 8px;font-size:10px;justify-content:space-between}
.call-view.mini-call .call-hint{display:none}
.call-view.mini-call .call-controls{bottom:9px;padding:6px 9px;gap:6px;border-radius:14px}
.call-view.mini-call .call-controls .round-control{width:34px;height:34px;font-size:14px}
.call-view.mini-call .call-controls .end-call{width:38px;height:38px;font-size:17px}
body.theme-gray{--bg:#202124;--panel:#2b2d31;--panel2:#35383e;--line:#454950;--text:#f1f1f1;--muted:#aeb2b8;--accent:#9ba3af;--accent2:#7c8491;--bubble:#35383e;background-color:#202124}
body.theme-gray .sidebar,body.theme-gray .chat-area{background:#292b30}
body.theme-gray .message-bubble{background:#34373d;color:#f2f2f2}
body.theme-gray .message.mine .message-bubble{background:#666f7e;color:#fff;border-color:#7e8999}
body.theme-light{--bg:#edf1f7;--panel:#fff;--panel2:#f4f6fa;--line:#d8dfeb;--text:#1d2737;--muted:#69778d;--accent:#7695f4;--accent2:#5d7fe5;--bubble:#e7ecf5;--shadow:0 20px 60px #24324a22;color:var(--text);background-color:var(--bg)}
body.theme-light .sidebar,body.theme-light .chat-area{background:#ffffffed}
body.theme-light .sidebar-header,body.theme-light .section-head,body.theme-light .sidebar-bottom,body.theme-light .chat-header,body.theme-light .message-form{border-color:#e3e8f0}
body.theme-light .field input,body.theme-light .search-input-wrap input,body.theme-light .message-form input,body.theme-light .settings-input{background:#fff;color:#202b3d;border-color:#d7dfec}
body.theme-light .message-bubble{background:#eef2f8;color:#253149;border-color:#dbe2ef}
body.theme-light .message.mine .message-bubble{background:#dbe5ff;color:#1f2d48;border-color:#b7c8f5}
body.theme-light .conversation-item.active{background:#e6ecf8}
body.theme-light .conversation-item:hover{background:#f0f3f9}
body.theme-light .call-btn,body.theme-light .composer-btn,body.theme-light .secondary-btn{background:#f0f3f9;color:#35435c;border-color:#d8e0ec}
body.theme-light .settings-card{background:#fff;border-color:#d9e0eb}
body.theme-light .settings-section{border-color:#e3e8f0}
body.theme-light .settings-header{border-color:#e3e8f0}
body.theme-light .emoji-picker{background:#fff;border-color:#d8e0ec}
body.theme-light .emoji-item:hover{background:#edf1f8}
@media(max-width:760px){.message-form{padding-left:8px;padding-right:8px}.composer-btn{flex-basis:34px;width:34px;height:38px}.attachment-options{padding-right:10px;padding-left:10px}.emoji-picker{right:8px;bottom:100px}.call-view.mini-call{right:8px;bottom:8px;width:min(310px,calc(100vw - 16px));height:220px}}

/* Vysogrogram 0.4: camera switch and mobile call controls */
.call-controls .switch-camera-btn{font-size:25px;color:#cbd8f4}
.call-controls .switch-camera-btn:hover{background:#405274;color:#fff}
.call-controls .switch-camera-btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.call-controls{gap:6px;padding:8px}.call-controls .round-control{width:43px;height:43px;font-size:16px}.call-controls .switch-camera-btn{font-size:22px}.call-controls .end-call{width:47px;height:47px;font-size:20px}}
.call-view.mini-call .call-controls{gap:5px;padding:6px 7px}
.call-view.mini-call .call-controls .round-control{width:32px;height:32px;font-size:13px}
.call-view.mini-call .call-controls .switch-camera-btn{font-size:18px}
.call-view.mini-call .call-controls .end-call{width:35px;height:35px;font-size:16px}