/* Same-page call: no second landing page or second start button. */
.inline-call { box-sizing:border-box; position:fixed; z-index:100; inset:0; width:100%; height:100%; height:100dvh; max-width:520px; max-height:100%; padding:0; margin:auto; border:0; border-radius:0; background:#fdf9fb; color:#33272f; overflow:hidden; font-family:Arial,"Microsoft YaHei",sans-serif; }
.inline-call[open] { display:flex; flex-direction:column; }
.inline-call:not([open]),.inline-call [hidden] { display:none!important; }
.inline-call::backdrop { background:#1b1323c7; }
.inline-call * { box-sizing:border-box; }
.inline-call-header { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 18px; padding-top:max(16px,env(safe-area-inset-top)); border-bottom:1px solid #ecdee6; background:#fff; flex-shrink:0; }
.inline-call-header h1 { font-size:17px; line-height:1.5; margin:0; font-weight:600; }
.inline-call-header a { font-size:13px; color:#843b56; text-decoration:none; padding:8px 0 8px 10px; }
.inline-call-main { overflow:auto; flex:1; min-height:0; padding:16px 18px; overscroll-behavior:contain; }
.inline-call .video-test-stage { position:relative; margin:0 auto 16px; width:min(100%,calc((100dvh - 300px)*.5625)); min-width:160px; aspect-ratio:9/16; border-radius:16px; overflow:hidden; background:#201821; }
.inline-call .video-test-stage img,.inline-call #video-test-remote { display:block; width:100%; height:100%; object-fit:contain; }
.inline-call #video-test-local { display:none; }
.inline-call-ai { position:absolute; left:10px; top:10px; border-radius:7px; background:#362633b8; color:white; padding:5px 8px; font-size:11px; pointer-events:none; }
.inline-call-info { padding:17px; border:1px solid #ecdee6; border-radius:15px; background:#fff; }
.inline-call-info h2 { font-size:18px; font-weight:600; margin:0 0 6px; }
.inline-call-info p { line-height:1.75; font-size:13px; color:#87727e; margin:0; }
.inline-call-facts { display:flex; gap:20px; flex-wrap:wrap; margin:14px 0 0; padding-top:13px; border-top:1px solid #f0e5eb; }
.inline-call-facts dt { font-size:12px; color:#8b7682; }
.inline-call-facts dd { font-size:15px; color:#843b56; margin:6px 0 0; font-variant-numeric:tabular-nums; }
.inline-call-info .inline-call-meter { font-size:19px; color:#44313d; margin-top:14px; font-variant-numeric:tabular-nums; }
.inline-call-info .call-low-balance { font-size:13px; color:#a05c22; }
.inline-call-info .inline-call-receipt { color:#843b56; font-size:17px; padding-top:15px; margin-top:14px; border-top:1px solid #ecdee6; }
.inline-call-actions { flex-shrink:0; background:#fff; padding:12px 18px; padding-bottom:max(12px,env(safe-area-inset-bottom)); display:flex; flex-direction:column; gap:9px; border-top:1px solid #ecdee6; }
.inline-call-actions button,.inline-call-actions a { font-family:inherit; }
.inline-call-primary,.inline-call-hangup,.inline-call-secondary { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; font-size:15px; padding:12px; border:0; border-radius:12px; text-decoration:none; }
.inline-call-primary { background:#843b56; color:#fff; }
.inline-call-hangup { background:#d24765; color:#fff; }
.inline-call-secondary { background:#f7edf2; color:#843b56; }
.inline-call-actions button:disabled { opacity:.6; cursor:wait; }
.inline-call-help { text-align:center; font-size:12px; padding:7px; color:#8b7682; text-decoration:none; }
.inline-live-controls { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.inline-live-controls button { min-height:44px; background:#f8f0f4; border:1px solid #eadce5; border-radius:10px; font-size:13px; color:#735163; }
.inline-live-controls button[aria-pressed="true"] { color:#9d294d; background:#fbe5ed; }
body.inline-call-open { overflow:hidden; }
body.showcase.call-recharge-open { overflow:hidden; }
body[data-call-phase="active"] .inline-call .video-test-stage { width:min(100%,calc((100dvh - 345px)*.5625)); }
body[data-call-phase="ended"] .inline-call .video-test-stage { width:112px; min-width:112px; margin-bottom:15px; }
@media(min-width:600px) { .inline-call { height:calc(100dvh - 36px); max-height:900px; border-radius:22px; } }