.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}.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%}@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)}}*{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;right:16px;bottom:16px;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:transform .3s ease,opacity .3s ease;opacity:0;transform:translate(50%,50%) scale(0)}.localPip.visible{opacity:1;transform:translate(0) scale(1)}.localPip.portrait{width:min(24vw,220px);height:min(24vh,360px)}.localPip video{width:100%;height:100%;object-fit:cover}.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}