#callDialog{width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);box-sizing:border-box;padding:22px 24px;border:1px solid #dce5f3;border-radius:30px;background:linear-gradient(160deg,#f5f9ff,#fff 60%,#eef3ff);color:#14294e;box-shadow:0 28px 100px #10244955;overflow:auto;text-align:center}
#callDialog::backdrop{background:#0a193bc9;backdrop-filter:blur(7px)}
#callDialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
#callDialog h2{font-size:16px;margin:0;color:#194895}
#callDialog #closeCall{width:34px;height:34px;padding:0;border-radius:50%;font-size:24px;background:#e7edf8;color:#194895;border:0}
#callDialog .call-persona{padding:12px 0 0;margin:0;background:transparent;border:0;box-shadow:none}
#callDialog .robot-wrap{width:160px;height:160px;margin:0 auto 10px;border-radius:50%;background:radial-gradient(circle,#e3eeff,transparent 72%);display:grid;place-items:center}
#callDialog .robot{width:150px;height:150px;object-fit:contain}
#callDialog .call-persona strong{display:block;font-size:28px;letter-spacing:.5px}
#callDialog #callState{font-size:15px;min-height:24px;margin:6px 0;color:#536682}
#callDialog .privacy{font-size:11px;line-height:1.7;color:#67758a;margin:14px auto;max-width:350px}
#callDialog #callCountdown{font:700 36px/1.2 system-ui;color:#194895;margin:8px 0}
#callDialog #callCountdown:empty{display:none}
#callDialog .call-limit{display:inline-block;margin:8px 0;padding:7px 14px;border:1px solid #e6d78b;border-radius:30px;background:#fff9dc;color:#6e5715;font-size:12px}
#callDialog #callTime{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700;margin:8px 0;min-height:24px}
#callDialog .call-buttons{display:flex;justify-content:center;align-items:flex-start;gap:54px;margin:15px 0 38px}
#callDialog .call-control{position:relative;display:grid;place-items:center;flex:none;width:64px;height:64px;min-width:0;padding:19px;border:0;border-radius:50%;background:#e3eaf5;color:#194895;box-shadow:0 5px 14px #17336312;overflow:visible}
#callDialog .call-control svg,#callDialog .call-redial svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#callDialog .call-control span{position:absolute;top:73px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;color:#44566f}
#callDialog .call-end{background:#e84553;color:white;box-shadow:0 5px 18px #e8455330}
#callDialog .call-end svg{transform:rotate(135deg)}
#callDialog .call-control:disabled{opacity:.4;cursor:default}
#callDialog .call-control.muted{background:#194895;color:white}
#callDialog .mic-slash{display:none}
#callDialog .muted .mic-slash{display:block}
#callDialog .call-redial{display:inline-flex;justify-content:center;align-items:center;gap:10px;background:#194895;color:white;padding:11px 22px;border:0;border-radius:30px;margin:12px 0}
#callDialog.call-active .call-redial{display:none}
#callDialog #recordingState{font-size:12px;line-height:1.7;color:#5a6d85;margin:12px 0}
#callDialog .transcript:empty{display:none}
#callDialog .transcript{max-height:100px;overflow:auto;text-align:right;font-size:12px;background:#fff;border:1px solid #dce5f3;border-radius:12px;padding:10px}
@media(max-width:480px){#callDialog{padding:18px;border-radius:24px}#callDialog .robot-wrap{width:135px;height:135px}#callDialog .robot{width:130px;height:130px}}
@media(max-height:700px){#callDialog .robot-wrap{width:100px;height:100px;margin-bottom:0}#callDialog .robot{width:95px;height:95px}#callDialog .privacy{margin:8px auto}#callDialog .dialog-heading{margin-bottom:4px}}