.button{border-radius:var(--btn-radius);padding:16px;color:var(--text-color-primary-inverse);text-align:center;font-size:16px;font-weight:590;background-color:var(--btn-color-primary);border:none;cursor:pointer;transition:all .2s ease}.button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button.disabled{opacity:.6;cursor:not-allowed}.button.secondary{background-color:#fff}.button.sm{padding:8px 12px}.fullWidth{width:100%}.loader{display:flex;justify-content:center;align-items:center;width:100%;height:100%;min-height:200px}.loader__spinner{display:flex;gap:12px;align-items:center}.loader__circle{width:16px;height:16px;background:linear-gradient(0deg,#cfab73 0% 100%),linear-gradient(320deg,#fff0 56.52%,#fff),linear-gradient(75deg,#576265 13.22%,#9ea1a1 28.14%,#848b8a 52.91%,#576265 61.26% 84.68%,#757a7b 93.5%,#576265);border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.loader__circle:nth-child(1){animation-delay:-.32s}.loader__circle:nth-child(2){animation-delay:-.16s}.loader__circle:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.callControls{display:flex;justify-content:center;align-items:center;gap:24px}.controlButton{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:58px;height:58px;border-radius:50%;border:none;background-color:#ffffff1a;color:#fff;cursor:pointer;transition:all .2s ease;padding:0}.controlButton[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.controlButton:hover{background-color:#fff3;transform:scale(1.05)}.controlButton:active{transform:scale(.95)}.controlButton.active{background-color:#fff3}.controlButton.endCall{background-color:#e74c3c}.controlButton.endCall:hover{background-color:#c0392b}.controlButton img{width:24px;height:24px;filter:brightness(0) invert(1)}@media (max-width: 480px){.callControls{gap:21px}.controlButton img{width:20px;height:20px}}.downloadNicegram{display:flex;align-items:center;gap:16px;border-radius:16px;background:linear-gradient(0deg,#cfab73 0% 100%),linear-gradient(320deg,#fff0 56.52%,#fff),linear-gradient(75deg,#576265 13.22%,#9ea1a1 28.14%,#848b8a 52.91%,#576265 61.26% 84.68%,#757a7b 93.5%,#576265);background-blend-mode:color,overlay,normal;padding:12px}.downloadNicegram.secondary{width:100%;max-width:var(--container-max-width);flex-direction:column;margin-top:80px}@media (max-width: 768px){.downloadNicegram.secondary{position:fixed;left:50%;transform:translate(-50%);border-radius:16px 16px 0 0;bottom:0}}.downloadNicegramInfo{display:flex;flex-direction:column}.downloadNicegramInfo.secondary{gap:8px;align-items:center}.downloadNicegramImage{width:123px;height:32px}.downloadNicegramText{color:var(--primary-text);font-size:20px;font-weight:500;letter-spacing:-.4px}.downloadNicegramText.secondary{text-align:center}.downloadNicegramButton{border-radius:var(--btn-radius);padding:8px 12px;color:var(--text-color-primary-inverse);text-align:center;font-size:17px;font-weight:600;letter-spacing:.17px;background:#fff;border:none;cursor:pointer;transition:opacity .2s ease}.downloadNicegramButton:hover{opacity:.9}.downloadNicegramButton:active{transform:translateY(1px)}.participantInfo{display:flex;flex-direction:column;align-items:center}.participantAvatar{width:140px;height:140px;border-radius:50%;object-fit:cover;margin-bottom:40px}.participantInfoContent{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.participantInfoName{color:var(--primary-text-inverse);text-align:center;font-size:34px;font-weight:600;letter-spacing:-.68px}.participantInfoDescription{color:var(--primary-text-inverse);text-align:center;font-size:20px;font-weight:400;letter-spacing:-.4px}.participantError{display:flex;flex-direction:column;align-items:center}.participantErrorTitle{color:var(--primary-text-inverse);text-align:center;font-size:28px;font-weight:600;letter-spacing:-.56px;margin-top:8px}.popup-overlay{--popup-bg: #1F1F1F;--overlay-bg: rgba(0, 0, 0, .5);--panel-radius: 16px;--panel-padding: 16px;--animation-duration: .36s;--panel-width: 320px;position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--overlay-bg);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff}.popup-panel{width:calc(var(--panel-width));max-width:calc(100% - 32px);background:var(--popup-bg);border-radius:var(--panel-radius);padding:var(--panel-padding);box-shadow:0 10px 30px #0003;position:relative;transform-origin:center}.popup-close{position:absolute;top:8px;right:8px;border:none;background:transparent;font-size:20px;line-height:1;cursor:pointer}.popup-content{margin-top:8px}@keyframes slideInFromBottom{0%{transform:translateY(28px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(28px);opacity:0}}@keyframes showing{0%{opacity:0}to{opacity:1}}@keyframes hiding{0%{opacity:1}to{opacity:0}}.popup-overlay.shown{animation:showing var(--animation-duration) cubic-bezier(.2,.9,.3,1) both}.popup-overlay.closing{animation:hiding var(--animation-duration) cubic-bezier(.2,.9,.3,1) both}.popup-panel.slide-in{animation:slideInFromBottom var(--animation-duration) cubic-bezier(.2,.9,.3,1) both}.popup-panel.slide-in-out{animation:slideOutToBottom var(--animation-duration) cubic-bezier(.2,.9,.3,1) both}@media (max-width: 520px){:root{--panel-width: calc(100% - 24px) }.popup-panel{border-radius:10px;padding:16px}}@media (prefers-reduced-motion: reduce){.popup-panel{animation:none!important}.popup-overlay{transition:none!important}}.perm-title{font-size:20px;font-weight:600;letter-spacing:-.4px;text-align:center;margin-bottom:8px}.perm-description{color:var(--Text-Secondary, #707579);text-align:center;font-size:14px;font-weight:400;line-height:160%;letter-spacing:.14px}.perm-buttons{display:flex;gap:8px;margin-top:16px}.perm-buttons button{cursor:pointer}.perm-cancel{flex:1;border-radius:60px;border:2px solid rgba(255,255,255,.06);padding:12px 16px;background:transparent;font-size:18px;color:#fff;font-weight:400}.perm-allow{flex:1;border-radius:60px;background:#cfab73;padding:12px 16px;font-size:18px;color:#000;font-weight:600;border:none}.callPage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:40px}.callPage.centered{justify-content:center}@media (max-width: 768px){.callPage.centered{padding-bottom:150px}}.callView{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;gap:50px}.callEndedInfo{display:flex;flex-direction:column;align-items:center}.callEndedAvatar{width:140px;height:140px;border-radius:50%;background:#ffffff1a;margin-bottom:40px}.callEndedContent{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}.callEndedTitle{color:var(--primary-text-inverse);text-align:center;font-size:34px;font-weight:600;letter-spacing:-.68px}.callEndedDescription{color:var(--text-color-secondary);text-align:center;font-size:20px;font-weight:400;letter-spacing:-.4px;max-width:320px}.videoCall{position:relative;width:100%;height:400px;background:#000;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}.videoCall__remote{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.videoCall__remoteVideo{width:100%;height:100%;object-fit:cover;background:#1a1a1a}.videoCall__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2c3e50,#34495e)}.videoCall__placeholderContent{text-align:center;color:#fff}.videoCall__avatar{font-size:48px;margin-bottom:16px}.videoCall__audioIndicator{position:absolute;top:16px;right:16px;background:#000000b3;color:#fff;padding:8px;border-radius:50%;font-size:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.videoCall__local{position:absolute;top:16px;left:16px;width:120px;height:90px;border-radius:8px;overflow:hidden;background:#1a1a1a;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}.videoCall__localVideo{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.videoCall__localVideo--disabled{opacity:.3}.videoCall__localPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffffff80}.videoCall__localControls{position:absolute;bottom:4px;right:4px;display:flex;gap:2px}.videoCall__indicator{background:#e74c3ce6;color:#fff;padding:2px 4px;border-radius:4px;font-size:10px;line-height:1}@media (max-width: 768px){.videoCall{height:300px}.videoCall__local{width:80px;height:60px;top:12px;left:12px}.videoCall__audioIndicator{width:32px;height:32px;font-size:14px;top:12px;right:12px}.videoCall__avatar{font-size:36px;margin-bottom:12px}}@media (max-width: 480px){.videoCall{height:250px;border-radius:8px}.videoCall__local{width:60px;height:45px;top:8px;left:8px}.videoCall__audioIndicator{width:28px;height:28px;font-size:12px;top:8px;right:8px}}.app{display:flex;flex-direction:column;min-height:100dvh;padding:80px 0}@media (max-width: 430px){.app{padding:12px 0}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-spacing:0;border-collapse:collapse}:root{--container-max-width: 430px;--container-padding-size: 20px;--scrollbar-width: 0px}@media (max-width: 430px){:root{--container-padding-size: 12px}}:root{--primary-text: #000;--primary-text-inverse: #fff;--bg-color-primary: rgba(0, 0, 0, .8);--bg-color-primary-inverse: #fff;--bg-color-white: #fff;--bg-color-black: #000;--bg-color-success: #00c230;--bg-color-danger: #ff453a;--bg-color-sol: #daff01;--bg-color-sol-secondary: rgb(218, 255, 1, .15);--btn-radius: 20px;--btn-color-primary: #cfab73;--border-color-primary: rgb(255, 255, 255, .8);--border-color-secondary: rgb(255, 255, 255, .4);--border-color-thirty: rgb(255, 255, 255, .1);--border-color-sol: rgb(218, 255, 1, 1);--text-color-primary: #fff;--text-color-primary-inverse: #000;--text-color-secondary: rgb(255, 255, 255, .8);--text-color-thirty: rgb(255, 255, 255, .4);--text-color-sol: #daff01;--text-color-link: var(--text-color-sol);--text-color-danger: #f00f}html,body{background-color:var(--bg-color-primary)}html{overflow:hidden auto;font-size:16px}html[data-scroll-lock=true]{overflow:hidden}html[data-scroll-lock=true] body{padding-right:var(--scrollbar-width, 0);overflow:hidden}html,*{box-sizing:border-box;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100vh;font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:normal;color:var(--text-color-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-family:inherit;font-size:inherit;font-weight:400;color:var(--text-color-link);text-decoration:underline;letter-spacing:0}p{font-size:16px;font-weight:400;line-height:1.4;color:var(--text-color-secondary);letter-spacing:.16px;white-space:pre-line}.container{position:relative;width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding-size)}