.cl{--e:cubic-bezier(.2,.8,.2,1);--sp:cubic-bezier(.34,1.5,.4,1);position:fixed;inset:0;z-index:9500;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 56px) 24px calc(env(safe-area-inset-bottom) + 40px);color:#fff;background:#0f0f14;overflow:hidden;animation:clIn .55s var(--e) both}.cl.hidden{display:none}@keyframes clIn{from{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}.cl-bg{position:absolute;inset:0;z-index:0}.cl-bg i{position:absolute;border-radius:50%;animation:msFloat 10s ease-in-out infinite;will-change:transform}.cl-bg .b1{width:520px;height:520px;left:-160px;top:-140px;background:radial-gradient(circle,rgba(227,154,98,.55),transparent 65%)}.cl-bg .b2{width:480px;height:480px;right:-180px;top:34%;background:radial-gradient(circle,rgba(124,140,255,.45),transparent 65%);animation-delay:-4s}.cl-bg .b3{width:420px;height:420px;left:10%;bottom:-160px;background:radial-gradient(circle,rgba(224,112,143,.4),transparent 65%);animation-delay:-7s}.cl-remote{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;background:#000}.cl-remote.hidden{display:none}.cs-video-bg{position:absolute;right:14px;top:calc(env(safe-area-inset-top) + 14px);width:104px;height:150px;border-radius:20px;overflow:hidden;z-index:4;box-shadow:0 14px 30px -8px rgba(0,0,0,.6);background:#222}.cs-video-bg.hidden{display:none}.cs-self-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.cs-self-video.hidden{display:none}.cl-top,.cl-mid,.cl-ctrl{position:relative;z-index:3}.cl-top{text-align:center}.cs-status{font-size:15px;font-weight:700;letter-spacing:.2px;color:rgba(255,255,255,.85)}.cs-timer{margin-top:6px;font-size:34px;font-weight:300;letter-spacing:1px;font-variant-numeric:tabular-nums;font-family:var(--font)}.cl-mid{display:flex;flex-direction:column;align-items:center;gap:20px}.cs-avatar-wrap{position:relative;width:150px;height:150px;display:grid;place-items:center}.cs-avatar{position:relative;z-index:2;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;font-size:54px;font-weight:800;color:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.18),0 24px 50px -10px rgba(0,0,0,.6);overflow:hidden}.cs-avatar img{width:100%;height:100%;object-fit:cover}.cl-ring{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,255,255,.35);opacity:0;animation:clPing 3s ease-out infinite}.cl-ring.r2{animation-delay:1s}.cl-ring.r3{animation-delay:2s}@keyframes clPing{0%{transform:scale(.9);opacity:.6}100%{transform:scale(2.1);opacity:0}}.cl.active .cl-ring{animation-duration:4.5s;border-color:rgba(255,255,255,.2)}.cs-mic-ring{position:absolute;inset:-6px;border-radius:50%;border:3px solid #7CFFB2;opacity:0;z-index:1;transition:opacity .1s,transform .1s}.cs-name{font-size:30px;font-weight:800;letter-spacing:-.6px;text-align:center}.cl-sub{font-size:13.5px;font-weight:600;color:rgba(255,255,255,.65);min-height:18px}.cl-ctrl{display:flex;gap:14px;justify-content:center;width:100%}.cl-b{width:74px;display:flex;flex-direction:column;align-items:center;gap:8px;color:#fff;transition:transform .4s var(--sp)}.cl-b:active{transform:scale(.9)}.cl-b svg{width:62px;height:62px;padding:19px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:background-color .3s,transform .5s var(--sp),color .3s}.cl-b small{font-size:11.5px;font-weight:700;color:rgba(255,255,255,.8)}.cl-b .sl{opacity:0;transition:opacity .2s}.cl-b.on svg{background:#fff;color:#111}.cl-b.on .sl{opacity:1}.cl-b.end svg{background:linear-gradient(150deg,#ff6a7d,#d92a44);border-color:transparent;box-shadow:0 14px 28px -8px #d92a44}.cl-b.ok svg{background:linear-gradient(150deg,#46cf8c,#25955f);border-color:transparent;box-shadow:0 14px 28px -8px #25955f;animation:clRing 1.1s ease-in-out infinite}@keyframes clRing{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}}.cl-ctrl.two{gap:90px}html.fx-nodemo .cl-bg i,html.fx-nodemo .cl-ring,html.fx-nodemo .cl-b.ok svg{animation:none}.cl-row{display:flex;align-items:center;gap:14px;padding:11px 18px;position:relative}.cl-row+.cl-row:before{content:"";position:absolute;left:88px;right:0;top:0;height:1px;background:var(--line-soft)}.cl-row .avatar{width:52px!important;height:52px!important;border-radius:50%!important;font-size:20px;flex:none;overflow:hidden}.cl-row .avatar img{width:100%;height:100%;object-fit:cover}.cl-inf{flex:1;min-width:0}.cl-inf b{display:block;font-size:16.5px;font-weight:780;letter-spacing:-.2px;color:var(--ink)}.cl-inf.missed b{color:var(--danger)}.cl-inf small{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:13px;color:var(--ink-soft)}.cl-inf small svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cl-inf small.out svg{color:var(--brown)}.cl-inf small.in svg{color:#25955f}.cl-inf small.missed svg{color:var(--danger)}.cl-tm{font-size:12px;font-weight:650;color:var(--ink-faint);white-space:nowrap}.cl-go{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;color:var(--brown);background:var(--brown-faint);transition:transform .35s var(--sp)}.cl-go:active{transform:scale(.86)}.cl-go svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.cl-sum{display:flex;gap:10px;padding:6px 16px 10px}.cl-sum div{flex:1;padding:12px 6px;border-radius:20px;text-align:center;background:var(--surface);border:1px solid var(--line-soft);box-shadow:var(--sh-1)}.cl-sum b{display:block;font-size:22px;font-weight:900;letter-spacing:-.5px;color:var(--brown)}.cl-sum small{font-size:10.5px;font-weight:800;letter-spacing:.4px;color:var(--ink-soft)}.cl-empty{margin:40px 30px;text-align:center;color:var(--ink-soft);font-size:14px;line-height:1.5}.cl-empty b{display:block;font-size:18px;color:var(--ink);margin-bottom:5px}#screen-calls .stats-card{display:none}#screen-calls .card{border:0;box-shadow:none;background:transparent}