@keyframes chat-header-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes tilting{0%,to{transform:rotate(0deg), scale(1)}25%{transform:rotate(-10deg)scale(1.1)}50%{transform:rotate(0)scale(.9)}75%{transform:rotate(10deg)scale(1.1)}}@keyframes pulse{0%,to{box-shadow:0 4px 20px var(--color-black-10)}50%{box-shadow:0 8px 30px var(--color-green-glow)}}@keyframes ripple{0%{opacity:1;width:100px;height:100px}to{opacity:0;width:400px;height:400px}}@keyframes spinY360{0%{transform:scale(0)perspective(1000vw)rotateY(50deg)rotateX(0)rotate(47deg)}to{transform:scale(1)perspective(100dvw)rotateY(-360deg)rotateX(0)rotate(360deg)}}@keyframes rotatecrazy{0%{transform:scale(1)perspective(100dvw)rotateY(360deg)rotateX(0)rotate(0)}50%{transform:scale(.6)perspective(2000vw)rotateY(180deg)rotateX(180deg)rotate(180deg)}to{transform:scale(1)perspective(100dvw)rotateY(0)rotateX(360deg)rotate(360deg)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateZ360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateY360{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes rotateX360{0%{transform:rotateX(0)}to{transform:rotateX(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes toastSlideIn{0%{opacity:0;filter:blur(2px);transform:translate(26px,-10px)scale(.96)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translate(18px,-8px)scale(.95)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes voice-recorder-blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes messageHighlight{0%{background-color:var(--color-primary-light);transform:scale(1.05)}to{background-color:#0000;transform:scale(1)}}@keyframes modalPop{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}:root{--height300pxx:1;--main-header-height:clamp(30px, min(10vw, 10vh), 60px);--main-header-font-size:clamp(8px, min(7vw, 10vh), 20px);--font-shrink-width-threshhold:300;--font-shrink-height-threshhold:300;--spacing-width-threshhold:400;--spacing-height-threshhold:400;--font-size-2xs:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 11)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 11))))), 11px);--font-size-xs:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 12)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 12))))), 12px);--font-size-sm:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 13)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 13))))), 13px);--font-size-base:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 16)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 16))))), 16px);--font-size-md:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 15)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 15))))), 15px);--font-size-lg:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 16)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 16))))), 16px);--font-size-input:16px;--font-size-button:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 17)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 17))))), 17px);--font-size-xl:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 18)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 18))))), 18px);--font-size-2xl:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 20)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 20))))), 20px);--font-size-3xl:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 24)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 24))))), 24px);--font-size-4xl:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 28)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 28))))), 28px);--font-size-5xl:clamp(8px, min(calc(calc(1vw) * calc(100 / (calc(var(--font-shrink-width-threshhold) / 32)))), calc(calc(1vh) * calc(100 / (calc(var(--font-shrink-height-threshhold) / 32))))), 32px);--spacing-2:clamp(1px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 2)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 2))))), 2px);--spacing-3:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 3)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 3))))), 3px);--spacing-4:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 4)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 4))))), 4px);--spacing-6:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 6)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 6))))), 6px);--spacing-7:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 7)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 7))))), 7px);--spacing-8:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 8)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 8))))), 8px);--spacing-10:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 10)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 10))))), 10px);--spacing-12:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 12)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 12))))), 12px);--spacing-14:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 14)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 14))))), 14px);--spacing-16:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 16)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 16))))), 16px);--spacing-20:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 20)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 20))))), 20px);--spacing-24:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 24)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 24))))), 24px);--spacing-32:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 32)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 32))))), 32px);--spacing-40:clamp(2px, min(calc(calc(1vw) * calc(100 / (calc(var(--spacing-width-threshhold) / 40)))), calc(calc(1vh) * calc(100 / (calc(var(--spacing-height-threshhold) / 40))))), 40px);--radius-2:clamp(1px, min(1vw, 1vh), 2px);--radius-3:clamp(1px, min(1vw, 1vh), 3px);--radius-4:clamp(2px, min(1vw, 1vh), 4px);--radius-6:clamp(4px, min(2vw, 2vh), 6px);--radius-8:clamp(4px, min(2vw, 5vh), 8px);--radius-10:clamp(5px, min(2vw, 5vh), 10px);--radius-12:clamp(6px, min(5vw, 15vh), 12px);--size-4:clamp(1px, min(3vw, 2vh), 4px);--size-6:clamp(3px, min(3vw, 3vh), 6px);--size-8:clamp(4px, min(3vw, 3vh), 8px);--size-10:clamp(5px, min(3vw, 3vh), 10px);--size-16:clamp(8px, min(3vw, 3vh), 16px);--size-20:clamp(10px, min(3vw, 3vh), 20px);--size-24:clamp(12px, min(10vw, 10vh), 24px);--size-28:clamp(12px, min(10vw, 10vh), 28px);--size-30:clamp(15px, min(10vw, 10vh), 30px);--size-32:clamp(16px, min(10vw, 10vh), 32px);--size-36:clamp(18px, min(10vw, 10vh), 36px);--size-40:clamp(20px, min(10vw, 10vh), 40px);--size-50:clamp(25px, min(10vw, 10vh), 50px);--size-56:clamp(28px, min(10vw, 10vh), 56px);--size-60:clamp(30px, min(10vw, 10vh), 60px);--size-64:clamp(32px, min(10vw, 10vh), 64px);--size-90:clamp(45px, min(25vw, 25vh), 90px);--chat-input-textarea-height:var(--size-40);--chat-input-send-button-size:clamp(24px, min(10vw, 10vh), 48px);--chat-input-padding:var(--spacing-8);--chat-input-border-size:1px;--chat-input-bgcolor:var(--color-white);--shadow10-size2:4px;--shadow10:0 3px var(--shadow10-size2) var(--color-black-50);--shadow50-size2:20px;--shadow50:0 4px var(--shadow50-size2) var(--color-black-50);--chiquito1:clamp(.7rem, min(2vw, 10vh), .875rem);--chico1:clamp(.6rem, min(2vw, 10vh), 1.2rem);--grandissimo1:clamp(1rem, min(5vw, 10vh), 2.5rem);--msg-avatar-size:clamp(8px, min(5vw, 5vh), 23px);--call-control-btn-size:clamp(1rem, min(20vw, 20vh), 60px);--call-controls-padding-top:clamp(4px, min(2vw, 1.5vh), 1rem);--call-controls-padding-bottom:env(safe-area-inset-bottom,0px);--waveform-bar-max-height:clamp(10px, calc(min(10vw, 20%)), 60px);--modal-fullscreen-breakpoint:clamp(600px, 80vw, 1000px);--minimum-modal-height:150px;--target-modal-height:min(80vh, 700px)}@media (height>=300px){:root{--height300pxx:2}}@media (height>=600px){:root{--height300pxx:3}}@media (height>=900px){:root{--height300pxx:4}}:root{--shadow-sm:0 2px 4px var(--color-black-10);--shadow-sm4:0 2px 4px var(--color-black-40);--shadow-md:0 2px 8px var(--color-black-10);--shadow-lg:0 4px 12px var(--color-black-10);--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--z-index-chat-message-input:50;--z-index-chat-message-input-controls:var(--z-index-chat-message-input);--z-index-sticky:100;--z-index-dropdown-backdrop:200;--z-index-dropdown:201;--z-index-modal:1100;--z-index-call-modal:2100;--z-index-call-myvideo:2200;--z-index-call-controls:2260;--z-index-call-dcchat:2250;--z-index-toast:2300;--z-index-confirm-dialog:2500;--z-index-events-receiver:2800}.chat-messages{padding:var(--spacing-8) 0 var(--spacing-8) 0;overscroll-behavior-y:contain;opacity:1;z-index:var(--z-index-chat-message-input);flex:1;transition:opacity .5s linear;animation:.5s linear fadeIn;position:relative;overflow-y:auto}.chat-messages-list{flex-direction:column;justify-content:flex-end;min-height:100%;display:flex;position:relative}.chat-messages-list>:first-child{margin-top:auto}.call-timer{font-size:var(--chiquito1);color:var(--color-white-80);align-self:center;width:min-content;margin:0 0 clamp(1px,min(1vw,1.5vh),6px)}.call-tile-username{color:var(--color-white);font-size:var(--chico1);text-align:center;font-weight:500}@keyframes wave{0%,to{height:var(--waveform-bar-min-height)}10%{height:90%}20%{height:60%}30%{height:20%}40%{height:100%}50%{height:10%}60%{height:70%}70%{height:30%}80%{height:80%}90%{height:40%}}.wave-static{background:var(--color-white-50);border-radius:10px;width:10px;height:0}.wave{background:var(--color-white-50);border-radius:10px;width:10px;animation:10s cubic-bezier(.39,1.82,.59,-1.26) infinite wave}.wave:first-child{animation-delay:.3s}.wave:nth-child(2){animation-delay:.6s}.wave:nth-child(3){animation-delay:.1s}.wave:nth-child(4){animation-delay:.5s}.wave:nth-child(5){animation-delay:.2s}.wave:nth-child(6){animation-delay:.7s}.wave:nth-child(7){animation-delay:.4s}.wave:nth-child(8){animation-delay:.9s}.wave:nth-child(9){animation-delay:.8s}.wave:nth-child(10){animation-delay:1s}.call-audio-waves{gap:var(--spacing-8);min-height:var(--waveform-bar-max-height);max-height:var(--waveform-bar-max-height);justify-content:center;align-items:center;max-width:100%;display:flex}*{box-sizing:border-box}html{overscroll-behavior:none;margin:0}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);text-align:center;text-shadow:0px 1px 3px var(--color-black-20);margin:0}.chat-input-controls{z-index:var(--z-index-chat-message-input-controls);flex-direction:row;place-content:center;align-self:center;align-items:center;display:flex;position:relative}.chat-input{padding:var(--chat-input-padding);background:var(--chat-input-bgcolor);border-top:var(--chat-input-border-size) solid var(--border-color)}.chat-input-controls-showbutton{cursor:pointer;width:clamp(16px,min(15vw,10vh),32px);height:clamp(16px,min(15vw,10vh),32px);padding:var(--spacing-8);-webkit-user-select:none;user-select:none;border-radius:50%;display:none!important}.message-input-button{border-radius:50%;transition-property:all;transition-timing-function:ease-out}.chat-input-button{cursor:pointer;color:var(--text-muted);padding:var(--spacing-8);-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;display:flex;transform:scale(1)}.chat-input-button:hover:not(:disabled){transform:scale(1.15)}.message-input-icon{width:clamp(16px,min(3vw,3vh),20px);height:clamp(16px,min(3vw,3vh),20px)}.message-input-icon:hover{transform:scale(1.15)}.emoji-picker-icon{font-size:var(--font-size-xl)}.emoji{display:flex}.emoji:after{content:"";width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.align-center{align-items:center}.justify-center{justify-content:center}@media (width<=600px){.messages-layout{flex-direction:column}.chat-input-controls-showbutton{transform:rotate(360deg);display:flex!important}@starting-style{.chat-input-controls-showbutton{transform:rotate(0)}}.message-input-button{box-shadow:var(--shadow50);transform:rotate(0)scale(1)}@starting-style{.message-input-button{box-shadow:none}}.message-input-button:first-child{transition-duration:.39s;transition-delay:.1s}@starting-style{.message-input-button:first-child{transform:rotate(-360deg)scale(0)}}.message-input-button:nth-child(2){transition-duration:.35s;transition-delay:50ms}@starting-style{.message-input-button:nth-child(2){transform:rotate(360deg)scale(0)}}.message-input-button:nth-child(3){transition-duration:.4s;transition-delay:0s}@starting-style{.message-input-button:nth-child(3){transform:rotate(-360deg)scale(0)}}.chat-input-controls{left:var(--spacing-7);bottom:calc(env(safe-area-inset-bottom,0px) + max(var(--chat-input-send-button-size), var(--chat-input-textarea-height)) + var(--chat-input-padding) + var(--chat-input-padding) + var(--spacing-12));gap:var(--spacing-8);flex-direction:column;position:absolute}.hideOnMobileScreen{display:none!important}.fullSpaceOnMobileScreen{border:none!important;width:100dvw!important;min-width:100dvw!important;max-width:100dvw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important}}.modal-header-content{align-items:center;gap:var(--spacing-12);display:flex}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.no-user-select{-webkit-user-select:none!important;user-select:none!important}.modal-overlay{background-color:var(--color-black-50);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;z-index:var(--z-index-modal);padding:min(max(0, calc(var(--modal-fullscreen-breakpoint))-calc(min(calc(100dvw), var(--modal-fullscreen-breakpoint)))), clamp(0px, 1vw, var(--spacing-16)));transition-behavior:allow-discrete;opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;top:0;left:0}@starting-style{.modal-overlay{opacity:0}}.modal-simple-overlay{width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;z-index:var(--z-index-modal);padding:min(max(0, calc(var(--modal-fullscreen-breakpoint))-calc(min(calc(100dvw), var(--modal-fullscreen-breakpoint)))), clamp(0px, 1vw, var(--spacing-16)));transition-behavior:allow-discrete;opacity:1;flex-direction:column;justify-content:center;align-items:center;transition:all .3s;display:flex;position:fixed;inset:0}@starting-style{.modal-simple-overlay{opacity:0;transform:scale(0)}}.background1{background-color:var(--color-white)}.msg-reaction-emoji--mine{background:var(--color-primary-light);border-color:var(--color-blue);color:var(--color-blue)}.msg-reaction-emoji--add{color:var(--text-muted);box-shadow:none;opacity:.7;background:0 0;border:none;margin-left:4px;font-weight:700}.msg-reaction-picker{gap:var(--spacing-4);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-8);padding:var(--spacing-4) var(--spacing-8);z-index:var(--z-index-dropdown);box-shadow:var(--shadow-md);border:2px solid var(--color-red);margin-top:2px;display:flex;position:absolute}.msg-reaction-emoji--picker{font-size:var(--font-size-xl);box-shadow:none;background:0 0;border:none;padding:0 4px}.msg-reactions{gap:var(--spacing-2);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}.msg-reaction-emoji{cursor:pointer;background:var(--bg-secondary);padding:var(--spacing-4);font-size:var(--font-size-2xs);min-height:var(--size-28);min-width:var(--size-28);max-height:var(--size-28);max-width:var(--size-28);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);-webkit-user-select:none;user-select:none;aspect-ratio:1;border-radius:50%;place-content:center;align-items:center;display:flex;container-type:inline-size}.msg-reaction-count{font-size:var(--font-size-2xs);color:var(--text-muted);max-width:50cqw;max-height:50cqh;margin-left:1px}.modal-header{box-shadow:var(--shadow-sm);padding:var(--spacing-14) var(--spacing-20);border-bottom:1px solid var(--border-color);background:var(--color-white-gradient);justify-content:space-between;align-items:center;display:flex}#root{max-width:100dvw;max-height:100dvh}.pagelayout{background-color:var(--bg-secondary);max-width:100dvw;max-height:100dvh;font-family:var(--font-family)}.withmainheader{padding-top:var(--main-header-height)}.pagelayout-content{max-height:calc(100dvh - var(--main-header-height));display:flex;position:relative}.main-content{background:var(--bg-secondary);min-height:calc(100dvh - var(--main-header-height));height:calc(100dvh - var(--main-header-height));max-height:calc(100dvh - var(--main-header-height));flex:1;overflow-x:hidden;container-type:size;width:100dvw!important;max-width:100dvw!important}.page-container{min-height:calc(100dvh - var(--main-header-height));height:calc(100dvh - var(--main-header-height));max-height:calc(100dvh - var(--main-header-height));flex-direction:column;width:100dvw;min-width:100dvw;max-width:3000px;margin:0 auto;padding:0;display:flex}.justify-content-center{justify-content:center}.page-header{margin-bottom:var(--spacing-24);justify-content:space-between;align-items:flex-start;gap:var(--spacing-16);flex-direction:column;align-items:stretch;display:flex}.flexcontainer-row-centered{flex-direction:row;place-content:center;align-items:center;display:flex}.flexrow-centered-item{flex:1;align-content:center;align-self:center;width:100%;height:auto}.flexrow-simple-item{flex:none;align-content:center;align-self:center;height:100%}.flexcolumn-simple-item{flex:none;align-content:center;align-self:center;width:100%}.flexcolumn-centered-item{flex:1;align-content:center;align-self:center;width:auto;height:100%}.flexcontainer-column-centered{flex-direction:column;place-content:center;align-items:center;width:auto;height:100%;display:flex}.height32{height:var(--size-32)}.page-header h2{margin:0 0 var(--spacing-8) 0;font-size:var(--font-size-3xl);color:var(--text-primary);font-weight:600}.page-header p{font-size:var(--font-size-lg);color:var(--text-muted);margin:0}.card{background:var(--color-white);border-radius:var(--radius-12);padding:var(--spacing-24);box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:all .2s}.card-header{padding:var(--spacing-24) var(--spacing-24) var(--spacing-16) var(--spacing-24);border-bottom:1px solid var(--bg-secondary);background:var(--bg-secondary);margin:calc(-1 * var(--spacing-24)) calc(-1 * var(--spacing-24)) 0px calc(-1 * var(--spacing-24));border-radius:var(--radius-12) var(--radius-12) 0 0}.card-header h3{margin:0 0 var(--spacing-8) 0;font-size:var(--font-size-xl);color:var(--text-primary);font-weight:600}.card-header p{font-size:var(--font-size-base);color:var(--text-muted);margin:0}.card-content{padding:var(--spacing-24);margin:calc(-1 * var(--spacing-24));margin-top:0}.card-danger{border-color:var(--color-danger)}.card-danger .card-header{background:var(--bg-danger-light);border-bottom-color:var(--border-color-danger)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{padding:var(--spacing-12) var(--spacing-24);font-size:var(--font-size-button);cursor:pointer;text-align:center;align-items:center;gap:var(--spacing-8);box-shadow:0px 0px 3px var(--color-black-50);border:none;border-radius:100dvw;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--bg-button-primary);color:var(--color-white);box-shadow:0 2px 3px var(--color-black-50), inset 1px 6px 7px var(--color-white-30);text-shadow:1px 1px 2px var(--color-black-50)}.btn-primary:hover:not(:disabled){background:var(--bg-button-primary-hover);box-shadow:0 6px 6px var(--color-black-50), inset 0 3px 3px var(--color-white-50);text-shadow:1px 4px 4px var(--color-black-50);font-weight:600;transform:scale(1.03)}.btn-secondary{background:var(--text-muted);color:var(--color-white)}.btn-secondary:hover:not(:disabled){transform:scale(1.02)}.btn-danger{background:var(--color-red);color:var(--color-white)}.btn-danger:hover:not(:disabled){background:var(--color-red-hover);transform:translateY(-1px)}.btn-outline{border-color:var(--border-color);color:var(--text-secondary);background:0 0}.btn-outline:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-blue);color:var(--color-blue)}.btn-sm{padding:var(--spacing-8) var(--spacing-12);font-size:var(--font-size-xs)}.btn-md{padding:var(--spacing-8) var(--spacing-12);font-size:var(--font-size-md)}.message-menu-backdrop{z-index:var(--z-index-dropdown-backdrop);background:0 0;position:fixed;inset:0}.message{word-wrap:break-word;overflow-wrap:anywhere;word-break:break-all;width:100%;min-width:0;max-width:100%;padding:2px var(--spacing-8) 2px var(--spacing-8);flex-direction:column;display:flex;position:relative}.message--with-checkbox{padding-left:22px}.message__select-checkbox{appearance:none;border:2px solid var(--color-blue);background:var(--color-white);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 3px var(--color-black-20);border-radius:50%;place-items:center;transition:transform .12s,box-shadow .12s,background .12s,border-color .12s;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.message__select-checkbox:hover{box-shadow:0 2px 6px var(--color-black-30);transform:translateY(-50%)scale(1.06)}.message__select-checkbox:focus-visible{outline:2px solid var(--color-blue-500);outline-offset:2px}.message__select-checkbox:checked{background:var(--color-blue);border-color:var(--color-blue)}.message__select-checkbox:before{content:"";border-left:2px solid var(--color-white);border-bottom:2px solid var(--color-white);transform-origin:50%;width:8px;height:4px;transition:transform .12s;transform:rotate(-45deg)scale(0)}.message__select-checkbox:checked:before{transform:rotate(-45deg)scale(1)}.msg-incoming{color:var(--text-muted);align-self:flex-start;align-items:start}.msg-isent{color:var(--color-white-80);align-self:flex-end;align-items:end}.msg-sending{opacity:.55}.msg-system{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;text-shadow:1px 1px 1px var(--color-black-10);background:0 0;align-self:center;padding:0}.sysmsg-user-name{appearance:none;font:inherit;color:inherit;cursor:pointer;text-shadow:1px 1px 1px var(--color-black-10);background:0 0;border:none;padding:0;font-weight:600}.sysmsg-user-name:hover{opacity:.75}.msg-content{border-radius:var(--radius-12);padding:var(--spacing-12);box-shadow:var(--shadow-sm);text-shadow:1px 1px 1px var(--color-black-10);border:none}.msg-isent .msg-content{background:var(--color-blue);box-shadow:var(--shadow-sm4);color:var(--color-white);border-bottom-right-radius:var(--radius-6);text-align:right}.message__sender{height:var(--msg-avatar-size);align-items:center;gap:var(--spacing-4);margin-bottom:calc(var(--spacing-4) / 2);cursor:pointer;display:flex}.message__sender-avatar{width:var(--size-20);height:var(--size-20);object-fit:cover;border-radius:50%;flex-shrink:0}.msg-sender-name{font-size:var(--font-size-xs);opacity:.8;font-weight:600}.msg-incoming .msg-sender-name{color:var(--color-blue)}.msg-isent .msg-sender-name{color:var(--color-white-90)}.msg-incoming .msg-content{background:var(--color-white);border-bottom-left-radius:var(--radius-6);text-align:left}.message__codehl{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-6);border-left:3px solid var(--color-blue);text-align:left}.message__reply-indicator{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-secondary);border-radius:var(--radius-6);border-left:3px solid var(--color-blue);transition:background-color .2s,transform .1s}.message__reply-indicator:hover{background:var(--bg-secondary);transform:translateY(-1px)}.msg-isent .message__reply-indicator{background:var(--color-white-10);color:var(--color-white-80);border-left-color:var(--color-white-50)}.msg-isent .message__reply-indicator:hover{background:var(--color-white-20)}.message--highlighted{animation:.2s ease-out messageHighlight}.message--selected{background:var(--color-black-10);border-radius:var(--radius-12)}.message__text{font-size:var(--font-size-md);word-wrap:break-word;white-space:pre-wrap;line-height:1.4;overflow:visible!important}.message__text-content--emoji-only{width:100%;max-width:100%;font-size:var(--grandissimo1);text-align:center;padding:var(--spacing-8) 0;line-height:1.2}.max-width-100pro2{max-width:100%}.width-100pro{width:100%}.message__link{color:var(--color-link);word-break:break-all;text-decoration:underline}.message__link:hover{color:var(--color-link-hover);text-decoration:none}.message__text-with-time{align-items:flex-end;gap:var(--spacing-8);flex-wrap:wrap;max-width:100%;display:flex}.message__text-with-time .message-time{font-size:var(--font-size-xs);opacity:.7;white-space:nowrap;align-self:flex-end;margin-top:2px;margin-left:auto;font-weight:500}.msg-incoming .message__text-with-time .message-time{color:var(--text-muted)}.msg-isent .message__text-with-time .message-time{color:var(--color-white-80)}.message-time{font-weight:500}.message-menu{z-index:var(--z-index-dropdown);background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-8);box-shadow:0 8px 24px var(--color-black-10), 0 2px 6px var(--color-black-10);pointer-events:auto;-webkit-user-select:none;user-select:none;min-width:220px;animation:.13s dropdownFadeIn;position:fixed;overflow:hidden}.message-menu-emoji-row{align-items:center;gap:var(--spacing-4);padding:var(--spacing-10) var(--spacing-8);scrollbar-width:none;flex-direction:row;display:flex;overflow-x:auto}.message-menu-emoji-row::-webkit-scrollbar{display:none}.message-menu-emoji{width:var(--size-36);height:var(--size-36);font-size:var(--font-size-2xl);cursor:pointer;border:1px solid var(--border-color);background:var(--bg-secondary);border-radius:50%;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;transition:background .12s,transform .1s;display:flex}.message-menu-emoji:hover{background:var(--color-hover);transform:scale(1.15)}.message-menu-emoji--mine{background:var(--color-blue-highlight);border-color:var(--color-blue-highlight-border);opacity:.45;cursor:default;transform:none}.message-menu-divider{background:var(--border-color);height:1px;margin:0}.message-menu-item{align-items:center;gap:var(--spacing-8);width:100%;padding:var(--spacing-8) var(--spacing-12);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-6);background:0 0;border:none;display:flex}.message-menu-item:hover{background:var(--bg-secondary)}.msg-isent .message-menu-item--danger{color:var(--color-red)}.message-menu-item:first-child{border-radius:var(--radius-8) var(--radius-8) var(--radius-6) var(--radius-6)}.message-menu-item:last-child{border-radius:var(--radius-6) var(--radius-6) var(--radius-8) var(--radius-8)}.message-menu-item:only-child{border-radius:var(--radius-8)}.message-menu-item--danger{color:var(--color-red)}.message-menu-item--danger:hover{background:var(--color-danger-10);color:var(--color-red-hover)}.message-menu-item:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;color:var(--text-muted)}.message-menu-item:disabled:hover{background:0 0}.msg-isent .message-menu-item:disabled{color:var(--text-muted)}.msg-attachments{margin-top:var(--spacing-8);gap:var(--spacing-4);flex-direction:column;display:flex}.msg-attachment{border-radius:var(--radius-8);background:var(--color-white-10);border:1px solid var(--color-white-20);max-width:clamp(200px,20vw,300px)}.msg-incoming .msg-attachment{background:var(--color-black-10);border-color:var(--color-black-10)}.msg-isent .msg-attachment{background:var(--color-white-20);border-color:var(--color-white-30)}.msg-attachment-image{position:relative}.message-attached-photo{object-fit:cover;opacity:1;width:100%;height:auto;min-height:clamp(50px,12.5vw,200px);max-height:clamp(50px,12.5vw,200px);transition:opacity .2s;display:block}@starting-style{.message-attached-photo{opacity:0}}.message-attached-photo:hover{opacity:.9}.msg-attachment-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-2);font-weight:500;display:block}.msg-attachment-size{opacity:.8;font-size:var(--font-size-2xs);display:block}.msg-attachment-file{padding:var(--spacing-8);align-items:center;gap:var(--spacing-8);display:flex}.msg-attachment-icon{font-size:var(--font-size-2xl);color:var(--text-muted);flex-shrink:0}.msg-incoming .msg-attachment-icon{color:var(--color-white)}.msg-isent .msg-attachment-icon{color:var(--color-white-80)}.msg-attachment-details{flex:1;min-width:0}.msg-attachment-link{color:inherit;white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-2);font-weight:500;text-decoration:none;transition:color .2s;display:block}.msg-attachment-link:hover{text-decoration:underline}.msg-incoming .msg-attachment-link{color:var(--color-white)}.msg-incoming .msg-attachment-link:hover{color:var(--color-black)}.msg-isent .msg-attachment-link{color:var(--color-white-90)}.msg-isent .msg-attachment-link:hover{color:var(--color-white)}.msg-attachment-size{font-size:var(--font-size-xs);opacity:.7}.msg-attachments-grid{gap:var(--spacing-4);flex-wrap:wrap;max-width:clamp(100px,80vw,500px);display:flex}.msg-attachment-grid-item{cursor:pointer;border-radius:var(--radius-6);flex-shrink:0;position:relative;overflow:hidden}.display-block{display:block}.display-inline{display:inline-block}ƒ .msgfile-photo-grid{width:var(--size-90);height:var(--size-90);object-fit:cover;max-height:unset;transition:opacity .2s;display:block}.msg-attachment-grid-item:hover .msgfile-photo-grid{opacity:.85}.msg-attachments-grid-overlay{border-radius:var(--radius-6);background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.msg-attachments-grid-overlay-text{color:#fff;font-weight:700;font-size:var(--font-size-2xl);text-shadow:0 1px 3px #00000080}.loading-container{padding:var(--spacing-40) var(--spacing-24);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner{flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;animation:1s linear infinite rotate360;display:flex}.loading-spinner:before{content:"";width:var(--size-30);height:var(--size-30);border:none;border-top:2px solid var(--color-white);border-radius:50%;animation:1s linear infinite rotate360}.error-container{text-align:center;padding:var(--spacing-40) var(--spacing-24)}.error-icon{font-size:var(--font-size-lg);margin-bottom:var(--spacing-16);opacity:.6}.error-title{margin:0 0 var(--spacing-8) 0;font-size:var(--font-size-2xl);color:var(--color-danger);font-weight:600}.error-message{margin:0 0 var(--spacing-24) 0;font-size:var(--font-size-base);color:var(--text-muted);max-width:400px;margin-left:auto;margin-right:auto}.empty-state{text-align:center;padding:var(--spacing-40) var(--spacing-24);color:var(--text-muted)}.form-group:last-child{margin-bottom:0}.form-label{font-size:var(--font-size-base);color:var(--text-primary);margin-bottom:var(--spacing-8);font-weight:600;display:block}.form-input,.form-select{width:100%;padding:var(--spacing-12) var(--spacing-24);border:1px solid var(--border-color);font-size:var(--font-size-base);color:var(--text-secondary);background:var(--bg-secondary);border-radius:100dvw;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--color-blue);background:var(--color-white);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-input[readonly]{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.form-description{font-size:var(--font-size-sm);color:var(--text-muted);margin:var(--spacing-4) 0 var(--spacing-12) 0;line-height:1.4}.avatar{cursor:pointer;height:100%;font-weight:600;font-size:var(--font-size-base);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.avatar-lg{width:var(--size-50);height:var(--size-50);font-size:var(--font-size-xl)}.badge{padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-12);text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:600}.dropdown{position:relative}.header-menu-item{width:100%;padding:var(--spacing-12);text-align:left;font-size:var(--font-size-base);color:var(--text-secondary);cursor:pointer;align-items:center;gap:var(--spacing-8);background-color:var(--bg-secondary);border:none;text-decoration:none;transition:background-color .2s,color .2s;display:flex}.header-menu-item--active{background-color:var(--color-blue-highlight);color:var(--text-primary)}.header-menu-item.danger,.header-menu-item.logout,.card-danger .card-header h3{color:var(--color-danger)}.text-secondary{color:var(--text-secondary)}.user-name{font-size:var(--font-size-lg);font-weight:500}.bgwhite{background:var(--color-white)}.bgblack{background:var(--color-black)}.redtext{color:var(--color-red)}.bgblack-debug{background:var(--color-black-50)}.bg1ablack{background:#1a1a1a}.bgpurple{background:var(--bg-violet-gradient1)}.window-header{--anchor-name:window-header;cursor:move;margin-bottom:var(--spacing-4);flex-direction:row;justify-content:space-between;align-items:flex-start;padding:0;display:flex;position:relative}.window-header-control-btn-container{margin:0;padding:0}.window-header-controls{cursor:pointer;flex-direction:row;justify-content:flex-end;align-items:flex-start;gap:4px;display:flex}.window-header-control-btn{color:var(--color-white);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1.3rem}.window-header-control-btn:hover{transform:scale(1.1)}.window-header-title{color:var(--color-white);flex-direction:row;gap:.25rem;font-size:clamp(1rem,min(5vw,5vh),1.3rem);font-weight:600;line-height:1.3rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.call-group-icon{opacity:.9;margin-right:.25rem;font-size:clamp(1rem,min(2vw,2vh),1.25rem)}.window-header-icon{opacity:.9;margin-right:.25rem;font-size:1.25rem;line-height:1rem}.call-tiles-container{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.call-remotevideo-soundstatus{top:var(--spacing-8);right:var(--spacing-8);color:var(--color-white);padding:var(--spacing-4);font-size:var(--font-size-lg);pointer-events:none;background:0 0;font-weight:500;display:inline;position:absolute}.call-remotevideo-title{background:var(--color-black-10);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-white-50);padding:var(--spacing-4) var(--spacing-10);border-radius:var(--radius-8);font-size:var(--font-size-sm);pointer-events:none;max-width:calc(100% - var(--spacing-16));text-overflow:ellipsis;white-space:nowrap;font-weight:500;position:absolute;bottom:2px;left:50cqw;overflow:hidden;transform:translate(-50%)}.call-rtcdebug{text-align:left;background:var(--color-black-50);color:var(--color-white);padding:var(--spacing-4);border-radius:var(--radius-4);font-size:var(--font-size-2xs);max-width:calc(100% - var(--spacing-16));width:min(100cqw,400px);max-width:min(100cqw,400px);height:100cqh;max-height:100cqh;position:absolute;top:0;left:0;overflow:scroll}.call-rtcdebug-in{grid-template-columns:max-content 1fr;display:grid}.rtcstats-inboundVideo{color:var(--color-green)}.call-rtcdebug-in>div{word-wrap:break-word;word-break:break-all;padding:2px}.call-rtcdebug-in>div:nth-child(4n),.call-rtcdebug-in>div:nth-child(4n-1){background:var(--color-black-70)}.call-rtcdebug-in>div:nth-child(4n-2),.call-rtcdebug-in>div:nth-child(4n-3){background:var(--color-white-10)}.call-rtcdebug-in>div{box-sizing:border-box;max-width:100%}.call-rtcdebug-in>div:nth-child(odd){flex-grow:1;justify-content:flex-start;display:flex}.call-rtcdebug-in>div:nth-child(2n){text-align:left;justify-content:flex-start;align-items:flex-start;font-weight:800;display:flex}.call-tile-placeholder{padding:var(--spacing-24);pointer-events:none;gap:clamp(2px,min(1vw,1vh),1rem);width:100%;height:100%;position:absolute;top:0;left:0}.call-tile{width:100%;height:100%;min-height:var(--size-10);min-width:var(--size-10);border-radius:var(--radius-8);background:var(--color-white-10);justify-content:center;display:flex;position:relative;overflow:hidden;container-type:size}.call-remote-video{border-radius:var(--radius-8);object-fit:contain;background:var(--color-black-10);backface-visibility:hidden;opacity:1;height:auto;transition:opacity .4s linear;transform:translateZ(0)}@starting-style{.call-remote-video{opacity:0}}.rtctools{font-size:var(--font-size-xs);border:1px solid var(--color-white-20);border-radius:var(--radius-12);background:linear-gradient(180deg, var(--color-black-70) 0%, var(--color-black-50) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100cqw;max-width:100cqw;height:100cqh;max-height:100cqh;color:var(--color-white);text-align:left;box-shadow:var(--shadow50);z-index:2;flex-direction:column;justify-content:flex-start;align-items:stretch;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:absolute;top:0;overflow:scroll}.rtctools__highlight{color:var(--color-green);order:-1}.call-rtctools-in.rtctools__panel{padding:var(--spacing-8);max-height:inherit;gap:var(--spacing-8);scrollbar-width:thin;flex-direction:column;display:flex;overflow:scroll}.rtctools__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.rtctools__titleblock{gap:var(--spacing-2);flex-direction:column;display:flex}.rtctools__subtitle{font-size:var(--font-size-xs);color:var(--color-white-80)}.rtctools__toolbar,.rtctools__tabs{justify-content:space-around;align-items:center;gap:var(--spacing-6);flex-wrap:wrap;display:flex}.rtctools__controlsrow{justify-content:space-between;align-items:center;gap:var(--spacing-6);flex-wrap:wrap;display:flex}.rtctools__checkboxlabel{align-items:center;gap:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-white-90);display:inline-flex}.rtctools__select,.rtctools__input{background:var(--color-black-40);color:var(--color-white);border:1px solid var(--color-white-20);border-radius:var(--radius-6);padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-sm);min-height:32px}.rtctools__select:hover,.rtctools__input:hover{border-color:var(--color-white-30)}.rtctools__input{width:clamp(70px,20cqw,110px)}.rtctools__select:focus,.rtctools__input:focus{border-color:var(--color-white-50);box-shadow:0 0 0 2px var(--color-white-10);outline:none}.rtctools__error{border:1px solid var(--color-red-30);background:var(--color-red-20);color:var(--color-white);border-radius:var(--radius-6);padding:var(--spacing-6);font-size:var(--font-size-xs)}.rtctools__kvgrid{border:1px solid var(--color-white-10);border-radius:var(--radius-8);grid-template-columns:max-content 1fr;display:grid;overflow:scroll}.rtctools__kvgrid>div{padding:var(--spacing-4) var(--spacing-6);word-break:break-word}.rtctools__kvgrid>div:nth-child(4n),.rtctools__kvgrid>div:nth-child(4n-1){background:var(--color-black-40)}.rtctools__kvgrid>div:nth-child(4n-2),.rtctools__kvgrid>div:nth-child(4n-3){background:var(--color-white-10)}.rtctools__kvgrid>div:nth-child(odd){color:var(--color-white-90);font-weight:600}.rtctools__stack{gap:var(--spacing-8);flex-direction:column;display:flex}.rtctools__card{border:1px solid var(--color-white-20);border-radius:var(--radius-8);background:var(--color-black-30);padding:var(--spacing-4);transition:border-color .2s,background .2s}.rtctools__card:hover{border-color:var(--color-white-30);background:var(--color-black-40)}.rtctools__details{margin-top:var(--spacing-6)}.rtctools__details>summary{cursor:pointer;color:var(--color-white-90);-webkit-user-select:none;user-select:none}.rtctools__details>summary:hover{color:var(--color-white)}.rtctools__json{white-space:pre-wrap;margin:var(--spacing-6) 0 0;padding:var(--spacing-6);border:1px solid var(--color-white-10);border-radius:var(--radius-6);background:var(--color-black-40);font-size:var(--font-size-2xs);line-height:1.35;overflow:auto}.rtctools__statsgrid{gap:var(--spacing-4) var(--spacing-8);border:1px solid var(--color-white-10);border-radius:var(--radius-8);background:var(--color-black-30);padding:var(--spacing-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rtctools__statsgrid>div:nth-child(odd){color:var(--color-white-80)}.rtctools__statslist{border-radius:var(--radius-4);background:var(--color-black-30);padding:var(--spacing-2);flex-direction:column;display:flex}.rtctools__statslist details{padding:var(--spacing-6);border-top:1px dashed var(--color-white-20)}.rtctools--compact{width:min(95cqw,410px)}.rtctools--compact .rtctools__subtitle{font-size:var(--font-size-2xs)}.rtctools--compact .rtctools__json{font-size:10px}.rtctools--compact .btn.btn-sm{padding:var(--spacing-6) var(--spacing-10)}.remote-stream-controls{gap:var(--spacing-8);display:flex;position:absolute;top:80cqh;right:50cqw;transform:translate(50%)}.remote-stream-control-button{background:var(--color-white-20);padding:var(--spacing-4);color:var(--color-white);font-size:var(--font-size-lg);cursor:pointer;border:none;border-radius:50%;font-weight:500;display:flex}.square-emoji{aspect-ratio:1;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:inline-flex}.sunreadcount{background:var(--color-red);color:var(--color-white);font-size:var(--font-size-2lg);padding:var(--spacing-4);width:var(--size-30);height:var(--size-30);text-align:center;pointer-events:none;border-radius:50%;place-content:center;align-items:center;font-weight:600;display:flex;position:absolute;top:-14px;right:-10px}.secret-message-read{transition:all .3s;transform:scale(1)}@starting-style{.secret-message-read{transform:scale(0)}}.secret-chat-opener{top:var(--spacing-16);left:var(--spacing-16);background:var(--color-white-20);padding:var(--spacing-4);width:var(--size-40);height:var(--size-40);color:var(--color-white);font-size:var(--font-size-2xl);cursor:pointer;opacity:1;border:none;border-radius:50%;align-content:center;font-weight:500;transition:all .3s ease-in-out;position:absolute;transform:scale(1)}@starting-style{.secret-chat-opener{opacity:.1;transform:scale(.5)}}.secret-chat-opener:hover{background:var(--color-white-30);transform:scale(1.1)}.secret-chat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--color-black-90);border:2px solid var(--color-white-20);border-radius:var(--radius-12);width:100%;height:100%;box-shadow:var(--shadow50);opacity:1;flex-direction:column;transition:all .3s ease-out;display:flex;overflow:hidden;transform:scale(1)}@starting-style{.secret-chat{opacity:0;transform:scale(.7)}}.secret-message-pending{opacity:.5;font-style:italic}.secret-chat-header-control-btn{color:var(--color-white);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.secret-chat-header-control-btn:hover{transform:scale(1.1)}.rtc-dc-chat{pointer-events:auto;z-index:var(--z-index-call-dcchat);justify-content:center;align-items:center;display:flex;position:absolute}.nodrag{pointer-events:none}.secret-chat-header{cursor:move;padding:var(--spacing-8);background:var(--color-black-50);gap:var(--spacing-8);flex-shrink:1;justify-content:flex-start;align-items:center;display:flex}.secret-chat-content{padding:var(--spacing-8);scrollbar-width:thin;flex-direction:column;flex-grow:1;gap:2px;display:flex;overflow-y:auto;container-type:size}.secret-chat-content-open:before{content:"🚀";opacity:.1;pointer-events:none;z-index:calc(var(--z-index-call-dcchat) - 1);font-size:min(250px,min(80cqw,80cqh));line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.secret-chat-content-closed:before{content:"📵";opacity:.1;pointer-events:none;z-index:calc(var(--z-index-call-dcchat) - 1);font-size:min(250px,min(80cqw,80cqh));line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.secret-chat-content>*{z-index:calc(var(--z-index-call-dcchat));position:relative}.secret-chat-content>:first-child{margin-top:auto}.secret-chat-input{padding:var(--spacing-8);border-top:1px solid var(--color-white-20);align-items:center;gap:var(--spacing-8);flex-direction:row;display:flex}.secret-chat-input-field{width:100%;padding:var(--spacing-8);border:1px solid var(--color-white-20);border-radius:var(--radius-6);background:var(--color-black-30);color:var(--color-white);font-size:var(--font-size-input);flex-grow:1}.secret-chat-send-button{background:var(--color-blue);color:var(--color-white);padding:var(--spacing-8) var(--spacing-16);border-radius:var(--radius-6);font-size:var(--font-size-sm);cursor:pointer;border:none;font-weight:500}.secret-chat-send-button:hover{background:var(--color-blue-dark)}.secret-chat-send-button:disabled{opacity:.5;cursor:not-allowed}.secret-message{padding:var(--spacing-8);border-radius:var(--radius-6);background:var(--color-black-30);color:var(--color-white)}.secret-message-sent{background:var(--color-blue);text-align:right;align-self:flex-end}.secret-message-received{background:var(--color-black-30);text-align:left;align-self:flex-start}.stream-canvas-web__canvas{object-fit:contain;width:100%;height:100%;display:block}.stream-canvas-web__overlay{top:var(--spacing-8);left:var(--spacing-8);right:var(--spacing-8);align-items:flex-start;gap:var(--spacing-6);pointer-events:none;flex-direction:column;display:flex;position:absolute}.stream-canvas-web__overlay .btn{pointer-events:auto}.stream-canvas-web__error{background:var(--color-red-30);border:1px solid var(--color-red-50);color:var(--color-white);border-radius:var(--radius-6);padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-xs);pointer-events:auto;max-width:min(95%,340px);line-height:1.2}.call-grid{gap:var(--spacing-8);grid-auto-rows:1fr;width:100%;height:100%;display:grid}.boxshadow50{box-shadow:var(--shadow50)}.boxshadow10{box-shadow:var(--shadow10);transition:box-shadow 1s}@starting-style{.boxshadow10{box-shadow:none}}.myvideo-container{pointer-events:auto;border-radius:var(--radius-12);border:2px solid var(--color-white-30);max-width:clamp(50px,min(33vw,50vh),200px);max-height:clamp(50px,33vh,250px);z-index:var(--z-index-call-myvideo);opacity:1;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:1rem;right:clamp(.5rem,5vw,1rem);overflow:hidden}@media (width<=800px){.myvideo-container{bottom:calc(var(--spacing-16) + var(--call-controls-padding-bottom) + var(--call-control-btn-size) + (var(--call-controls-padding-top)))}}.myvideo-container-folded{width:clamp(50px,25vw,100px);height:clamp(75px,25vw,150px);overflow:hidden}.call-local-video{object-fit:contain;backface-visibility:hidden;width:100%;height:100%;transform:translateZ(0)}.window-resize-handle{box-sizing:border-box;position:absolute}.window-resize-handle-s{cursor:s-resize;width:calc(100% - 20px);height:20px;bottom:-10px;left:10px}.window-resize-handle-sw{cursor:sw-resize;width:20px;height:20px;bottom:-10px;left:-10px}.window-resize-handle-se{cursor:se-resize;width:20px;height:20px;bottom:-10px;right:-10px}.window-resize-handle-w{cursor:w-resize;width:20px;height:calc(100% - 20px);top:10px;left:-10px}.window-resize-handle-e{cursor:e-resize;width:20px;height:calc(100% - 20px);top:10px;right:-10px}.window-resize-handle-nw{cursor:nw-resize;width:20px;height:20px;top:-10px;left:-10px}.window-resize-handle-ne{cursor:ne-resize;width:20px;height:20px;top:-10px;right:-10px}.window-resize-handle-n{cursor:n-resize;width:calc(100% - 20px);height:20px;top:-10px;left:10px}.window-overlay{pointer-events:none;z-index:var(--z-index-call-modal);-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;background:0 0;flex-direction:column;justify-content:flex-start;place-self:flex-start;place-items:flex-start;width:100dvw;max-width:100dvw;height:100dvh;max-height:100dvh;padding:0;display:flex;position:fixed;top:0;left:0}.window-overlay-enabled-pointer-events{pointer-events:auto}.window-content{box-sizing:border-box;pointer-events:auto;text-align:center;width:100%;max-width:100dvw;height:100%;max-height:100dvh;padding:var(--spacing-8) var(--spacing-8) calc(var(--spacing-8) + env(safe-area-inset-bottom,0)) var(--spacing-8);transition-behavior:allow-discrete;border-radius:0;flex-direction:column;transition:all .2s ease-out;display:flex}.window-content[data-isfullscreen=false]{border-radius:15px}.react-resizable{transition:all .2s ease-out}.no-transition{transition:none!important}.window-container{pointer-events:auto;opacity:1;transition-behavior:allow-discrete;width:fit-content;max-width:100dvw;height:fit-content;max-height:100dvh;transition:all .2s ease-out}.window-container-dragging{transition:none}.window-hidden{visibility:hidden;opacity:0;transition:all .2s ease-out;transform:scale(0)}.window-visible{visibility:visible;opacity:1;transition:all .2s ease-out}.call-controls{padding-top:var(--call-controls-padding-top);margin-left:20px;margin-right:20px;margin-bottom:var(--call-controls-padding-bottom);z-index:var(--z-index-call-controls);justify-content:center;align-items:center;gap:clamp(2px,5vw,1.5rem);display:flex}.display-none{display:none}.call-control-btn{pointer-events:auto;aspect-ratio:1;height:var(--call-control-btn-size);background:var(--color-white-20);cursor:pointer;-webkit-backdrop-filter:blur(calc(var(--call-control-btn-size) * .17));backdrop-filter:blur(calc(var(--call-control-btn-size) * .17));opacity:1;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .5s ease-out;display:flex;transform:scale(1)}@starting-style{.call-control-btn{opacity:0;transform:scale(0)}}.call-control-btn:hover{background:var(--color-white-30);transform:scale(1.1)}.call-control-btn-active{background:var(--color-red-500-90)}.call-control-btn-active:hover{background:var(--color-red-500-90);box-shadow:0 4px 20px var(--color-red-500-40);transform:scale(1.1)}.call-control-btn--end{background:var(--bg-red-gradient)}.call-control-btn--end:hover{transform:scale(1.1)rotate(135deg)}.call-control-icon{font-size:clamp(1rem,min(10vw,10vh),1.75rem)}.settings-grid{gap:var(--spacing-24);grid-template-columns:fit-content(33%) fit-content(33%) fit-content(33%);justify-content:center;align-items:start;display:grid}@media (width<=768px){.settings-grid{grid-template-columns:fit-content(50%) fit-content(50%)}}@media (width<=500px){.settings-grid{grid-template-columns:auto}}.settings-profile{justify-content:center;align-items:center;gap:var(--spacing-24);display:flex}.settings-profile__avatar-wrapper{align-items:center;gap:var(--spacing-12);flex-direction:column;display:flex}.settings-profile__avatar{width:var(--size-90);height:var(--size-90);font-size:var(--font-size-2xl)}.settings-profile__avatar--image{object-fit:cover;border-radius:50%}.settings-profile__avatar-actions{gap:var(--spacing-8);display:flex}.settings-form__password-action{margin-top:var(--spacing-16)}.settings-form__actions{justify-content:center;gap:var(--spacing-12);margin-top:var(--spacing-24);display:flex}.settings-notifications__status{gap:var(--spacing-4);flex-direction:column;display:flex}.settings-notifications__badge{padding:var(--spacing-4) var(--spacing-10);border-radius:var(--radius-full,9999px);font-size:var(--font-size-sm);font-weight:600}.settings-notifications__badge--granted{background:var(--color-green-glow);color:var(--color-green-light)}.settings-notifications__badge--denied{background:var(--color-danger-10);color:var(--color-danger)}.settings-notifications__badge--default,.settings-notifications__badge--unsupported{background:var(--bg-secondary);color:var(--text-muted)}.settings-notifications__hint{font-size:var(--font-size-sm);color:var(--text-muted);word-break:break-word;text-wrap:break-word;margin:0}.login-container{background:var(--bg-violet-gradient1);min-height:100dvh;max-height:100dvh;padding:var(--spacing-16);font-family:var(--font-family);justify-content:center;align-items:center;display:flex}.login-card{background:var(--color-white);border-radius:var(--radius-12);box-shadow:0 20px 40px var(--color-black-10);padding:var(--spacing-40) var(--spacing-24);width:100%;max-width:400px;position:relative}.login-header{text-align:center;margin-bottom:var(--spacing-24)}.login-header h1{margin:0 0 var(--spacing-10) 0;color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:600}.login-header p{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.form-group{gap:var(--spacing-16);flex-direction:column;display:flex}.form-group label{color:var(--text-primary);font-weight:500;font-size:var(--font-size-base)}.form-group input{padding:var(--spacing-12) var(--spacing-24);border:2px solid var(--border-color);background:var(--color-white);border-radius:100dvw;transition:all .2s;font-size:var(--font-size-input)!important}.form-group input:focus{border-color:var(--color-purple-light);box-shadow:0 0 0 var(--spacing-3) var(--color-purple-light-30);outline:none}.form-group input.error{border-color:var(--color-red);box-shadow:0 0 0 var(--spacing-3) var(--color-danger-10)}.form-group input:disabled{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.7}.password-input-container{justify-content:center;align-items:center;display:flex;position:relative}.password-input-container input{flex:1;max-width:100%}.password-toggle{right:var(--spacing-12);cursor:pointer;font-size:var(--font-size-xl);padding:var(--spacing-4);border-radius:var(--radius-4);background:0 0;border:none;transition:background-color .2s;position:absolute}.password-toggle:hover:not(:disabled){background-color:var(--bg-secondary)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-options{margin-top:calc(var(--spacing-10) * -1);justify-content:flex-end;display:flex}.login-button{background:var(--bg-violet-gradient2);color:var(--color-white);padding:var(--spacing-14) var(--spacing-20);font-size:var(--font-size-lg);cursor:pointer;margin-top:var(--spacing-10);justify-content:center;align-items:center;gap:var(--spacing-10);border:none;border-radius:100dvw;width:100%;font-weight:600;transition:all .2s;display:flex}.login-button:hover:not(:disabled){background:var(--bg-violet-gradient1);box-shadow:0 8px 20px var(--color-purple-light-30);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}.login-spinner-small{width:var(--size-16)!important;height:var(--size-16)!important;border:2px solid var(--color-white-30)!important;border-top:2px solid var(--color-white)!important;box-sizing:border-box!important;border-radius:50%!important;flex-shrink:0!important;margin:0!important;padding:0!important;animation:.8s linear infinite rotate360!important}.error-message{font-size:var(--font-size-base);color:var(--color-red);align-items:center;gap:var(--spacing-6);display:flex}.error-message.global-error{background-color:var(--bg-error);border:1px solid var(--border-color-danger);border-radius:var(--radius-6);padding:var(--spacing-8);margin-bottom:var(--spacing-10)}.error-message.field-error{margin-top:var(--spacing-4)}.auth-switch-row{margin-top:var(--spacing-16);text-align:center;color:var(--text-secondary);font-size:var(--font-size-base);justify-content:center;align-items:center;gap:var(--spacing-8);display:flex}.auth-switch-link{color:var(--color-purple-light);font-weight:600;text-decoration:none}.auth-switch-link:hover{text-decoration:underline}.messages-content{min-height:calc(100dvh - var(--main-header-height));height:calc(100dvh - var(--main-header-height));max-height:calc(100dvh - var(--main-header-height));background:var(--bg-secondary);flex-direction:column;flex:1;width:100%;min-width:50dvw;display:flex;position:relative}.messages-layout{min-height:calc(100dvh - var(--main-header-height));height:calc(100dvh - var(--main-header-height));max-height:calc(100dvh - var(--main-header-height));background:var(--color-white);width:100dvw;min-width:100dvw;max-width:100dvw;box-shadow:var(--shadow-sm);display:flex}.chat-area{height:calc(100dvh - var(--main-header-height));min-height:calc(100dvh - var(--main-header-height));max-height:calc(100dvh - var(--main-header-height));flex-direction:column;display:flex;position:relative}.messages-empty{background:var(--bg-secondary);flex:1;justify-content:center;align-items:center;animation:.5s ease-in-out fadeIn;display:flex}.messages-empty__content{text-align:center;color:var(--text-muted);width:100%;max-width:100dvw;padding:var(--spacing-24)}.messages-empty__content h3{margin:0 0 var(--spacing-16) 0;font-size:var(--font-size-3xl);color:var(--text-primary);font-weight:600}.messages-empty__content p{margin:0 0 var(--spacing-24) 0;font-size:var(--font-size-lg)}.voice-player{align-items:center;gap:var(--spacing-12);padding:0 0 var(--spacing-8) 0;min-width:clamp(0px,100dvw,300px);max-width:100%;display:flex}.voice-player__button{cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(32px,8vw,36px);height:clamp(32px,8vw,36px);padding:0;transition:all .2s;display:flex}.voice-player--incoming .voice-player__button{background:var(--color-blue);color:var(--color-white)}.voice-player--incoming .voice-player__button:hover{background:var(--color-blue-dark);transform:scale(1.05)}.voice-player--outgoing .voice-player__button{background:var(--color-white-90);color:var(--color-blue)}.voice-player--outgoing .voice-player__button:hover{background:var(--color-white);transform:scale(1.05)}.voice-player__button:disabled{cursor:not-allowed;opacity:.6}.voice-player__button:disabled:hover{transform:none}.voice-player__loading{width:var(--size-16);height:var(--size-16);border:2px solid;border-top-color:#0000;border-radius:50%;animation:.6s linear infinite rotate360}.voice-player__content{gap:var(--spacing-4);flex-direction:column;flex:1;min-width:0;display:flex}.voice-player__waveform{align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;height:clamp(32px,4vw,40px);padding:var(--spacing-4) 0;display:flex;position:relative}.voice-player__bar{min-width:var(--size-2);border-radius:var(--radius-2);background:currentColor;flex:1;transition:opacity .1s,height .2s}.voice-player--incoming .voice-player__bar{color:var(--color-blue)}.voice-player--outgoing .voice-player__bar{color:var(--color-white-90)}.voice-player__waveform:hover .voice-player__bar{opacity:.8!important}.voice-player__progress-overlay{pointer-events:none;position:absolute;top:0;bottom:0;left:0}.voice-player__info{justify-content:space-between;align-items:center;gap:var(--spacing-8);font-size:var(--font-size-xs);font-weight:500;display:flex}.voice-player__time{opacity:.8;font-variant-numeric:tabular-nums}.voice-player--incoming .voice-player__time{color:var(--text-primary)}.voice-player--outgoing .voice-player__time{color:var(--color-white-90)}.voice-player__timestamp{opacity:.7;white-space:nowrap;font-size:var(--font-size-2xs)}.voice-player--incoming .voice-player__timestamp{color:var(--text-muted)}.voice-player--outgoing .voice-player__timestamp{color:var(--color-white-80)}.thread-list{background:var(--color-white);flex-direction:column;height:100%;display:flex}.chat-header-top{padding:var(--spacing-8) var(--spacing-12);justify-content:flex-start;align-items:center;gap:var(--spacing-8);flex-grow:1;display:flex}.chat-actions{gap:var(--spacing-4)}.chat-count{font-size:var(--font-size-sm);color:var(--text-muted);padding:var(--spacing-2) var(--spacing-6);margin:0}.messages-sidebar{width:18vw;min-width:clamp(230px,30vw,300px);max-width:100dvw;min-height:calc(100dvh - var(--main-header-height));height:calc(100dvh - var(--main-header-height));max-height:calc(100dvh - var(--main-header-height));background:var(--color-white);border-right:1px solid var(--border-color);flex-direction:column;display:flex}.user-item-name{color:var(--text-primary);font-weight:500;font-size:var(--font-size-md);white-space:nowrap;text-overflow:ellipsis;margin-right:auto;overflow:hidden}.user-item-description{font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--spacing-2);font-style:italic}.user-item-row{justify-content:center;align-items:center;gap:var(--spacing-4);border-radius:var(--radius-6);min-height:var(--size-40);padding:var(--spacing-6) var(--spacing-12);border-bottom:1px solid var(--border-color);background:0 0;border-radius:0;flex-flow:wrap;display:flex}.user-item-row:last-child{border-bottom:none}.user-item-row:nth-child(odd){background:var(--bg-row-odd)}.user-item-row:nth-child(2n){background:var(--bg-row-even)}.user-item-row:hover{background:var(--bg-row-hover)}.add-participant-section{flex-direction:column;height:100%;display:flex}.participants-list{border:1px solid var(--border-color);border-radius:var(--radius-8);padding:var(--spacing-8);background:var(--bg-secondary);flex-direction:column;gap:0;height:100%;padding:0;display:flex;overflow-y:auto}.user-item-email{margin-right:var(--spacing-12);color:var(--text-secondary);font-size:var(--font-size-sm);text-align:right}.participants-tabs{border-bottom:1px solid var(--border-color);background:var(--color-white);margin:0;display:flex}.participants-tab{padding:var(--spacing-12) 0;font-size:var(--font-size-md);color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:600;transition:color .2s,border-bottom .2s}.participants-tab--active{color:var(--color-blue);border-bottom:2.5px solid var(--color-blue);background:var(--bg-secondary)}.sub-header{align-items:center;gap:var(--spacing-12);margin-bottom:var(--spacing-12);display:flex}.back-link{font-size:var(--font-size-base);color:var(--color-blue);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:color .2s}.back-link:hover{color:var(--text-muted);text-decoration:underline}.sub-title{font-size:var(--font-size-md);color:var(--text-primary);font-weight:700}.modal-title{font-size:var(--font-size-xl);color:var(--text-primary);letter-spacing:-.025em;margin:0;font-weight:700}.participants-count{background:var(--color-blue);color:var(--color-white);font-size:var(--font-size-xs);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-12);min-width:var(--size-24);text-align:center;font-weight:700}.modal-close-btn{font-size:var(--font-size-xl);color:var(--text-muted);cursor:pointer;padding:var(--spacing-8);border-radius:var(--radius-8);background:0 0;border:none;justify-content:center;align-items:center;width:clamp(20px,min(8vw,8vh),32px);height:clamp(20px,min(8vw,8vh),32px);transition:all .2s;display:flex}.modal-close-btn:hover{background:var(--bg-secondary);color:var(--text-primary);transform:scale(1.1)}.modal-body{padding:var(--spacing-16);flex-direction:column;flex:auto;display:flex;overflow-y:auto}.empty-text{font-size:var(--font-size-lg);font-weight:500}.participant-badge{padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-6);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-green-gradient);color:var(--color-white);flex-shrink:0;font-weight:700}.edit-participant-btn,.remove-participant-btn{cursor:pointer;padding:var(--spacing-8);border-radius:var(--radius-8);opacity:.6;background:0 0;border:none;font-size:1.1rem;transition:all .2s}.edit-participant-btn:hover,.remove-participant-btn:hover{opacity:1;background:var(--color-black-10);transform:scale(1.1)}.remove-participant-btn:hover{background:var(--color-red-500-10)}.members-button{background:var(--color-white);border:1px solid var(--border-color);padding:var(--spacing-7) var(--spacing-12);cursor:pointer;align-items:center;gap:var(--spacing-8);box-shadow:0 2px 8px var(--color-black-10);white-space:nowrap;border-radius:100dvw;min-width:fit-content;transition:all .2s;display:flex;position:relative;overflow:visible}.members-button:hover{border-color:var(--color-blue);box-shadow:0 4px 16px var(--color-black-10);transform:translateY(-1px)}.members-button-counts{align-items:center;gap:var(--spacing-8);display:flex;position:relative}.members-button-users{background:var(--color-blue);color:var(--color-white);font-size:var(--font-size-xs);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-8);text-align:center;min-width:clamp(16px,5vw,20px);font-weight:700;line-height:1}.members-button-bots{gap:var(--spacing-4);display:flex}.count-badge{font-size:var(--font-size-xs);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-6);color:var(--color-white);text-align:center;background:var(--bg-green-gradient);min-width:clamp(16px,5vw,20px);font-weight:600;line-height:1}.add-actions{justify-content:center;align-items:center;gap:var(--spacing-12);margin:var(--spacing-8) 0 0px;flex-wrap:nowrap;display:flex}.user-profile-modal-dialog{background:var(--color-white);color:var(--color-text-dark);border:1px solid var(--border-color);opacity:1;transition:all .3s ease-out;position:relative;overflow:hidden;transform:scale(1)}@starting-style{.user-profile-modal-dialog{opacity:0;transform:scale(0)}}.confirm-dialog-modal{z-index:var(--z-index-confirm-dialog);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{pointer-events:auto;padding:var(--spacing-32);background:var(--color-white);width:360px;max-width:calc(100dvw - 32px);color:var(--color-text-dark);border:1px solid var(--border-color);border-radius:var(--radius-8);box-shadow:0 10px 30px var(--color-black-10);animation:.15s ease-out modalPop;position:relative;overflow:hidden}.user-profile-modal__header{padding:var(--spacing-16) var(--spacing-16) var(--spacing-12);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.user-profile-modal__title{font-size:var(--font-size-md);color:var(--color-text-dark);font-weight:600}.user-profile-modal__close{appearance:none;cursor:pointer;font-size:var(--font-size-lg);color:var(--text-muted);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-6);background:0 0;border:none;line-height:1;transition:background .12s,color .12s}.user-profile-modal__close:hover{background:var(--border-color);color:var(--color-text-dark)}.user-profile-modal__content{padding:var(--spacing-16);align-items:center;gap:var(--spacing-16);flex-direction:column;display:flex}.user-profile-modal-avatar{min-height:var(--size-50);justify-content:center;align-items:center;gap:var(--spacing-8);flex-direction:column;display:flex;position:relative}.user-profile-modal__badges{align-items:center;gap:var(--spacing-6);flex-wrap:wrap;justify-content:center;display:flex}.user-profile-modal__status{align-items:center;gap:var(--spacing-4);font-size:var(--font-size-xs);color:var(--text-muted);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-10);background:var(--bg-secondary);font-weight:500;display:inline-flex}.user-profile-modal__status:before{content:"";width:var(--spacing-7);height:var(--spacing-7);background:var(--text-muted);border-radius:50%;flex-shrink:0}.user-profile-modal__status--online{color:var(--color-green);background:var(--color-white-light)}.user-profile-modal__status--online:before{background:var(--color-green)}.user-profile-modal__admin-badge{background:var(--color-blue);color:var(--color-white);font-size:var(--font-size-xs);padding:var(--spacing-4) var(--spacing-8);letter-spacing:.03em;border-radius:100dvh;font-weight:700}.user-profile-modal__fields{gap:var(--spacing-10);flex-direction:column;width:100%;display:flex}.user-profile-modal__field{gap:var(--spacing-2);flex-direction:column;display:flex}.user-profile-modal__field-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:600}.user-profile-modal__field-value{font-size:var(--font-size-base);color:var(--text-primary);word-break:break-word}.user-profile-modal__actions{gap:var(--spacing-8);width:100%;margin-top:var(--spacing-4);display:flex}.user-profile-modal__call-btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--color-text-dark);font-size:var(--font-size-sm);font-weight:500;transition:background .12s,border-color .12s}.user-profile-modal__call-btn:hover:not(:disabled){background:var(--bg-secondary)}.user-profile-modal__call-btn:disabled{opacity:.45;cursor:not-allowed}.chat-header{max-height:var(--main-header-height);padding:var(--spacing-12) var(--spacing-6) var(--spacing-12) var(--spacing-12);background:var(--color-white);border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-header-info{flex:1;justify-content:space-between;align-items:center;display:flex}.chat-header-title{font-size:var(--font-size-xl);color:var(--text-primary);align-items:center;gap:var(--spacing-8);margin:0;font-weight:600;display:flex}.chat-header-status{align-items:center;gap:var(--spacing-12);font-size:var(--font-size-lg);margin:0;display:flex}.chat-call-buttons{align-items:center;gap:var(--spacing-4);width:100%;display:inline-flex}.chat-call-button{border:1px solid var(--border-color);background:var(--color-green-light);width:clamp(10px,min(10vw,10vh),40px);max-width:40px;height:clamp(10px,min(10vw,10vh),40px);max-height:40px;color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px var(--color-black-10), inset 1px 6px 6px var(--color-white-30);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.chat-call-button:hover{background:var(--bg-secondary)}.chat-call-button:disabled{cursor:not-allowed;opacity:.7}.chat-call-button-currentcall{background:var(--color-green);box-shadow:0 4px 12px var(--color-green-glow);animation-name:chat-header-pulse,pulse;animation-duration:1s,1.5s;animation-timing-function:linear,linear;animation-iteration-count:infinite,infinite;animation-delay:0s,0s;transform:scale(1.25)}.chat-call-button-icon{font-size:var(--font-size-2xl)}.chat-call-button-icon-currentcall{animation-name:rotate360;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:0s}.main-header{background:var(--color-white);border-bottom:1px solid var(--border-color);padding:var(--spacing-12);min-height:var(--main-header-height);height:var(--main-header-height);max-height:var(--main-header-height);z-index:var(--z-index-sticky);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.mean-header-block{justify-content:center;align-items:center;gap:var(--spacing-12);height:100%;display:flex}.header-logo h1{font-size:var(--main-header-font-size);color:var(--text-primary);white-space:nowrap;text-overflow:none;align-items:center;gap:var(--spacing-8);height:calc(var(--main-header-height) * .75);max-height:calc(var(--main-header-height) * .75);flex-direction:row;justify-content:center;margin:0;font-weight:700;display:flex;overflow:hidden}.header-logo-image{width:auto;height:100%}.user-name--clickable{cursor:pointer;transition:color .2s}.user-name--clickable:hover,.user-name--clickable:focus{color:var(--color-blue)}.header-avatar{flex-direction:row;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.avatar:hover{transform:scale(1.05)}.dropdown-menu{top:var(--main-header-height);right:var(--spacing-7);background:var(--color-white);border:1px solid var(--border-color);border-radius:var(--radius-8);box-shadow:var(--shadow-lg);min-width:120px;max-width:calc(100dvw - 20px);animation:.2s ease-in-out fadeIn;position:absolute;overflow:hidden}.header-menu-item:hover{background-color:var(--bg-secondary)}.header-menu-icon{width:22px;height:22px;font-size:var(--font-size-md);flex:0 0 22px;justify-content:center;align-items:center;line-height:1;display:inline-flex}.header-menu-item:hover .header-menu-icon{transform:translateY(-1px)}.header-menu-item.logout:hover{background-color:var(--bg-secondary)}.header-menu-item.logout .header-menu-icon{opacity:.95}.form-group--spaced{margin-top:var(--spacing-16);flex-direction:column;flex:auto;min-height:0;display:flex}.modal-actions{justify-content:center;gap:var(--spacing-8);padding:var(--spacing-16) 0 0 0;display:flex;position:sticky;bottom:0}.chat-skeleton-preview{height:calc(var(--font-size-sm) * 1.3);background:var(--bg-secondary);border-radius:var(--radius-6);width:100%;margin-bottom:var(--spacing-4);animation:1.5s ease-in-out .3s infinite pulse}.chat-skeleton-meta{align-items:center;gap:var(--spacing-8);display:flex}.chat-skeleton-type{height:calc(var(--font-size-xs) * 1.2);background:var(--bg-secondary);border-radius:var(--radius-6);width:50px;animation:1.5s ease-in-out .4s infinite pulse}.chat-skeleton-status{height:calc(var(--font-size-xs) * 1.2);width:var(--size-40);background:var(--bg-secondary);border-radius:var(--radius-6);animation:1.5s ease-in-out .5s infinite pulse}.thread-item{border-bottom:1px solid var(--bg-secondary);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-12);padding:clamp(3px,min(3vw,3vh),12px);display:flex}.thread-item-skeleton{opacity:.7;align-items:flex-start}.thread-item:hover{background:var(--bg-selected-thread)}.chat-selected{background:var(--bg-selected-thread);border-left:var(--spacing-3) solid var(--color-blue);padding-left:var(--spacing-8);box-shadow:0px 2px 5px var(--color-black-10), -1px 0px 1px var(--color-black-10);border-bottom:0}.thread-item--incall{background:var(--color-green-glow);color:var(--color-white)}.chat-avatar-text{color:var(--color-white);font-size:40cqh;font-weight:600}.chat-avatar{width:var(--size-40);height:var(--size-40);background:var(--color-blue);box-shadow:0px 0px 3px var(--color-black-50);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;container-type:size}.chat-skeleton-avatar{background:var(--bg-secondary);animation:1.5s ease-in-out infinite pulse}.chat-skeleton-content{flex:1;min-width:0}.chat-skeleton-user{height:calc(var(--font-size-md) * 1.2);background:var(--bg-secondary);border-radius:var(--radius-6);width:clamp(60px,20vw,80px);animation:1.5s ease-in-out .1s infinite pulse}.thread-item__content{min-width:0;text-shadow:1px 1px 1px var(--color-black-10);flex:1}.thread-item__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-8);flex-wrap:nowrap;margin-bottom:clamp(2px,min(1vw,1vh),4px);display:flex}.chat-list-title{font-size:clamp(var(--font-size-sm), min(3vw, 3vh), var(--font-size-md));color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;line-height:1.2;overflow:hidden}.chat-skeleton-time{height:calc(var(--font-size-xs) * 1.2);width:var(--size-30);background:var(--bg-secondary);border-radius:var(--radius-6);animation:1.5s ease-in-out .2s infinite pulse}.chat-lastmsg-time{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;margin-top:var(--spacing-2);flex-shrink:0}.chat-lastmsg-preview{font-size:var(--font-size-sm);color:var(--text-muted);min-height:calc(var(--font-size-sm) * 1.3);white-space:nowrap;text-overflow:ellipsis;text-align:left;line-height:1.3;overflow:hidden}.chat-lastmsg-preview-sender{color:var(--text-secondary);font-weight:600}.chat-lastmsg-preview-empty{color:var(--text-light);font-style:italic}.scroll-down-btn{z-index:var(--z-index-chat-message-input);opacity:.12;left:50%;bottom:var(--size-60);width:var(--size-56);height:var(--size-56);background:var(--color-gray-300);color:var(--color-gray-dark);box-shadow:0 4px 16px var(--color-black-10);cursor:pointer;font-size:var(--font-size-5xl);border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;transform:translate(-50%)}.scroll-down-btn:hover{opacity:.2;background:var(--color-gray-300);box-shadow:0 6px 20px var(--color-black-10)}.selected-messages-bar{left:50%;bottom:var(--size-60);z-index:var(--z-index-chat-message-input);align-items:center;gap:var(--spacing-10);padding:var(--spacing-8) var(--spacing-12);background:linear-gradient(135deg, var(--color-white) 0%, var(--bg-secondary) 100%);border:1px solid var(--border-color);box-shadow:0 8px 18px var(--color-black-20);border-radius:999px;max-width:calc(100dvw - 24px);display:flex;position:absolute;transform:translate(-50%)}.selected-messages-bar__count{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;font-weight:600}.selected-messages-bar__cancel{padding:var(--spacing-6) var(--spacing-12);background:var(--bg-red-gradient);color:var(--color-white);font-size:var(--font-size-sm);cursor:pointer;border:none;border-radius:999px;font-weight:600;transition:transform .12s,box-shadow .12s}.selected-messages-bar__cancel:hover{box-shadow:0 4px 12px var(--color-red-500-40);transform:translateY(-1px)}.chat-messages-empty{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-icon{font-size:clamp(1px, min(40vw, calc(10vh * min(2, var(--height300pxx)))), min(50vh, 50vw));margin-bottom:var(--spacing-24);opacity:.6}.chat-messages-empty h4{margin:0 0 var(--spacing-16) 0;font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:600}.chat-messages-empty p{font-size:var(--font-size-lg);margin:0;line-height:1.5}.chat-input-form{gap:var(--spacing-8);flex-direction:column;display:flex}.chat-input-field{gap:var(--spacing-4);align-items:center;display:flex}.chat-input-textarea{min-height:var(--chat-input-textarea-height);max-height:120px;padding:var(--spacing-8) var(--spacing-12);border:1px solid var(--border-color);border-radius:var(--radius-8);background:var(--color-white);color:var(--text-primary);resize:none;flex:1;width:100%;font-family:inherit;transition:border-color 1s;font-size:var(--font-size-input)!important}.chat-input-textarea:focus{border-color:var(--color-white);box-shadow:0 0 5px 1px var(--color-black-10);outline:none}.chat-input-textarea:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed}.chat-input-send-button{width:var(--chat-input-send-button-size);height:var(--chat-input-send-button-size);background:radial-gradient(var(--color-blue), var(--color-blue-500));cursor:pointer;box-shadow:0 2px 8px 0 var(--color-black-10);margin-left:var(--spacing-8);border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-size:0;transition:background .2s,box-shadow .2s,transform .1s;display:flex;position:relative}.chat-input-send-button:hover:not(:disabled){box-shadow:0 4px 16px 0 var(--color-black-10);transform:scale(1.07)rotate(-30deg)}.chat-input-send-button:not(:disabled):hover .chat-input-send-svg,.chat-input-send-button:not(:disabled):active .chat-input-send-svg{color:var(--color-white-light)}.chat-input-send-button:disabled{background:var(--bg-secondary);color:var(--text-muted);cursor:not-allowed;box-shadow:none;transform:none}.chat-input-send-svg{width:clamp(12px,min(5vw,5vh),24px);height:clamp(12px,min(5vw,5vh),24px);color:var(--color-white);transition:color .2s}.chat-input-send-loading{font-size:var(--font-size-2xl);color:var(--color-black);justify-content:center;align-items:center;animation:2s linear infinite rotate360;display:flex}.chat-input-reply-preview{background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:var(--radius-8);margin-bottom:var(--spacing-8);padding:var(--spacing-8);font-size:var(--font-size-base);box-shadow:0 1px 3px var(--color-black-10)}.chat-input-reply-header{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;display:flex}.chat-input-reply-icon{font-size:var(--font-size-base);opacity:.8}.chat-input-reply-label{text-transform:uppercase;letter-spacing:.5px;font-size:var(--font-size-xs);flex:1}.chat-input-reply-close{color:var(--text-secondary);cursor:pointer;padding:var(--spacing-4);border-radius:var(--radius-6);font-size:var(--font-size-xs);width:var(--size-20);height:var(--size-20);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;transition:all .2s;display:flex}.chat-input-reply-close:hover{background:var(--surface-tertiary);color:var(--text-primary)}.chat-input-reply-content{padding-left:var(--spacing-12);border-left:3px solid var(--color-white);padding:var(--spacing-4) var(--spacing-8);border-radius:0 var(--radius-6) var(--radius-6) 0}.chat-input-reply-sender{color:var(--color-white);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-3)}.chat-input-reply-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);word-break:break-word;line-height:1.4}.chat-input-reply-attachments{color:var(--text-secondary);font-size:var(--font-size-xs);opacity:.8;font-style:italic}.chat-messages::-webkit-scrollbar{width:var(--size-6)}.chat-messages::-webkit-scrollbar-track{background:var(--bg-secondary)}.chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-3)}.chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.confirm-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);font-weight:600}.confirm-message{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.5}.confirm-actions{gap:var(--spacing-10);margin-top:var(--spacing-16);justify-content:center;display:flex}.confirm-button{appearance:none;border:1px solid var(--border-color);background:var(--color-modal-surface);color:var(--color-text-dark);font-size:var(--font-size-base);padding:var(--spacing-8) var(--spacing-14);cursor:pointer;border-radius:100dvw;transition:background .12s,box-shadow .12s,border-color .12s,transform 40ms}.confirm-button:hover{background:var(--color-modal-surface-hover)}.confirm-button:active{transform:translateY(1px)}.call-error-toast{background:var(--bg-red-gradient);color:var(--color-white);border-radius:var(--radius-12);box-shadow:0 var(--spacing-8) var(--spacing-24) var(--color-red-500-40);z-index:var(--z-index-toast);max-width:min(400px,100dvw);padding:1rem 1.5rem;font-weight:500;animation:.3s ease-out slideInRight,60s ease-in 4.5s forwards fadeOut;position:fixed;bottom:2rem;right:2rem}.gallery-modal-swipe-container{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;display:flex}.gallery-modal-dots{margin-top:var(--spacing-18);margin-bottom:var(--spacing-6);justify-content:center;align-items:center;display:flex}.gallery-modal-dot{color:var(--color-gray-ddd);margin:0 var(--spacing-6);-webkit-user-select:none;user-select:none;font-size:2rem;transition:color .2s}.gallery-modal-dot--active{color:var(--color-white);text-shadow:0 0 6px var(--color-black), 0 0 2px var(--color-white)}.gallery-modal-overlay{background:var(--color-black-90);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100dvw;height:100dvh;z-index:var(--z-index-modal);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0;container-type:size}.gallery-modal-content{flex-direction:column;align-items:center;max-width:100dvw;max-height:100dvh;display:flex;position:relative}.gallery-modal-close{top:var(--spacing-12);right:var(--spacing-12);color:var(--color-white);cursor:pointer;background:0 0;border:none;font-size:2.5rem;position:fixed}.gallery-modal-arrow{color:var(--color-white);cursor:pointer;opacity:.8;background:0 0;border:none;height:100dvh;padding:0 16px;font-size:2.5rem;transition:opacity .2s;position:fixed;top:50%;transform:translateY(-50%)}.gallery-modal-arrow:disabled{opacity:0;cursor:default}.gallery-modal-arrow--left{left:0}.gallery-modal-arrow--right{right:0}.gallery-modal-image{border-radius:var(--radius-10);background:var(--color-gray-dark);max-width:95dvw;max-height:85dvh;margin:0 var(--spacing-40);box-shadow:0 var(--spacing-4) var(--spacing-32) var(--color-black-50)}.gallery-modal-caption-above{color:var(--color-white);text-align:center;word-break:break-all;max-width:95vw;margin-bottom:var(--spacing-14);padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-8);font-size:1.1rem}.file-upload-button-loading{font-size:var(--font-size-lg);animation:1.5s infinite pulse}.file-upload-button-progress{background:var(--color-white);border:1px solid var(--color-gray-ddd);border-radius:var(--radius-6);box-shadow:0 2px 8px var(--color-black-10);z-index:var(--z-index-dropdown);max-height:200px;margin-top:var(--spacing-4);position:absolute;bottom:20px;left:0;overflow-y:auto}.file-upload-button-progress-item{padding:var(--spacing-8) var(--spacing-12);border-bottom:1px solid var(--color-gray-ddd);font-size:var(--font-size-xs);justify-content:space-between;align-items:center;display:flex}.file-upload-button-progress-item:last-child{border-bottom:none}.file-upload-button-progress-name{white-space:nowrap;text-overflow:ellipsis;margin-right:var(--spacing-8);flex:1;overflow:hidden}.file-upload-button-progress-status{font-size:var(--font-size-xs);white-space:nowrap}.modal-content{background-color:var(--color-white);box-shadow:1px 20px 40px var(--color-black-50);width:clamp(100px, 100dvw, var(--modal-fullscreen-breakpoint));border-radius:min(16px, max(0px, calc(100dvw - var(--modal-fullscreen-breakpoint))));max-width:100dvw;min-height:max(max(calc(var(--target-modal-height)), var(--minimum-modal-height)), min(100dvh, calc(100dvh - calc(100dvw - var(--modal-fullscreen-breakpoint)))));flex-direction:column;max-height:100dvh;transition:all .3s ease-out;display:flex;overflow:hidden}@starting-style{.modal-content{filter:blur(2px);opacity:.5;transform:scale(.6)}}.incoming-call-modal{text-align:center;border-radius:16px;width:350px;min-width:min(100dvw,350px);height:350px;min-height:min(100dvh,350px);padding:2rem;animation:.3s ease-out fadeIn,2s ease-in-out infinite pulse;position:relative;overflow:visible}.incoming-call-overlay{z-index:var(--z-index-call-modal);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:.3s ease-in-out fadeIn}.incoming-call-icon{font-size:4rem;animation:.7s linear infinite tilting}.incoming-call-info{margin-top:1rem;margin-bottom:1rem}.incoming-call-title{color:var(--text-primary);margin:.5rem;font-size:1.5rem;font-weight:600}.incoming-call-timer{color:var(--color-gray-300);font-size:.875rem}.incoming-call-actions{justify-content:center;gap:1rem;display:flex}.incoming-call-button{cursor:pointer;border:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;min-width:100px;min-height:100px;font-size:.875rem;font-weight:600;transition:all .2s;animation:1s ease-in-out infinite bounce;display:flex}.incoming-call-button .btn-icon{font-size:2rem}.btn-decline-call{background:var(--bg-red-gradient);color:var(--color-white);animation-delay:.5s}.btn-decline-call:hover{box-shadow:0 4px 20px var(--color-red-500-40);animation:none;transform:scale(1.05)}.btn-accept-call{background:var(--accept-callbutton-greenbg);color:var(--color-white)}.btn-accept-call:hover{box-shadow:0 4px 20px var(--color-green-glow);transform:scale(1.05)}.incoming-call-ring-animation{border:var(--spacing-3) solid var(--color-green-glow);pointer-events:none;border-radius:50%;width:300px;height:300px;animation:2s ease-out infinite ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.myvideo-is-off{padding:var(--spacing-24);background:var(--bg-violet-gradient1)}.call-folded{width:200px;height:50px;box-shadow:0 2px 8px var(--color-black-10);background:#f90;border-radius:3px;justify-content:center;align-items:center;display:none;position:absolute;top:12px;left:12px}.no-pointer-events{pointer-events:none}.user-avatar{border-radius:50%;position:relative;container-type:size;min-width:var(--size-20)!important;min-height:var(--size-20)!important;aspect-ratio:1!important}.user-avatar-image{object-fit:cover;background:var(--color-bg-avatar);border-radius:50%;width:100%;height:100%;aspect-ratio:1!important}.user-avatar-initials{background:var(--color-bg-avatar);color:var(--color-text-dark);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:45cqh;font-weight:600;display:flex;aspect-ratio:1!important}.user-avatar-online{background:var(--color-green);border:4cqh solid var(--color-white);border-radius:50%;width:25cqw;height:25cqh;position:absolute;bottom:0;right:0}.file-attachment-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-8);margin-bottom:12px;overflow:hidden}.file-attachment-preview-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:8px 12px}.file-attachment-preview-title{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.file-attachment-preview-list{padding:var(--spacing-8)}.file-attachment-preview-item{padding:var(--spacing-8);background:var(--color-white);border:1px solid var(--color-white-light);border-radius:var(--radius-6);align-items:center;margin-bottom:8px;transition:all .2s;display:flex}.file-attachment-preview-item:last-child{margin-bottom:0}.file-attachment-preview-item:hover{border-color:var(--text-light)}.file-attachment-preview-thumbnail{width:var(--size-40);height:var(--size-40);margin-right:var(--spacing-12);border-radius:var(--radius-4);background:var(--bg-secondary);border:1px solid var(--color-white-light);position:relative;overflow:hidden}.file-attachment-preview-image{object-fit:cover;width:100%;height:100%}.file-attachment-preview-icon{width:100%;height:100%;font-size:var(--font-size-lg);color:var(--text-muted);justify-content:center;align-items:center;display:flex}.file-attachment-preview-info{flex:1;min-width:0}.file-attachment-preview-name{font-size:var(--font-size-base);color:var(--color-text-dark);white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-2);font-weight:500;overflow:hidden}.file-attachment-preview-size{font-size:var(--font-size-xs);color:var(--text-muted)}.file-attachment-preview-remove{color:var(--color-danger);cursor:pointer;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-4);font-size:var(--font-size-base);background:0 0;border:none;margin-left:8px;font-weight:700;line-height:1;transition:all .2s}.file-attachment-preview-remove:hover{background-color:var(--color-danger);color:var(--color-white)}.file-attachment-preview-remove:focus{outline:2px solid var(--color-danger);outline-offset:2px}.circle-video-container{align-items:flex-start;margin:0;display:flex}.circle-video-container-me{justify-content:flex-end}.circle-video-container-them{justify-content:flex-start}.circle-video-wrapper{background:var(--color-white);cursor:pointer;border:none;border-radius:88px;justify-content:center;align-items:center;width:176px;height:176px;padding:0;display:flex;position:relative;overflow:hidden}.circle-video-border{border:6px solid var(--color-violet);border-radius:88px;justify-content:center;align-items:center;width:176px;height:176px;display:flex;position:relative;overflow:hidden}.circle-video-preview-image{object-fit:cover;border-radius:82px;width:164px;height:164px}.circle-video-placeholder{background:var(--border-color);border-radius:82px;width:164px;height:164px}.circle-video-play-button{background:var(--color-black-50);border-radius:32px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:absolute;top:50px;left:50px}.circle-video-play-icon{color:var(--color-white);margin-left:0;font-size:40px;font-weight:700}.update-password-modal{z-index:var(--z-index-modal);background:var(--color-black-50);-webkit-backdrop-filter:saturate(140%)blur(1.5px);backdrop-filter:saturate(140%)blur(1.5px);padding:var(--spacing-16);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.update-password-modal-dialog{background:var(--color-white);width:420px;max-width:calc(100dvw - 32px);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-12,12px);box-shadow:0 10px 30px var(--color-black-10);animation:.15s ease-out update-password-modal-pop;position:relative;overflow:hidden}.update-password-modal-header{padding:var(--spacing-16) var(--spacing-20);border-bottom:1px solid var(--border-color);background:var(--color-white-gradient);justify-content:space-between;align-items:center;display:flex}.update-password-modal-title{font-size:var(--font-size-lg,16px);margin:0;font-weight:600}.update-password-modal-close{cursor:pointer;color:var(--text-muted);font-size:var(--font-size-xl);padding:var(--spacing-8);border-radius:var(--radius-8);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;line-height:1;transition:all .2s;display:flex}.update-password-modal-close:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.update-password-modal-content{padding:var(--spacing-20) var(--spacing-24) var(--spacing-24)}.update-password-modal-mismatch{margin-top:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-red)}.emoji-picker-panel{background:var(--color-white);border:1px solid var(--color-black-10);max-width:97dvw;box-shadow:0 var(--spacing-6) var(--spacing-16) var(--color-black-10);border-radius:var(--radius-8);padding:var(--spacing-8);z-index:var(--z-index-dropdown);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;max-height:calc(100dvh - 200px);display:flex;position:absolute;overflow:hidden}.emoji-picker-panel--up{bottom:calc(100% + 8px)}.emoji-picker-panel--down{top:calc(100% + 8px)}.emoji-picker-header{justify-content:space-between;align-items:center;gap:var(--spacing-8);padding-bottom:var(--spacing-6);display:flex}.emoji-picker-tabs{gap:var(--spacing-6);flex-wrap:nowrap;display:flex}.emoji-picker-tab{padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-6);cursor:pointer;font-size:var(--font-size-xs);background:0 0;border:none}.emoji-picker-tab.active{background:var(--color-black-10)}.emoji-picker-grid{gap:var(--spacing-6);padding:var(--spacing-4) var(--spacing-2) var(--spacing-8) var(--spacing-2);box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;grid-template-columns:repeat(7,minmax(0,1fr));display:grid;overflow:hidden auto}.emoji-picker-grid::-webkit-scrollbar{width:0;height:0}.emoji-picker-scrollbar{border-radius:var(--radius-4);background:0 0;width:6px;position:absolute;top:44px;bottom:8px;right:6px}.emoji-picker-scroll-thumb{width:var(--size-6);background:var(--color-black-10);border-radius:var(--radius-4);opacity:0;transition:opacity .12s linear,transform .12s linear;transform:translateY(0)}.emoji-picker-clear{color:var(--color-black-50);cursor:pointer;padding:var(--spacing-4) var(--spacing-6);background:0 0;border:none}.emoji-picker-panel::-webkit-scrollbar{width:0;height:0}.emoji-picker-button{cursor:pointer;font-size:var(--font-size-2xl);padding:var(--spacing-8);border-radius:var(--radius-6);background:0 0;border:none}.emoji-picker-button:hover{background:var(--color-black-10)}.toast-viewport{z-index:var(--z-index-toast);gap:var(--spacing-12);pointer-events:none;flex-direction:column;width:min(430px,100dvw - 24px);display:flex;position:fixed;top:clamp(12px,4vh,18px);right:clamp(12px,4vw,18px)}.toast{gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-12) var(--spacing-12) var(--spacing-14);border-radius:var(--radius-12);border:1px solid color-mix(in srgb, var(--toast-color) 24%, var(--color-white));box-shadow:0 var(--spacing-14) var(--spacing-32) var(--color-black-10);background:linear-gradient(135deg, color-mix(in srgb, var(--toast-color) 10%, var(--color-white)), var(--color-white) 52%), radial-gradient(circle at 90% 14%, color-mix(in srgb, var(--toast-color) 16%, transparent), transparent 54%);color:var(--color-text-dark);pointer-events:auto;-webkit-backdrop-filter:blur(10px);transform-origin:100% 0;border-left:0;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.toast-content{flex:1;min-width:0}.toast-title{margin-bottom:var(--spacing-3);letter-spacing:.045em;text-transform:uppercase;color:color-mix(in srgb, var(--toast-color) 58%, var(--color-text-dark));font-size:.84rem;font-weight:800}.toast-message{word-break:break-word;font-size:clamp(.93rem,2.5vw,.96rem);font-weight:600;line-height:1.45}.toast-accent{width:var(--size-4);background:linear-gradient(180deg, color-mix(in srgb, var(--toast-color) 85%, var(--color-white)), var(--toast-color));position:absolute;top:0;bottom:0;left:0}.toast-icon{width:var(--size-32);height:var(--size-32);flex:0 0 var(--size-32);border-radius:var(--radius-10);letter-spacing:.08em;color:var(--toast-color);background:color-mix(in srgb, var(--toast-color) 14%, var(--color-white));border:1px solid color-mix(in srgb, var(--toast-color) 34%, var(--color-white));justify-content:center;align-items:center;font-size:.62rem;font-weight:800;display:inline-flex}.toast-close{border:1px solid color-mix(in srgb, var(--toast-color) 30%, var(--color-white));background:color-mix(in srgb, var(--toast-color) 6%, var(--color-white));color:color-mix(in srgb, var(--toast-color) 55%, var(--color-text-dark));width:var(--size-28);height:var(--size-28);border-radius:var(--radius-8);cursor:pointer;margin-left:var(--spacing-6);padding:0;font-size:.95rem;font-weight:700;line-height:1;transition:all .18s}.toast-close:hover{background:color-mix(in srgb, var(--toast-color) 14%, var(--color-white));color:color-mix(in srgb, var(--toast-color) 85%, var(--color-text-dark));transform:translateY(-1px)}.toast--success{--toast-color:var(--color-green)}.toast--error{--toast-color:var(--color-danger)}.toast--info{--toast-color:var(--color-blue)}.toast--warning{--toast-color:var(--color-toast-warning)}.toast--entering{animation:.26s cubic-bezier(.22,1,.36,1) toastSlideIn}.toast--leaving{animation:.22s cubic-bezier(.4,0,1,1) forwards toastSlideOut}.toast:nth-child(2){animation-delay:28ms}.toast:nth-child(3){animation-delay:52ms}@media (width<=768px){.toast-viewport{width:auto;left:12px}.toast{padding:11px 10px 11px 12px}.toast-icon{width:var(--size-30);height:var(--size-30);flex-basis:var(--size-30)}}.circle-video-modal-overlay{background:var(--color-black-50)}.circle-video-modal-bg{cursor:pointer;background:0 0;position:absolute;inset:0}.circle-video-modal-circle-container{background:var(--color-black);border:0;border-radius:50%;justify-content:center;align-items:center;width:320px;height:320px;display:flex;position:relative;overflow:hidden}.circle-video-modal-circle-video{background:var(--color-black);object-fit:cover;border-radius:50%;width:320px;height:320px;position:absolute;top:0;left:0}.circle-video-modal-svg{pointer-events:none}.message-input-button:hover:not(:disabled){background:var(--bg-secondary);color:var(--color-blue)}.message-input-button:disabled{opacity:.5;cursor:not-allowed}.message-input-button:disabled:hover{background:0 0;transform:none}.voice-recorder-button-recording{background:var(--color-danger);color:var(--color-white);border-radius:50cqh;animation:1.5s ease-in-out infinite pulse}.voice-recorder-button-recording:hover{background:var(--color-danger-hover);color:var(--color-white)}.voice-recorder__recording{align-items:center;gap:var(--spacing-3);display:flex;position:relative}.voice-recorder__pulse{width:var(--spacing-8);height:var(--spacing-8);background:var(--color-white);border-radius:50cqh;animation:1s ease-in-out infinite voice-recorder-blink}.voice-recorder__time{font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;font-weight:600}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.toast--entering,.toast--leaving,.toast:nth-child(2),.toast:nth-child(3){animation:none}.toast{transition:none}}@media (prefers-contrast:high){.login-card{border:2px solid var(--color-black)}.form-group input{border-color:var(--color-black)}.login-button{background:var(--color-black);border:2px solid var(--color-black)}}.call-grid-0,.call-grid-1,.call-grid-2,.call-grid-3,.call-grid-4,.call-grid-5,.call-grid-6,.call-grid-7,.call-grid-8,.call-grid-9,.call-grid-10,.call-grid-11,.call-grid-12,.call-grid-13,.call-grid-14,.call-grid-15,.call-grid-16,.call-grid-17,.call-grid-18,.call-grid-19,.call-grid-20,.call-grid-21,.call-grid-22,.call-grid-23,.call-grid-24,.call-grid-25,.call-grid-26,.call-grid-27,.call-grid-28,.call-grid-29,.call-grid-30,.call-grid-31,.call-grid-32,.call-grid-33,.call-grid-34,.call-grid-35,.call-grid-36{grid-template-columns:repeat(1,1fr)}@media (aspect-ratio>=.0556){.call-grid-36{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0563){.call-grid-35{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0588){.call-grid-34{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0597){.call-grid-33{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0625){.call-grid-32{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0635){.call-grid-31{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0667){.call-grid-30{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0678){.call-grid-29{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0714){.call-grid-28{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0727){.call-grid-27{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0769){.call-grid-26{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0784){.call-grid-25{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0833){.call-grid-24{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0851){.call-grid-23{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.0909){.call-grid-22{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.093){.call-grid-21{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.1){.call-grid-20{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.1026){.call-grid-19{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.1111){.call-grid-18{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.1143){.call-grid-17{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.125){.call-grid-16{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.1291){.call-grid-15{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.1429){.call-grid-14{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.1482){.call-grid-13{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.1667){.call-grid-12{grid-template-columns:repeat(2,1fr)}.call-grid-35,.call-grid-36{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.1715){.call-grid-34{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.1741){.call-grid-11{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.1791){.call-grid-33{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.1846){.call-grid-31,.call-grid-32{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.2){.call-grid-10{grid-template-columns:repeat(2,1fr)}.call-grid-29,.call-grid-30{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.207){.call-grid-28{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.2108){.call-grid-9{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.2182){.call-grid-27{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.2265){.call-grid-25,.call-grid-26{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.25){.call-grid-8{grid-template-columns:repeat(2,1fr)}.call-grid-23,.call-grid-24{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.2611){.call-grid-22{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.2673){.call-grid-7{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.2791){.call-grid-21{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.2928){.call-grid-19,.call-grid-20{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.3333){.call-grid-6{grid-template-columns:repeat(2,1fr)}.call-grid-17,.call-grid-18{grid-template-columns:repeat(3,1fr)}.call-grid-34,.call-grid-35,.call-grid-36{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.3482){.call-grid-33{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.3536){.call-grid-16{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.3651){.call-grid-5{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.3693){.call-grid-31,.call-grid-32{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.3873){.call-grid-15{grid-template-columns:repeat(3,1fr)}.call-grid-29,.call-grid-30{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.414){.call-grid-13,.call-grid-14{grid-template-columns:repeat(3,1fr)}.call-grid-28{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.4364){.call-grid-25,.call-grid-26,.call-grid-27{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.5){.call-grid-4{grid-template-columns:repeat(2,1fr)}.call-grid-11,.call-grid-12{grid-template-columns:repeat(3,1fr)}.call-grid-22,.call-grid-23,.call-grid-24{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.527){.call-grid-36{grid-template-columns:repeat(5,1fr)}}@media (aspect-ratio>=.5345){.call-grid-21{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.5477){.call-grid-10{grid-template-columns:repeat(3,1fr)}}@media (aspect-ratio>=.5634){.call-grid-33,.call-grid-34,.call-grid-35{grid-template-columns:repeat(5,1fr)}}@media (aspect-ratio>=.5774){.call-grid-3{grid-template-columns:repeat(2,1fr)}}@media (aspect-ratio>=.5855){.call-grid-19,.call-grid-20{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.5976){.call-grid-31,.call-grid-32{grid-template-columns:repeat(5,1fr)}}@media (aspect-ratio>=.6325){.call-grid-9{grid-template-columns:repeat(3,1fr)}.call-grid-17,.call-grid-18{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.6455){.call-grid-29,.call-grid-30{grid-template-columns:repeat(5,1fr)}}@media (aspect-ratio>=.6901){.call-grid-26,.call-grid-27,.call-grid-28{grid-template-columns:repeat(5,1fr)}}@media (aspect-ratio>=.7071){.call-grid-7,.call-grid-8{grid-template-columns:repeat(3,1fr)}.call-grid-16{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.7559){.call-grid-25{grid-template-columns:repeat(5,1fr)}}@media (aspect-ratio>=.7746){.call-grid-13,.call-grid-14,.call-grid-15{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=.7906){.call-grid-36{grid-template-columns:repeat(6,1fr)}}@media (aspect-ratio>=.8165){.call-grid-21,.call-grid-22,.call-grid-23,.call-grid-24{grid-template-columns:repeat(5,1fr)}}@media (aspect-ratio>=.8452){.call-grid-31,.call-grid-32,.call-grid-33,.call-grid-34,.call-grid-35{grid-template-columns:repeat(6,1fr)}}@media (aspect-ratio>=1){.call-grid-2{grid-template-columns:repeat(2,1fr)}.call-grid-5,.call-grid-6{grid-template-columns:repeat(3,1fr)}.call-grid-10,.call-grid-11,.call-grid-12{grid-template-columns:repeat(4,1fr)}.call-grid-17,.call-grid-18,.call-grid-19,.call-grid-20{grid-template-columns:repeat(5,1fr)}.call-grid-26,.call-grid-27,.call-grid-28,.call-grid-29,.call-grid-30{grid-template-columns:repeat(6,1fr)}}@media (aspect-ratio>=1.0801){.call-grid-36{grid-template-columns:repeat(7,1fr)}}@media (aspect-ratio>=1.0954){.call-grid-25{grid-template-columns:repeat(6,1fr)}}@media (aspect-ratio>=1.118){.call-grid-16{grid-template-columns:repeat(5,1fr)}}@media (aspect-ratio>=1.1547){.call-grid-9{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=1.1832){.call-grid-31,.call-grid-32,.call-grid-33,.call-grid-34,.call-grid-35{grid-template-columns:repeat(7,1fr)}}@media (aspect-ratio>=1.2247){.call-grid-4{grid-template-columns:repeat(3,1fr)}.call-grid-21,.call-grid-22,.call-grid-23,.call-grid-24{grid-template-columns:repeat(6,1fr)}}@media (aspect-ratio>=1.291){.call-grid-13,.call-grid-14,.call-grid-15{grid-template-columns:repeat(5,1fr)}}@media (aspect-ratio>=1.2961){.call-grid-29,.call-grid-30{grid-template-columns:repeat(7,1fr)}}@media (aspect-ratio>=1.3663){.call-grid-36{grid-template-columns:repeat(8,1fr)}}@media (aspect-ratio>=1.3693){.call-grid-19,.call-grid-20{grid-template-columns:repeat(6,1fr)}}@media (aspect-ratio>=1.4142){.call-grid-7,.call-grid-8{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=1.4491){.call-grid-25,.call-grid-26,.call-grid-27,.call-grid-28{grid-template-columns:repeat(7,1fr)}}@media (aspect-ratio>=1.4907){.call-grid-11,.call-grid-12{grid-template-columns:repeat(5,1fr)}}@media (aspect-ratio>=1.4967){.call-grid-33,.call-grid-34,.call-grid-35{grid-template-columns:repeat(8,1fr)}}@media (aspect-ratio>=1.5811){.call-grid-16,.call-grid-17,.call-grid-18{grid-template-columns:repeat(6,1fr)}}@media (aspect-ratio>=1.6202){.call-grid-22,.call-grid-23,.call-grid-24{grid-template-columns:repeat(7,1fr)}}@media (aspect-ratio>=1.6733){.call-grid-29,.call-grid-30,.call-grid-31,.call-grid-32{grid-template-columns:repeat(8,1fr)}}@media (aspect-ratio>=1.7321){.call-grid-3{grid-template-columns:repeat(3,1fr)}.call-grid-5,.call-grid-6{grid-template-columns:repeat(4,1fr)}}@media (aspect-ratio>=1.8257){.call-grid-9,.call-grid-10{grid-template-columns:repeat(5,1fr)}.call-grid-13,.call-grid-14,.call-grid-15{grid-template-columns:repeat(6,1fr)}}@media (aspect-ratio>=1.8708){.call-grid-19,.call-grid-20,.call-grid-21{grid-template-columns:repeat(7,1fr)}.call-grid-25,.call-grid-26,.call-grid-27,.call-grid-28{grid-template-columns:repeat(8,1fr)}}@media (aspect-ratio>=1.8974){.call-grid-33,.call-grid-34,.call-grid-35,.call-grid-36{grid-template-columns:repeat(9,1fr)}}@media (aspect-ratio>=2.1213){.call-grid-28,.call-grid-29,.call-grid-30,.call-grid-31,.call-grid-32{grid-template-columns:repeat(9,1fr)}}@media (aspect-ratio>=2.1602){.call-grid-15,.call-grid-16,.call-grid-17,.call-grid-18{grid-template-columns:repeat(7,1fr)}.call-grid-22,.call-grid-23,.call-grid-24{grid-template-columns:repeat(8,1fr)}}@media (aspect-ratio>=2.2361){.call-grid-6,.call-grid-7,.call-grid-8{grid-template-columns:repeat(5,1fr)}.call-grid-11,.call-grid-12{grid-template-columns:repeat(6,1fr)}}@media (aspect-ratio>=2.3717){.call-grid-31,.call-grid-32,.call-grid-33,.call-grid-34,.call-grid-35,.call-grid-36{grid-template-columns:repeat(10,1fr)}}@media (aspect-ratio>=2.4495){.call-grid-4{grid-template-columns:repeat(4,1fr)}.call-grid-25,.call-grid-26,.call-grid-27{grid-template-columns:repeat(9,1fr)}}@media (aspect-ratio>=2.4944){.call-grid-17,.call-grid-18,.call-grid-19,.call-grid-20,.call-grid-21{grid-template-columns:repeat(8,1fr)}}@media (aspect-ratio>=2.622){.call-grid-34,.call-grid-35,.call-grid-36{grid-template-columns:repeat(11,1fr)}}@media (aspect-ratio>=2.6458){.call-grid-13,.call-grid-14{grid-template-columns:repeat(7,1fr)}}@media (aspect-ratio>=2.7386){.call-grid-7,.call-grid-8,.call-grid-9,.call-grid-10{grid-template-columns:repeat(6,1fr)}.call-grid-28,.call-grid-29,.call-grid-30{grid-template-columns:repeat(10,1fr)}}@media (aspect-ratio>=2.8284){.call-grid-19,.call-grid-20,.call-grid-21,.call-grid-22,.call-grid-23,.call-grid-24{grid-template-columns:repeat(9,1fr)}}@media (aspect-ratio>=3.0277){.call-grid-31,.call-grid-32,.call-grid-33{grid-template-columns:repeat(11,1fr)}}@media (aspect-ratio>=3.0551){.call-grid-15,.call-grid-16{grid-template-columns:repeat(8,1fr)}}@media (aspect-ratio>=3.1623){.call-grid-5{grid-template-columns:repeat(5,1fr)}.call-grid-21,.call-grid-22,.call-grid-23,.call-grid-24,.call-grid-25,.call-grid-26,.call-grid-27{grid-template-columns:repeat(10,1fr)}}@media (aspect-ratio>=3.2404){.call-grid-8,.call-grid-9,.call-grid-10,.call-grid-11,.call-grid-12{grid-template-columns:repeat(7,1fr)}}@media (aspect-ratio>=3.3166){.call-grid-34,.call-grid-35,.call-grid-36{grid-template-columns:repeat(12,1fr)}}@media (aspect-ratio>=3.4641){.call-grid-17,.call-grid-18{grid-template-columns:repeat(9,1fr)}}@media (aspect-ratio>=3.496){.call-grid-23,.call-grid-24,.call-grid-25,.call-grid-26,.call-grid-27,.call-grid-28,.call-grid-29,.call-grid-30{grid-template-columns:repeat(11,1fr)}}@media (aspect-ratio>=3.7417){.call-grid-9,.call-grid-10,.call-grid-11,.call-grid-12,.call-grid-13,.call-grid-14{grid-template-columns:repeat(8,1fr)}}@media (aspect-ratio>=3.8297){.call-grid-25,.call-grid-26,.call-grid-27,.call-grid-28,.call-grid-29,.call-grid-30,.call-grid-31,.call-grid-32,.call-grid-33{grid-template-columns:repeat(12,1fr)}}@media (aspect-ratio>=3.873){.call-grid-6{grid-template-columns:repeat(6,1fr)}.call-grid-19,.call-grid-20{grid-template-columns:repeat(10,1fr)}}@media (aspect-ratio>=4.1633){.call-grid-27,.call-grid-28,.call-grid-29,.call-grid-30,.call-grid-31,.call-grid-32,.call-grid-33,.call-grid-34,.call-grid-35,.call-grid-36{grid-template-columns:repeat(13,1fr)}}@media (aspect-ratio>=4.2426){.call-grid-10,.call-grid-11,.call-grid-12,.call-grid-13,.call-grid-14,.call-grid-15,.call-grid-16{grid-template-columns:repeat(9,1fr)}}@media (aspect-ratio>=4.25){.call-grid-10{grid-template-columns:repeat(10,1fr)}}@media (aspect-ratio>=4.2817){.call-grid-21,.call-grid-22{grid-template-columns:repeat(11,1fr)}}@media (aspect-ratio>=4.4969){.call-grid-29,.call-grid-30,.call-grid-31,.call-grid-32,.call-grid-33,.call-grid-34,.call-grid-35,.call-grid-36{grid-template-columns:repeat(14,1fr)}}@media (aspect-ratio>=4.5826){.call-grid-7{grid-template-columns:repeat(7,1fr)}}@media (aspect-ratio>=4.6904){.call-grid-23,.call-grid-24{grid-template-columns:repeat(12,1fr)}}@media (aspect-ratio>=4.7434){.call-grid-11,.call-grid-12,.call-grid-13,.call-grid-14,.call-grid-15,.call-grid-16,.call-grid-17,.call-grid-18{grid-template-columns:repeat(10,1fr)}}@media (aspect-ratio>=4.8305){.call-grid-31,.call-grid-32,.call-grid-33,.call-grid-34,.call-grid-35,.call-grid-36{grid-template-columns:repeat(15,1fr)}}@media (aspect-ratio>=5.099){.call-grid-25,.call-grid-26{grid-template-columns:repeat(13,1fr)}}@media (aspect-ratio>=5.164){.call-grid-33,.call-grid-34,.call-grid-35,.call-grid-36{grid-template-columns:repeat(16,1fr)}}@media (aspect-ratio>=5.244){.call-grid-12,.call-grid-13,.call-grid-14,.call-grid-15,.call-grid-16,.call-grid-17,.call-grid-18,.call-grid-19,.call-grid-20{grid-template-columns:repeat(11,1fr)}}@media (aspect-ratio>=5.2915){.call-grid-8{grid-template-columns:repeat(8,1fr)}}@media (aspect-ratio>=5.4975){.call-grid-35,.call-grid-36{grid-template-columns:repeat(17,1fr)}}.grid-2x{grid-area:span 2/span 2}.grid-full-y{grid-row:1 / span var(--grid-rows,36)}.image-distinguish-1{filter:invert()hue-rotate(180deg)saturate(4000%)contrast(700%);transform:perspective(120px)rotateX(80deg)}.image-distinguish-2{filter:sepia()hue-rotate(270deg)saturate(3500%)contrast(600%);transform:perspective(120px)rotateY(80deg)}.image-distinguish-3{filter:grayscale()contrast(1000%)brightness(200%);transform:perspective(150px)rotateX(70deg)rotate(25deg)}.image-distinguish-4{filter:invert()saturate(5000%)brightness(130%);transform:perspective(100px)rotateY(70deg)rotate(-25deg)}.image-distinguish-5{filter:hue-rotate(90deg)saturate(6000%)contrast(500%);transform:perspective(100px)rotateX(60deg)rotateY(30deg)}.image-distinguish-6{filter:hue-rotate(220deg)contrast(800%)brightness(70%);transform:perspective(150px)rotateY(60deg)skew(20deg)}.image-distinguish-7{filter:invert()hue-rotate(45deg)saturate(4000%);transform:perspective(120px)rotateX(75deg)skewY(15deg)}.image-distinguish-8{filter:sepia()hue-rotate(315deg)contrast(700%);transform:perspective(90px)rotateY(75deg)skew(-20deg)}.image-distinguish-9{filter:brightness(40%)contrast(1200%)saturate(3000%);transform:perspective(80px)rotateX(85deg)}.image-distinguish-10{filter:brightness(200%)contrast(900%)saturate(2000%);transform:perspective(80px)rotateY(85deg)}.image-distinguish-11{filter:invert()grayscale()contrast(1400%);transform:scaleX(-1)rotate(180deg)}.image-distinguish-12{filter:hue-rotate(180deg)saturate(7000%)contrast(700%);transform:scaleY(-1)rotate(90deg)}.image-distinguish-13{filter:sepia()brightness(180%)contrast(800%);transform:perspective(100px)rotateX(45deg)rotateY(45deg)}.image-distinguish-14{filter:invert()hue-rotate(320deg)contrast(1000%);transform:perspective(100px)rotateX(-45deg)rotateY(45deg)}.image-distinguish-15{filter:grayscale()invert()brightness(180%);transform:perspective(150px)skew(25deg,15deg)}.image-distinguish-16{filter:hue-rotate(135deg)saturate(5000%)brightness(60%);transform:perspective(150px)skew(-25deg,-15deg)}.image-distinguish-17{filter:sepia()hue-rotate(200deg)saturate(4500%);transform:matrix(-1,.5,.7,-1,0,0)}.image-distinguish-18{filter:invert()hue-rotate(250deg)contrast(1200%);transform:matrix(1,.8,-.8,1,0,0)}.image-distinguish-19{filter:brightness(50%)hue-rotate(60deg)saturate(8000%);transform:perspective(120px)rotateX(65deg)rotate(35deg)}.image-distinguish-20{filter:brightness(180%)hue-rotate(300deg)saturate(8000%);transform:perspective(120px)rotateY(65deg)rotate(-35deg)}.image-distinguish-21{filter:invert()contrast(1500%)brightness(90%);transform:perspective(90px)rotateX(55deg)skew(30deg)}.image-distinguish-22{filter:sepia()contrast(1500%)brightness(90%);transform:perspective(90px)rotateY(55deg)skewY(30deg)}.image-distinguish-23{filter:hue-rotate(30deg)saturate(9000%)contrast(600%);transform:rotate(45deg)scaleX(-1)}.image-distinguish-24{filter:hue-rotate(210deg)saturate(9000%)contrast(600%);transform:rotate(-45deg)scaleY(-1)}.image-distinguish-25{filter:invert()hue-rotate(120deg)saturate(10000%);transform:perspective(70px)rotateX(88deg)}.image-distinguish-26{filter:invert()hue-rotate(240deg)saturate(10000%);transform:perspective(70px)rotateY(88deg)}.image-distinguish-27{filter:grayscale()brightness(250%)contrast(1800%);transform:perspective(100px)rotateX(80deg)rotateY(20deg)}.image-distinguish-28{filter:grayscale()brightness(30%)contrast(1800%);transform:perspective(100px)rotateY(80deg)rotateX(20deg)}.image-distinguish-29{filter:sepia()hue-rotate(160deg)saturate(12000%);transform:skew(35deg,-20deg)}.image-distinguish-30{filter:invert()hue-rotate(340deg)saturate(12000%);transform:skew(-35deg,20deg)}.image-distinguish-31{filter:hue-rotate(45deg)contrast(2000%)brightness(150%);transform:perspective(60px)rotateX(75deg)rotateY(50deg)}.image-distinguish-32{filter:hue-rotate(225deg)contrast(2000%)brightness(50%);transform:perspective(60px)rotateY(75deg)rotateX(50deg)}.image-distinguish-33{filter:invert()sepia()hue-rotate(90deg)saturate(15000%);transform:matrix(-1,1,.5,-1,0,0)}.image-distinguish-34{filter:invert()sepia()hue-rotate(270deg)saturate(15000%);transform:matrix(1,-1,-.5,1,0,0)}.image-distinguish-35{filter:brightness(250%)contrast(2500%)saturate(15000%);transform:perspective(50px)rotateX(85deg)rotateY(40deg)}.image-distinguish-36{filter:brightness(20%)contrast(2500%)saturate(15000%)invert();transform:perspective(50px)rotateY(85deg)rotateX(40deg)}