.videocall-practice[data-astro-cid-xevol7pk]{--vc-remote-avatar-size: var(--font-size-3xl);--vc-call-screen-bg: #1a1a2e;--vc-remote-bg: #181e36;--vc-end-call-bg: var(--color-error);--vc-end-call-hover: var(--color-danger-hover);--vc-on-primary-text: var(--color-on-primary);--vc-contact-hover-bg: var(--color-primary-50);--vc-self-preview-bg: #323252;--vc-self-preview-border: #ffffff4d;--vc-self-preview-color: #fff9;--vc-controls-bg: #0006;--vc-control-icon-bg: #fff3;--vc-control-icon-hover: #ffffff59;--vc-control-active-bg: var(--color-on-primary);--vc-control-active-hover: #ffffffd9;--vc-control-color: var(--color-on-primary);--vc-remote-name-color: var(--color-on-primary);--vc-timer-color: #ffffffb3;--vc-border: var(--color-border);--vc-header-avatar-bg: #ffffff40;--vc-header-btn-hover: #ffffff2e;--vc-header-target: var(--min-touch-target-sm);--vc-header-gap: var(--space-2);max-width:var(--max-width-xs);margin-inline:auto}@media(width>=360px){.videocall-practice[data-astro-cid-xevol7pk]{--vc-header-target: var(--min-touch-target);--vc-header-gap: var(--space-3)}}.contacts-list[data-astro-cid-xevol7pk]{display:flex;flex-direction:column;flex:1}.contact-item[data-astro-cid-xevol7pk]{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border:none;background:none;cursor:pointer;text-align:left;width:100%;font-family:inherit;border-bottom:1px solid var(--vc-border);color:var(--color-text);min-height:var(--min-touch-target)}@media(hover:hover){.contact-item[data-astro-cid-xevol7pk]:hover{background-color:var(--vc-contact-hover-bg)}}.contact-avatar[data-astro-cid-xevol7pk]{background-color:var(--color-primary);color:var(--vc-on-primary-text);font-size:var(--font-size-lg)}.contact-name[data-astro-cid-xevol7pk]{font-weight:600;font-size:var(--font-size-base)}.contact-detail[data-astro-cid-xevol7pk]{font-size:var(--font-size-sm);color:var(--color-text-muted)}.contact-time[data-astro-cid-xevol7pk]{align-self:flex-start;font-size:var(--font-size-xs);color:var(--color-text-muted);flex-shrink:0}.videocall-practice[data-astro-cid-xevol7pk] #step-call-start .phone-header{gap:var(--vc-header-gap)}.header-back[data-astro-cid-xevol7pk],.header-call-btn[data-astro-cid-xevol7pk]{min-width:var(--vc-header-target);min-height:var(--vc-header-target)}.header-back[data-astro-cid-xevol7pk]{margin-left:calc((24px - var(--vc-header-target)) / 2)}.header-avatar[data-astro-cid-xevol7pk]{background-color:var(--vc-header-avatar-bg);color:inherit}.header-name[data-astro-cid-xevol7pk]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-call-actions[data-astro-cid-xevol7pk]{display:flex;margin-left:auto;margin-right:calc((24px - var(--vc-header-target)) / 2)}.header-call-btn[data-astro-cid-xevol7pk]:focus-visible{outline:3px solid;outline-offset:-6px}@media(hover:hover){.header-call-btn[data-astro-cid-xevol7pk]:hover{background-color:var(--vc-header-btn-hover)}}.chat-view[data-astro-cid-xevol7pk]{display:flex;flex-direction:column;flex:1;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-bg)}.chat-bubble[data-astro-cid-xevol7pk]{align-self:flex-start;max-width:80%;margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--border-radius);background-color:var(--color-surface);border:1px solid var(--vc-border)}.chat-view[data-astro-cid-xevol7pk] .hint-text[data-astro-cid-xevol7pk]{margin-top:auto}.hint-text[data-astro-cid-xevol7pk]{font-size:var(--font-size-sm);color:var(--color-primary);margin:0;text-align:center;animation:2s ease-in-out infinite pulse-hint}.contacts-hint[data-astro-cid-xevol7pk]{margin-top:auto;padding:var(--space-4)}.hint-nudge[data-astro-cid-xevol7pk]{animation:.4s ease-in-out hint-nudge}@keyframes hint-nudge{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes pulse-hint{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.videocall-practice[data-astro-cid-xevol7pk] .call-frame{background-color:var(--vc-call-screen-bg);min-height:min(500px,65vh)}.videocall-practice[data-astro-cid-xevol7pk] .call-frame .phone-header{display:none}.call-screen[data-astro-cid-xevol7pk]{display:flex;flex-direction:column;flex:1;position:relative}.call-remote-video[data-astro-cid-xevol7pk]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background-color:var(--vc-remote-bg);padding:var(--space-6) var(--space-5)}.sim-avatar[data-astro-cid-xevol7pk].remote-avatar{width:96px;height:96px;background-color:var(--color-primary);color:var(--vc-on-primary-text);font-size:var(--vc-remote-avatar-size)}.remote-name[data-astro-cid-xevol7pk]{color:var(--vc-remote-name-color);font-size:var(--font-size-xl);font-weight:600;line-height:var(--line-height-tight);margin:0}.call-status[data-astro-cid-xevol7pk]{min-height:2.8em;margin:0;color:var(--vc-timer-color);font-size:var(--font-size-base);line-height:var(--line-height-snug);text-align:center}.call-timer[data-astro-cid-xevol7pk]{color:var(--vc-timer-color);font-size:var(--font-size-base);line-height:var(--line-height-snug);margin:0;font-variant-numeric:tabular-nums}.call-timer[data-astro-cid-xevol7pk].is-waiting{visibility:hidden}.call-self-preview[data-astro-cid-xevol7pk]{position:absolute;top:var(--space-4);right:var(--space-4);width:64px;height:84px;background-color:var(--vc-self-preview-bg);border-radius:var(--border-radius);border:2px solid var(--vc-self-preview-border);display:flex;align-items:center;justify-content:center;color:var(--vc-self-preview-color);font-size:var(--font-size-sm)}.call-controls[data-astro-cid-xevol7pk]{display:flex;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-3);background-color:var(--vc-controls-bg)}.control-btn[data-astro-cid-xevol7pk]{display:flex;flex:1 1 0;min-width:0;max-width:88px;flex-direction:column;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--font-size-xs);line-height:1.2;text-align:center;color:var(--vc-control-color);padding:var(--space-2) 0}.control-btn[data-astro-cid-xevol7pk]:disabled{opacity:.45;cursor:default}@media(width<=359px){.call-controls[data-astro-cid-xevol7pk]{gap:var(--space-1);padding-inline:var(--space-2)}.control-btn[data-astro-cid-xevol7pk]{font-size:12px}}.control-icon[data-astro-cid-xevol7pk]{position:relative;display:inline-flex}.control-btn[data-astro-cid-xevol7pk] svg[data-astro-cid-xevol7pk]{background-color:var(--vc-control-icon-bg);border-radius:50%;padding:var(--space-3);width:56px;height:56px}.control-btn[data-astro-cid-xevol7pk].active svg[data-astro-cid-xevol7pk]{background-color:var(--vc-control-active-bg);color:var(--color-text)}.control-btn[data-astro-cid-xevol7pk].active .control-icon[data-astro-cid-xevol7pk]:after{content:"";position:absolute;top:10px;bottom:10px;left:calc(50% - 1.5px);width:3px;border-radius:2px;background-color:var(--color-text);transform:rotate(-45deg)}.end-call-btn[data-astro-cid-xevol7pk] svg[data-astro-cid-xevol7pk]{background-color:var(--vc-end-call-bg)}@media(hover:hover){.control-btn[data-astro-cid-xevol7pk]:not(:disabled):hover svg[data-astro-cid-xevol7pk]{background-color:var(--vc-control-icon-hover)}.control-btn[data-astro-cid-xevol7pk].active:hover svg[data-astro-cid-xevol7pk]{background-color:var(--vc-control-active-hover)}.end-call-btn[data-astro-cid-xevol7pk]:hover svg[data-astro-cid-xevol7pk]{background-color:var(--vc-end-call-hover)}}@media(width>=360px){.call-self-preview[data-astro-cid-xevol7pk]{width:80px;height:100px}}@media(width>=768px){.videocall-practice[data-astro-cid-xevol7pk] .call-frame{min-height:500px}.call-remote-video[data-astro-cid-xevol7pk]{padding:var(--space-8)}.sim-avatar[data-astro-cid-xevol7pk].remote-avatar{width:120px;height:120px}}@media(height<=500px)and (orientation:landscape){.videocall-practice[data-astro-cid-xevol7pk] .call-frame{min-height:min(350px,60vh)}.call-remote-video[data-astro-cid-xevol7pk]{padding:var(--space-4);gap:var(--space-2)}.sim-avatar[data-astro-cid-xevol7pk].remote-avatar{width:72px;height:72px}.call-controls[data-astro-cid-xevol7pk]{padding:var(--space-3)}.call-self-preview[data-astro-cid-xevol7pk]{width:60px;height:75px}}[data-theme=dark] .videocall-practice[data-astro-cid-xevol7pk]{--vc-call-screen-bg: #111827;--vc-remote-bg: #182131;--vc-end-call-bg: var(--color-error);--vc-end-call-hover: var(--color-danger-hover);--vc-on-primary-text: #fff;--vc-contact-hover-bg: var(--color-accent-10);--vc-self-preview-bg: #243242;--vc-self-preview-border: #fff3;--vc-self-preview-color: #ffffffb3;--vc-controls-bg: #00000080;--vc-control-icon-bg: #ffffff26;--vc-control-icon-hover: #ffffff4d;--vc-control-active-bg: #fff;--vc-control-active-hover: #ffffffd9;--vc-control-color: #fff;--vc-remote-name-color: #fff;--vc-timer-color: #ffffffb3;--vc-border: var(--color-border);--vc-header-avatar-bg: #0000002e;--vc-header-btn-hover: #0000001f}
