.space{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0d0f12;transform-style:preserve-3d}.space__bg{position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:radial-gradient(60% 55% at 50% 45%,#64788c1a,#283c5a0f 25%,#0d0f1200 60%),radial-gradient(75% 75% at 50% 50%,#ffffff0f,#0d0f1200 55%),radial-gradient(120% 120% at 50% 50%,#0e0f1000,#0000008c 70%,#000000c7),linear-gradient(180deg,#0e1116,#0b0d10);filter:saturate(1.05);pointer-events:none;transition:background .55s ease,filter .55s ease}.space--incoming .space__bg{background:radial-gradient(60% 55% at 50% 46%,#35db7447,#20855529 34%,#0d0f1200 67%),radial-gradient(90% 75% at 50% 70%,#64ffaa2e,#0d0f1200 58%),radial-gradient(120% 120% at 50% 50%,#0e0f1000,#0000007a 70%,#000000bd),linear-gradient(180deg,#07140f,#080d0b);filter:saturate(1.24)}.space--outgoing .space__bg{background:radial-gradient(58% 54% at 50% 46%,#ffcf4747,#ad852329 35%,#0d0f1200 68%),radial-gradient(90% 75% at 50% 70%,#ffe78429,#0d0f1200 58%),radial-gradient(120% 120% at 50% 50%,#0e0f1000,#0000007a 70%,#000000bd),linear-gradient(180deg,#151107,#0d0b08);filter:saturate(1.18)}.viewport__layer{width:100%;height:100%;perspective:300px;perspective-origin:50% 50%;position:absolute;pointer-events:none;opacity:.9}.space__layer{width:100%;height:100%;top:-30%;right:-30%;bottom:-30%;left:-30%;transform-style:preserve-3d}.space__star{position:absolute;left:50%;top:50%}.space__star_inside{animation-name:drift;animation-iteration-count:infinite;border-radius:50%;background-color:#fff;width:100%;height:100%}.space--incoming .space__star,.space--outgoing .space__star{animation:star-vibration .16s linear infinite}@keyframes drift{0%{transform:translateZ(0)}25%{transform:translate3d(-16px,-8px,12px)}50%{transform:translate3d(-2px,12px,-24px)}50%{transform:translate3d(16px,2px,-10px)}to{transform:translateZ(0)}}@keyframes star-vibration{0%{margin-left:0;margin-top:0}25%{margin-left:2px;margin-top:-1px}50%{margin-left:-2px;margin-top:1px}75%{margin-left:1px;margin-top:2px}to{margin-left:0;margin-top:0}}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#0b0b0f;color:#fff}html,body{height:100vh;margin:0}body{overflow:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:auto}#root{position:fixed;top:0;right:0;bottom:0;left:0;height:100dvh}.stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.remoteVideo{transition:opacity .3s ease,filter .3s ease;opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.popup{background-color:#ffffffbf;position:absolute;z-index:1;pointer-events:none;opacity:1;overflow:hidden;border-radius:24px;display:flex;flex-direction:column;bottom:100%;left:50%;transform:translate(-50%);width:max-content;max-width:min(360px,calc(100vw - 16px));translate:-50% 100%;scale:0;transition:scale .3s ease,opacity .3s ease,translate .3s ease}.popup.visible{opacity:1;pointer-events:all;translate:none;scale:1}a{text-decoration:none;color:inherit;outline:none!important}a.block{display:block;padding:8px 16px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:background-color .2s ease}a.block.selected{background-color:#0000001a}a.block:hover{background-color:#0003}.remoteVideo.visible{opacity:1}.remoteVideo.cover{object-fit:cover}.remoteVideo.contain{object-fit:contain;background:#000}.localPip{position:absolute;top:0;left:0;width:min(28vw,320px);height:min(28vh,180px);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px #0000008c;background:#14141ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:left .22s ease,top .22s ease,transform .22s ease,opacity .22s ease;opacity:0;transform:scale(0);touch-action:none;cursor:grab}.localPip.dragging{transition:none;cursor:grabbing}.localPip.visible{opacity:1;transform:scale(1)}.localPip.portrait{width:min(24vw,220px);height:min(24vh,360px)}.localPip video{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.topBar{position:absolute;left:32px;right:32px;top:16px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.topBar.visible{transform:translateY(0);opacity:1}.badges{display:flex;gap:10px;flex-wrap:wrap;pointer-events:auto}.badge{display:inline-block;padding:7px 10px;border-radius:999px;background:#141422bf;border:1px solid rgba(255,255,255,.1);font-size:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.statusDot{width:14px;height:14px;border-radius:999px;border:2px solid rgba(255,255,255,.18);box-shadow:0 6px 16px #00000073;pointer-events:auto;transition:transform .3s ease,opacity .3s ease;transform:translate(-16px) translateY(-64px);opacity:0}.statusDot.visible{transform:translate(-16px) translateY(48px);opacity:1}.dotIdle{background:#ff3b30}.dotWaiting{background:#fc0}.dotInCall{background:#34c759}.controls{position:absolute;left:16px;bottom:16px;display:flex;gap:12px;width:calc(100% - 32px);align-items:flex-end;justify-content:center;pointer-events:auto;transition:transform .3s ease,opacity .3s ease;transform:translateY(64px);opacity:0}.column{flex-direction:column;display:flex;align-items:center}.controls.visible{opacity:1;transform:translateY(0)}.selectButton{cursor:pointer;color:#fff;opacity:.75;background:#fff0;font-size:32px;border:none;padding:4px 0;transition:color .3s ease,opacity .3s ease,transform .3s ease}.selectButton:hover{opacity:1;transform:translateY(-2px) scale(1.02)}button:disabled{opacity:.5;cursor:not-allowed}.logo{width:200px;height:120px;filter:invert(1);margin:-32px -48px;opacity:.75;transition:transform .3s ease,opacity .3s ease;transform:translate(-12px,32px) scale(.5)}.icon{width:24px;height:24px;vertical-align:middle;fill:currentColor}.logo.visible{transform:translateY(48px)}.logo.full{transform:translate(calc(50vw - 80px),calc(50vh - 40px)) scale(2.5)!important}.logo path{filter:drop-shadow(0px 0px 10px rgba(255,255,255,.75))}.kt-btn{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;justify-content:center;padding:12px;border-radius:50%;color:#333;background:#fff;font-weight:900;font-size:24px;line-height:1;opacity:.75;position:relative;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease,filter .3s ease}.kt-btn svg path{fill:#333}.kt-btn:hover{transform:translateY(-2px) scale(1.02);opacity:1}.kt-btn:active{transform:translateY(6px) scale(.99);opacity:1}.kt-btn:focus-visible{outline:none;filter:drop-shadow(0 0 .6rem rgba(6,182,212,.35))}.kt-btn:disabled{cursor:not-allowed;opacity:.25;transform:none}.topActions{display:flex;align-items:center;gap:12px;pointer-events:auto}.authTrigger{border:1px solid rgba(255,255,255,.25);background:#0c0c12bf;color:#fff;padding:8px 14px;border-radius:999px;font-size:14px;letter-spacing:.02em;cursor:pointer;transition:transform .2s ease,opacity .2s ease,border-color .2s ease;opacity:.85}.authTrigger:disabled{cursor:wait;opacity:.45}.authTrigger:hover{opacity:1;transform:translateY(-1px);border-color:#ffffff80}.friendsTrigger{position:relative;width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#0c0c12bf;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;opacity:.85;transition:transform .2s ease,opacity .2s ease,border-color .2s ease}.friendsTrigger:hover{opacity:1;transform:translateY(-1px);border-color:#ffffff80}.friendsTrigger b{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:#ff2d55;font-size:10px;font-weight:900;box-shadow:0 0 0 2px #0c0c12f2}.userTrigger{width:40px;height:40px;padding:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:20px}.userIcon{display:inline-flex;transform:translateY(1px)}.authOverlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060c8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:5;animation:authFade .2s ease}.authModal{width:min(420px,calc(100vw - 32px));max-height:min(760px,calc(100dvh - 32px));overflow:auto;background:radial-gradient(120% 120% at 0% 0%,#ffffff14,#0a0a12eb);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;box-shadow:0 20px 60px #00000080;animation:authPop .25s ease}.authHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.authTitle{font-size:18px;font-weight:700}.authClose{border:0;background:transparent;color:#fff;font-size:22px;cursor:pointer;opacity:.7}.authButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.authContent,.profilePanel{display:grid;gap:14px}.authProvider{border:0;border-radius:16px;padding:14px;color:#111;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:64px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,opacity .2s ease}.authProvider:hover{transform:translateY(-1px) scale(1.04);box-shadow:0 10px 22px #00000052}.authProvider-yandex{background:linear-gradient(135deg,#ffde00,#fc0)}.authProvider-google{background:linear-gradient(135deg,#fff,#e7e7e7)}.authProvider-apple{background:linear-gradient(135deg,#111,#000);color:#fff}.authProvider-facebook{background:linear-gradient(135deg,#1877f2,#0b5fd3);color:#fff}.authProvider-vk{background:linear-gradient(135deg,#4c75a3,#3b5f86);color:#fff}.providerLogo{width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffe6}.providerLogo svg{width:21px;height:21px;fill:currentColor}.providerLogo-google{color:#1f1f1f;background:#fff}.providerLogo-apple{color:#111;background:#fff}.providerLogo-facebook{color:#1877f2;background:#fff}.providerLogo-vk{color:#4c75a3;background:#fff}.providerLogo-yandex{background:transparent}.phoneAuth{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#ffffff0f}.phoneLabel,.socialTitle{color:#ffffffb8;font-size:13px;font-weight:700}.socialSubtitle{color:#ffffff8f;font-size:12px;font-weight:700;margin-top:6px;text-transform:uppercase}.phoneRow{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:10px}.phoneInput{min-width:0;height:48px;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:0 13px;color:#fff;background:#0000003d;font:inherit;outline:none}.phoneInput:focus{border-color:#ffffff61}.phoneSubmit,.phoneCheck,.friendCta,.shareBox button,.miniAction{border:0;cursor:pointer;font-weight:800;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease}.phoneSubmit{height:48px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#1d9bf0,#0875c9)}.phoneCheck{height:40px;border-radius:12px;color:#d8ecff;background:#1d9bf029}.phoneSubmit:hover,.phoneCheck:hover,.friendCta:hover,.shareBox button:hover,.miniAction:hover{transform:translateY(-1px)}.authHint,.authError,.emptyText{font-size:13px;line-height:1.4}.authHint,.emptyText{color:#ffffff9e}.authError{color:#ff9aa3;padding:10px 12px;border-radius:12px;background:#ff43581f}.profileHero{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:13px}.profileAvatar,.personAvatar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#fff;font-weight:900;background:linear-gradient(135deg,#14b8a6f2,#3b82f6f2);overflow:hidden}.profileAvatar{width:58px;height:58px;border-radius:19px;font-size:24px}.profileAvatar img,.personAvatar img{width:100%;height:100%;display:block;object-fit:cover}.profileName{color:#fff;font-size:20px;font-weight:850;line-height:1.1;overflow-wrap:anywhere}.profileMeta{margin-top:4px;color:#ffffff9e;font-size:13px;overflow-wrap:anywhere}.shareBox{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:15px;background:#ffffff12;border:1px solid rgba(255,255,255,.11)}.shareBox span{color:#ffffffc7;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shareBox button{padding:9px 11px;border-radius:11px;color:#08111f;background:#fff}.socialSection{display:grid;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0b}.personRow{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:9px}.personAvatar{width:40px;height:40px;border-radius:14px;font-size:16px}.personInfo{min-width:0;color:#fff;font-size:14px;font-weight:750}.personInfo div,.personInfo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.personInfo span{display:block;margin-top:2px;color:#ffffff8f;font-size:12px;font-weight:500}.miniAction{width:34px;height:34px;border-radius:12px;color:#fff;background:#22c55eb8}.miniAction.muted{background:#ffffff1f;color:#ffffffb8}.miniAction:disabled{cursor:default;opacity:.42;transform:none}.friendCta{height:48px;border-radius:15px;color:#07121f;background:#fff}.friendCta:disabled{cursor:default;opacity:.72;transform:none}.publicProfileModal{width:min(380px,calc(100vw - 32px))}.friendsModal{width:min(460px,calc(100vw - 32px))}.directCallScreen{position:fixed;z-index:70;left:50%;bottom:max(22px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(420px,calc(100vw - 28px));border:1px solid rgba(255,255,255,.16);border-radius:30px;background:#10131db8;box-shadow:0 20px 70px #0000007a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:authPop .18s ease both;display:grid;justify-items:center;gap:14px;padding:22px 22px 20px}.directCallScreen.incoming{box-shadow:0 24px 80px #00000080,0 0 52px #31d67529}.directCallScreen.outgoing{box-shadow:0 24px 80px #00000080,0 0 52px #ffcd4429}.directCallAvatar{width:76px;height:76px;border-radius:26px;box-shadow:0 16px 34px #00000061}.directCallInfo{min-width:0;display:grid;gap:4px;text-align:center;max-width:100%}.directCallInfo b,.directCallInfo span{overflow:hidden;text-overflow:ellipsis}.directCallInfo b{font-size:22px;line-height:1.12;font-weight:950}.directCallInfo span{color:#ffffffad;font-size:14px;font-weight:800}.directCallActions{display:flex;justify-content:center;gap:24px}.callAccept,.callDecline{width:58px;height:58px;border:0;border-radius:50%;color:#fff;cursor:pointer;font-size:28px;font-weight:900;display:grid;place-items:center}.callAccept{background:#21c45d}.callDecline{background:#ff3b30}.authJson{margin:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.14);border-radius:12px;padding:12px;max-height:min(60vh,480px);overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.45}.authLogout{margin-top:12px;width:100%;border:0;border-radius:10px;padding:10px 12px;cursor:pointer;font-weight:700;color:#fff;background:linear-gradient(135deg,#ff5f6d,#d91d2f);transition:transform .2s ease,box-shadow .2s ease}.authLogout.neutral{background:#fff;color:#10131d}.authLogout:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000004d}@keyframes authFade{0%{opacity:0}to{opacity:1}}@keyframes authPop{0%{transform:translateY(10px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}