:root{color:#fff;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--call-aspect-ratio:390 / 844;background:#11100f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#video-call{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#11100f}button{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible{outline-offset:3px;outline:2px solid #fffffff0}button:disabled{cursor:progress;opacity:.62}.video-call{isolation:isolate;-webkit-user-select:none;user-select:none;background:#11100f;position:relative}.media-stage,.local-fallback,.remote-placeholder,.call-shade{position:absolute;inset:0}.media-stage{z-index:0;overflow:hidden}.local-fallback{z-index:0;background:radial-gradient(circle at 50% 34%,#5f574e,#201d1a 68%,#0c0b0a);place-items:center;display:grid}.local-fallback img{object-fit:cover;opacity:.48;filter:blur(22px)saturate(.55)brightness(.58);width:112%;height:112%;transform:scale(1.08)}.local-preview,.remote-video{background:0 0;border:0;transition:opacity .18s,width .26s,height .26s,inset .26s,border-radius .26s;display:block;position:absolute}.local-preview{z-index:4;object-fit:cover;opacity:0;width:100%;height:100%;inset:0;transform:scaleX(-1)}body[data-camera=on] .local-preview{opacity:1}body[data-camera-facing=environment] .local-preview{transform:none}body[data-local-effect=blur] .local-preview{filter:blur(15px)saturate(.82);transform:scaleX(-1)}body[data-camera-facing=environment][data-local-effect=blur] .local-preview{transform:none}.remote-placeholder{z-index:1;background:radial-gradient(circle at 50% 35%,#3c3732,#171513 70%,#080808);place-items:center;display:grid;overflow:hidden}.remote-placeholder img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portrait-monogram{color:#ffffff80;font:600 68px/1 Songti SC,STSong,SimSun,serif}.remote-video{z-index:2;object-fit:cover;pointer-events:none;width:100%;height:100%;inset:0}.swap-view{z-index:8;background:0 0;border:1px solid #ffffff29;border-radius:13px;padding:0;display:none;position:absolute;box-shadow:0 10px 30px #00000052}.call-shade{z-index:5;pointer-events:none;background:linear-gradient(#00000085,#0000 25%),linear-gradient(#0000 61%,#000000a8);transition:opacity .24s}.call-topbar{z-index:20;padding:calc(var(--safe-top) + 14px) calc(var(--safe-right) + 18px) 10px calc(var(--safe-left) + 18px);opacity:1;grid-template-columns:48px 1fr 48px;align-items:center;transition:opacity .22s,transform .22s;display:grid;position:absolute;top:0;left:0;right:0}.round-icon,.icon-action{color:#fff;-webkit-backdrop-filter:blur(12px);background:#0d0d0d6b;border-radius:50%;place-items:center;display:grid}.round-icon{width:46px;height:46px}.round-icon svg{width:29px;height:29px}.call-duration{font-variant-numeric:tabular-nums;letter-spacing:.02em;justify-self:center;font-size:20px}.topbar-spacer{width:46px;height:46px}.call-identity{z-index:10;top:calc(var(--safe-top) + 15.5vh);text-align:center;text-shadow:0 1px 7px #00000059;flex-direction:column;align-items:center;transition:opacity .22s,transform .22s;display:flex;position:absolute;left:24px;right:24px}.identity-avatar{aspect-ratio:1;background:#ffffff21;border-radius:17px;place-items:center;width:clamp(86px,23vw,112px);display:grid;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000002e}.identity-avatar img{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.identity-avatar .portrait-monogram{font-size:42px}h1{letter-spacing:.01em;margin:14px 0 0;font-size:clamp(26px,7vw,34px);font-weight:450}.identity-badge{color:#ffffffbf;-webkit-backdrop-filter:blur(10px);background:#1916146b;border-radius:999px;margin-top:10px;padding:5px 11px;font-size:clamp(12px,3.2vw,15px)}.dialing-dots{gap:10px;margin-top:22px;display:none}.dialing-dots i{background:#ffffffb3;border-radius:50%;width:9px;height:9px;animation:1.25s ease-in-out infinite dialing}.dialing-dots i:nth-child(2){animation-delay:.16s}.dialing-dots i:nth-child(3){animation-delay:.32s}@keyframes dialing{0%,70%,to{opacity:.34;transform:translateY(0)}35%{opacity:1;transform:translateY(-4px)}}.call-status{color:#ffffffb3;letter-spacing:.01em;margin:24px 0 0;font-size:clamp(16px,4.2vw,20px)}.precall-panel,.active-controls{z-index:20;padding:12px calc(var(--safe-right) + 24px) calc(var(--safe-bottom) + 26px) calc(var(--safe-left) + 24px);position:absolute;bottom:0;left:0;right:0}.precall-tools,.primary-controls,.secondary-controls,.incoming-actions{justify-content:space-around;align-items:flex-start;gap:12px;display:flex}.incoming-actions{justify-content:space-between;margin-top:30px;padding:0 7vw}.tool-button,.call-action{color:#ffffffe0;white-space:nowrap;background:0 0;flex-direction:column;align-items:center;gap:9px;min-width:76px;font-size:clamp(12px,3.3vw,15px);display:flex}.button-disc{aspect-ratio:1;border-radius:50%;place-items:center;width:clamp(58px,17vw,76px);transition:background .16s,color .16s,transform .12s;display:grid}.tool-button:active .button-disc,.call-action:active .button-disc,.icon-action:active,.hangup:active{transform:scale(.94)}.button-disc svg{width:47%;height:47%}.tool-button.light .button-disc{color:#070707;background:#fffffff5}.tool-button.dark .button-disc{color:#fff;-webkit-backdrop-filter:blur(12px);background:#0e0e0e61}.tool-button[aria-pressed=false][data-action=camera] .button-disc{color:#ffffffdb;background:#1818187a}.tool-button[aria-pressed=true] .mic-slash{display:block}.mic-slash{display:none}.call-action .button-disc{color:#fff;width:clamp(68px,20vw,88px)}.call-action.decline .button-disc{background:#e34b4f}.call-action.answer .button-disc{background:#05c46b}.active-controls{opacity:1;transition:opacity .22s,transform .22s;transform:translateY(0)}.primary-controls{max-width:520px;margin:0 auto}.secondary-controls{align-items:center;max-width:430px;margin:26px auto 0}.icon-action,.hangup{aspect-ratio:1;width:clamp(54px,15vw,70px)}.icon-action svg{width:48%;height:48%}.hangup{color:#fff;background:#ff4d53;border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 22px #ff4d533d}.hangup svg{width:49%;height:49%}.call-notice{z-index:30;left:50%;bottom:calc(var(--safe-bottom) + 226px);color:#ffffffe6;text-align:center;-webkit-backdrop-filter:blur(12px);background:#101010ad;border-radius:12px;width:min(84vw,420px);margin:0;padding:9px 14px;font-size:13px;line-height:1.5;position:absolute;transform:translate(-50%)}.call-notice:empty{display:none}.privacy-note{z-index:22;left:18px;right:18px;bottom:calc(var(--safe-bottom) + 6px);color:#ffffff7a;letter-spacing:.02em;text-align:center;margin:0;font-size:10px;position:absolute}body[data-state=incoming] .call-duration,body[data-state=ended] .call-duration,body[data-state=connecting] .call-duration,body[data-state=incoming] .active-controls,body[data-state=ended] .active-controls,body[data-state=connecting] .precall-panel,body[data-state=awake] .precall-panel,body[data-state=awake] .call-identity,body[data-state=incoming] .remote-video,body[data-state=incoming] .remote-placeholder,body[data-state=connecting] .remote-video,body[data-state=connecting] .remote-placeholder,body[data-state=ended] .remote-video{display:none}body[data-state=connecting] .active-controls,body[data-state=awake] .active-controls{display:block}body[data-state=connecting] .dialing-dots{display:flex}body[data-state=connecting] .call-identity{top:calc(var(--safe-top) + 13vh)}body[data-state=connecting] .call-status{margin-top:14px}body[data-state=awake] .local-fallback{display:none}body[data-state=awake] .swap-view,body[data-state=awake][data-primary=remote] .local-preview,body[data-state=awake][data-primary=local] .remote-video,body[data-state=awake][data-primary=local] .remote-placeholder{inset:calc(var(--safe-top) + 82px) calc(var(--safe-right) + 18px) auto auto;width:clamp(112px,29vw,184px);height:auto;aspect-ratio:var(--call-aspect-ratio);object-fit:cover;border-radius:13px}body[data-state=awake][data-camera=on] .swap-view{display:block}body[data-state=awake][data-primary=remote] .local-preview{z-index:7}body[data-state=awake][data-primary=local] .local-preview{z-index:2;aspect-ratio:auto;object-fit:cover;border-radius:0;width:100%;height:100%;inset:0}body[data-state=awake][data-primary=local] .remote-placeholder{z-index:6}body[data-state=awake][data-primary=local] .remote-video{z-index:7}body[data-state=awake][data-camera=off] .local-preview,body[data-state=awake] .privacy-note,body[data-state=ended] .precall-tools,body[data-state=ended] #decline{display:none}body[data-state=ended] .incoming-actions{justify-content:center;margin-top:0}body[data-state=ended] .call-identity{top:25vh}body[data-state=awake][data-controls=hidden] .call-topbar,body[data-state=awake][data-controls=hidden] .active-controls{opacity:0;pointer-events:none}body[data-state=awake][data-controls=hidden] .call-topbar{transform:translateY(-14px)}body[data-state=awake][data-controls=hidden] .active-controls{transform:translateY(16px)}body[data-state=awake][data-controls=hidden] .call-shade{opacity:0}@media (min-width:700px){body{background:#090909}.video-call{width:min(100vw,620px);margin:0 auto;box-shadow:0 0 90px #00000094}.tool-button{font-size:14px}}@media (max-height:650px) and (orientation:landscape){.video-call{width:100%;max-width:none}.call-identity{top:calc(var(--safe-top) + 54px);left:16%;right:16%}.identity-avatar{border-radius:12px;width:68px}h1{margin-top:8px;font-size:22px}.identity-badge{display:none}.call-status{margin-top:9px;font-size:14px}.precall-panel,.active-controls{width:min(52vw,430px);padding-bottom:calc(var(--safe-bottom) + 12px);left:auto}.incoming-actions{margin-top:14px}.secondary-controls{margin-top:12px}.button-disc{width:54px}.call-action .button-disc{width:62px}body[data-state=awake] .swap-view,body[data-state=awake][data-primary=remote] .local-preview,body[data-state=awake][data-primary=local] .remote-video,body[data-state=awake][data-primary=local] .remote-placeholder{top:calc(var(--safe-top) + 58px);width:116px}.privacy-note{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}