.videocall-practice[data-astro-cid-pdr2hzoi]{--vc-detail-avatar-size: var(--icon-size-lg);--vc-remote-avatar-size: var(--font-size-3xl);--vc-video-btn-bg: var(--color-primary);--vc-call-screen-bg: #1a1a2e;--vc-call-gradient: linear-gradient(135deg, #1a1a2e, #16213e);--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: linear-gradient(135deg, #2a2a4a, #3a3a5a);--vc-self-preview-border: rgba(255, 255, 255, .3);--vc-self-preview-color: rgba(255, 255, 255, .6);--vc-controls-bg: rgba(0, 0, 0, .4);--vc-control-icon-bg: rgba(255, 255, 255, .2);--vc-control-icon-hover: rgba(255, 255, 255, .35);--vc-control-active-bg: var(--color-on-primary);--vc-control-active-hover: rgba(255, 255, 255, .85);--vc-control-color: var(--color-on-primary);--vc-remote-name-color: var(--color-on-primary);--vc-timer-color: rgba(255, 255, 255, .7);--vc-border: var(--color-border);max-width:var(--max-width-xs);margin-inline:auto}.contacts-list[data-astro-cid-pdr2hzoi]{display:flex;flex-direction:column;flex:1}.contact-item[data-astro-cid-pdr2hzoi]{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)}.contact-item[data-astro-cid-pdr2hzoi]:focus-visible,.call-btn[data-astro-cid-pdr2hzoi]:focus-visible,.control-btn[data-astro-cid-pdr2hzoi]:focus-visible{outline:var(--focus-outline);outline-offset:var(--focus-offset)}@media(hover:hover){.contact-item[data-astro-cid-pdr2hzoi]:hover{background-color:var(--vc-contact-hover-bg)}}.contact-avatar[data-astro-cid-pdr2hzoi]{width:48px;height:48px;background-color:var(--color-primary);color:var(--vc-on-primary-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0}.contact-info[data-astro-cid-pdr2hzoi]{display:flex;flex-direction:column;gap:var(--space-1)}.contact-name[data-astro-cid-pdr2hzoi]{font-weight:600;font-size:var(--font-size-base)}.contact-detail[data-astro-cid-pdr2hzoi]{font-size:var(--font-size-sm);color:var(--color-text-muted)}.contact-detail-view[data-astro-cid-pdr2hzoi]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:var(--space-8);gap:var(--space-4)}.detail-avatar[data-astro-cid-pdr2hzoi]{width:96px;height:96px;background-color:var(--color-primary);color:var(--vc-on-primary-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--vc-detail-avatar-size)}.detail-name[data-astro-cid-pdr2hzoi]{font-size:var(--font-size-xl);font-weight:600;margin:0}.call-actions[data-astro-cid-pdr2hzoi]{display:flex;gap:var(--space-8);margin-top:var(--space-4)}.call-btn[data-astro-cid-pdr2hzoi]{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);color:var(--color-text);padding:var(--space-3);border-radius:var(--border-radius)}.call-btn[data-astro-cid-pdr2hzoi] svg[data-astro-cid-pdr2hzoi]{background-color:var(--color-primary);color:var(--vc-on-primary-text);border-radius:50%;padding:var(--space-3);width:52px;height:52px}.call-btn-video[data-astro-cid-pdr2hzoi] svg[data-astro-cid-pdr2hzoi]{background-color:var(--vc-video-btn-bg)}@media(hover:hover){.call-btn[data-astro-cid-pdr2hzoi]:hover svg[data-astro-cid-pdr2hzoi]{opacity:.85}}.hint-text[data-astro-cid-pdr2hzoi]{font-size:var(--font-size-sm);color:var(--color-primary);margin:0;text-align:center;animation:pulse-hint 2s ease-in-out infinite}@keyframes pulse-hint{0%,to{opacity:1}50%{opacity:.5}}.call-frame[data-astro-cid-pdr2hzoi]{background-color:var(--vc-call-screen-bg);min-height:min(500px,65vh)}.call-frame[data-astro-cid-pdr2hzoi] .phone-header[data-astro-cid-pdr2hzoi]{display:none}.call-screen[data-astro-cid-pdr2hzoi]{display:flex;flex-direction:column;flex:1;position:relative}.call-remote-video[data-astro-cid-pdr2hzoi]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--vc-call-gradient);padding:var(--space-8)}.remote-avatar[data-astro-cid-pdr2hzoi]{width:120px;height:120px;background-color:var(--color-primary);color:var(--vc-on-primary-text);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--vc-remote-avatar-size)}.remote-name[data-astro-cid-pdr2hzoi]{color:var(--vc-remote-name-color);font-size:var(--font-size-xl);font-weight:600;margin:0}.call-timer[data-astro-cid-pdr2hzoi]{color:var(--vc-timer-color);font-size:var(--font-size-base);margin:0;font-variant-numeric:tabular-nums}.call-self-preview[data-astro-cid-pdr2hzoi]{position:absolute;top:var(--space-4);right:var(--space-4);width:80px;height:100px;background: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-pdr2hzoi]{display:flex;justify-content:center;gap:var(--space-6);padding:var(--space-6);background-color:var(--vc-controls-bg)}.control-btn[data-astro-cid-pdr2hzoi]{display:flex;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);color:var(--vc-control-color);padding:var(--space-2)}.control-btn[data-astro-cid-pdr2hzoi] svg[data-astro-cid-pdr2hzoi]{background-color:var(--vc-control-icon-bg);border-radius:50%;padding:var(--space-3);width:48px;height:48px}.control-btn[data-astro-cid-pdr2hzoi].active svg[data-astro-cid-pdr2hzoi]{background-color:var(--vc-control-active-bg);color:var(--color-text)}.end-call-btn[data-astro-cid-pdr2hzoi] svg[data-astro-cid-pdr2hzoi]{background-color:var(--vc-end-call-bg)}@media(hover:hover){.control-btn[data-astro-cid-pdr2hzoi]:hover svg[data-astro-cid-pdr2hzoi]{background-color:var(--vc-control-icon-hover)}.control-btn[data-astro-cid-pdr2hzoi].active:hover svg[data-astro-cid-pdr2hzoi]{background-color:var(--vc-control-active-hover)}.end-call-btn[data-astro-cid-pdr2hzoi]:hover svg[data-astro-cid-pdr2hzoi]{background-color:var(--vc-end-call-hover)}}@media(min-width:768px){.call-frame[data-astro-cid-pdr2hzoi]{min-height:500px}}@media(max-height:500px)and (orientation:landscape){.call-frame[data-astro-cid-pdr2hzoi]{min-height:min(350px,60vh)}.call-remote-video[data-astro-cid-pdr2hzoi]{padding:var(--space-4);gap:var(--space-2)}.remote-avatar[data-astro-cid-pdr2hzoi]{width:72px;height:72px}.call-controls[data-astro-cid-pdr2hzoi]{padding:var(--space-3)}.call-self-preview[data-astro-cid-pdr2hzoi]{width:60px;height:75px}}[data-theme=dark] .videocall-practice[data-astro-cid-pdr2hzoi]{--vc-video-btn-bg: var(--color-primary);--vc-call-screen-bg: #111827;--vc-call-gradient: linear-gradient(135deg, #111827, #1e2a3a);--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: linear-gradient(135deg, #1e2a3a, #2a3a4a);--vc-self-preview-border: rgba(255, 255, 255, .2);--vc-self-preview-color: rgba(255, 255, 255, .7);--vc-controls-bg: rgba(0, 0, 0, .5);--vc-control-icon-bg: rgba(255, 255, 255, .15);--vc-control-icon-hover: rgba(255, 255, 255, .3);--vc-control-active-bg: #fff;--vc-control-active-hover: rgba(255, 255, 255, .85);--vc-control-color: #fff;--vc-remote-name-color: #fff;--vc-timer-color: rgba(255, 255, 255, .7);--vc-border: var(--color-border)}@media(prefers-reduced-motion:reduce){.hint-text[data-astro-cid-pdr2hzoi]{animation:none}}