:root{--color-primary: #32796A;--color-primary-light: #3d9182;--color-primary-dark: #275e54;--color-primary-glow: rgba(50, 121, 106, .6);--color-primary-subtle: rgba(50, 121, 106, .15);--color-accent: #4ECDC4;--color-accent-glow: rgba(78, 205, 196, .5);--color-bg-dark: rgba(20, 30, 28, .85);--color-bg-glass: rgba(50, 121, 106, .12);--color-bg-overlay: rgba(0, 0, 0, .4);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--spacing-xs: clamp(4px, 1vw, 8px);--spacing-sm: clamp(8px, 2vw, 16px);--spacing-md: clamp(12px, 3vw, 24px);--spacing-lg: clamp(16px, 4vw, 32px);--spacing-xl: clamp(24px, 5vw, 48px);--size-btn-sm: clamp(36px, 10vw, 48px);--size-btn-md: clamp(48px, 12vw, 64px);--size-btn-lg: clamp(56px, 15vw, 80px);--size-icon: clamp(18px, 5vw, 24px);--size-radius-sm: clamp(8px, 2vw, 12px);--size-radius-md: clamp(12px, 3vw, 20px);--size-radius-lg: clamp(16px, 4vw, 32px);--font-size-xs: clamp(10px, 2.5vw, 12px);--font-size-sm: clamp(12px, 3vw, 14px);--font-size-md: clamp(14px, 3.5vw, 16px);--font-size-lg: clamp(16px, 4vw, 20px);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--shadow-glow: 0 0 20px var(--color-primary-glow);--shadow-glow-intense: 0 0 30px var(--color-primary-glow), 0 0 60px var(--color-primary-subtle);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3)}html{width:100%;height:100%;overflow:hidden}body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:linear-gradient(135deg,#1a2f2a,#0d1614);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent!important}img{pointer-events:none}#app{width:100vw;height:100vh;height:100dvh;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}@keyframes glow-pulse{0%,to{box-shadow:0 0 10px var(--color-primary-glow)}50%{box-shadow:0 0 25px var(--color-primary-glow),0 0 40px var(--color-primary-subtle)}}@keyframes border-glow{0%,to{border-color:var(--color-primary)}50%{border-color:var(--color-accent)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{transform:scale(.95);opacity:1}to{transform:scale(1.3);opacity:0}}.glass-effect{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.glow-on-hover{transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.glow-on-hover:hover{box-shadow:var(--shadow-glow);transform:scale(1.02)}.glow-on-hover:active{box-shadow:var(--shadow-glow-intense);transform:scale(.98)}.access-wrap[data-v-8d6a513c]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-md);text-align:center;padding:var(--spacing-lg);cursor:pointer;background:var(--color-bg-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:100;transition:all var(--transition-normal);animation:fade-in-8d6a513c .5s ease}.access-wrap[data-v-8d6a513c]:hover{background:rgba(50,121,106,.2)}.access-wrap:hover .icon-wrap[data-v-8d6a513c]{transform:scale(1.1);color:var(--color-accent);text-shadow:0 0 20px var(--color-accent-glow)}.icon-wrap[data-v-8d6a513c]{font-size:clamp(40px,10vw,60px);color:var(--color-primary);transition:all var(--transition-normal);animation:glow-pulse-8d6a513c 2s ease-in-out infinite}@keyframes fade-in-8d6a513c{0%{opacity:0}to{opacity:1}}@keyframes glow-pulse-8d6a513c{0%,to{text-shadow:0 0 10px var(--color-primary-glow)}50%{text-shadow:0 0 25px var(--color-primary-glow),0 0 40px var(--color-primary-subtle)}}.icon[data-v-91f3cb32]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden;color:inherit;font-size:inherit}.action-toolbar[data-v-d0bf3895]{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);transition:all var(--transition-normal)}.action-toolbar.collapsed .toolbar-toggle[data-v-d0bf3895]{background:var(--color-primary);box-shadow:var(--shadow-glow)}.action-toolbar.expanded .toolbar-toggle[data-v-d0bf3895]{background:var(--color-bg-dark)}.toolbar-toggle[data-v-d0bf3895]{width:var(--size-btn-sm);height:var(--size-btn-sm);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;background:var(--color-bg-dark);border:2px solid var(--color-primary);color:var(--color-text-primary);transition:all var(--transition-normal);flex-shrink:0}.toolbar-toggle[data-v-d0bf3895]:hover{background:var(--color-primary);box-shadow:var(--shadow-glow-intense);transform:scale(1.1)}.toolbar-toggle[data-v-d0bf3895]:active{transform:scale(.95)}.toolbar-toggle .toggle-icon[data-v-d0bf3895]{transition:transform var(--transition-normal);display:flex;align-items:center;justify-content:center}.toolbar-toggle .toggle-icon.rotated[data-v-d0bf3895]{transform:rotate(180deg)}.action-buttons[data-v-d0bf3895]{display:flex;flex-direction:column;gap:var(--spacing-xs)}.action-group[data-v-d0bf3895]{border-radius:var(--size-radius-md);background:var(--color-bg-dark);padding:3px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(50,121,106,.3);display:flex;flex-direction:column;transition:all var(--transition-normal)}.action-group[data-v-d0bf3895]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.action[data-v-d0bf3895]{cursor:pointer;width:var(--size-btn-sm);height:var(--size-btn-sm);border-radius:var(--size-radius-sm);font-size:var(--size-icon);display:flex;align-items:center;justify-content:center;position:relative;color:var(--color-text-primary);transition:all var(--transition-normal);overflow:visible}.action .action-glow[data-v-d0bf3895]{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;background:radial-gradient(circle,var(--color-primary-glow) 0%,transparent 70%);transition:opacity var(--transition-normal);pointer-events:none}.action[data-v-d0bf3895]:hover{background:var(--color-primary);transform:scale(1.1)}.action:hover .action-glow[data-v-d0bf3895]{opacity:1;animation:glow-pulse-d0bf3895 1.5s ease-in-out infinite}.action[data-v-d0bf3895]:active{transform:scale(.95);background:var(--color-primary-dark)}.action .corner[data-v-d0bf3895]{position:absolute;right:0;bottom:0;padding:3px;z-index:2}.action .corner .corner-inner[data-v-d0bf3895]{width:6px;height:6px;border-top:3px transparent solid;border-left:3px transparent solid;border-bottom:3px var(--color-accent) solid;border-right:3px var(--color-accent) solid;transition:border-color var(--transition-fast)}.action .corner:hover .corner-inner[data-v-d0bf3895]{border-bottom-color:var(--color-text-primary);border-right-color:var(--color-text-primary)}.action .selectors[data-v-d0bf3895]{position:absolute;top:0;left:calc(100% + 8px);max-height:200px;border-radius:var(--size-radius-md);width:max-content;overflow:auto;background:var(--color-bg-dark);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-primary);box-shadow:var(--shadow-glow),var(--shadow-soft);z-index:1000}.action .selectors.left[data-v-d0bf3895]{left:auto;right:calc(100% + 8px)}.action .selectors .selector[data-v-d0bf3895]{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;cursor:pointer;height:var(--size-btn-sm);line-height:var(--size-btn-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);padding-left:var(--spacing-sm);padding-right:calc(var(--spacing-lg) + 20px);transition:all var(--transition-fast)}.action .selectors .selector[data-v-d0bf3895]:hover{background:var(--color-primary);color:var(--color-text-primary)}.action .selectors .selector .active-icon[data-v-d0bf3895]{position:absolute;right:var(--spacing-xs);width:32px;height:100%;display:flex;align-items:center;justify-content:center;top:0;color:var(--color-accent)}.toolbar-slide-enter-active[data-v-d0bf3895],.toolbar-slide-leave-active[data-v-d0bf3895]{transition:all var(--transition-normal)}.toolbar-slide-enter-from[data-v-d0bf3895],.toolbar-slide-leave-to[data-v-d0bf3895]{opacity:0;transform:translateY(-10px)}.selector-fade-enter-active[data-v-d0bf3895],.selector-fade-leave-active[data-v-d0bf3895]{transition:all var(--transition-fast)}.selector-fade-enter-from[data-v-d0bf3895],.selector-fade-leave-to[data-v-d0bf3895]{opacity:0;transform:scale(.95)}.action-group+.action-group[data-v-d0bf3895]{margin-top:var(--spacing-xs)}@keyframes glow-pulse-d0bf3895{0%,to{box-shadow:0 0 10px var(--color-primary-glow)}50%{box-shadow:0 0 25px var(--color-primary-glow),0 0 40px var(--color-primary-subtle)}}.gradio-webrtc-waveContainer[data-v-666b3bf5]{position:relative;display:flex;min-height:100px;max-height:128px;justify-content:center;align-items:center}.gradio-webrtc-boxContainer[data-v-666b3bf5]{display:flex;justify-content:space-between;height:64px;--boxSize: 4px;--gutter: 4px}.split-container[data-v-666b3bf5]{width:80px}.gradio-webrtc-box[data-v-666b3bf5]{height:100%;width:var(--boxSize);background:var(--color-accent);border-radius:8px;transition:transform .05s ease}.gradio-webrtc-icon-container[data-v-666b3bf5]{position:relative;width:128px;height:128px;display:flex;justify-content:center;align-items:center}.gradio-webrtc-icon[data-v-666b3bf5]{position:relative;width:48px;height:48px;border-radius:50%;transition:transform .1s ease;display:flex;justify-content:center;align-items:center;z-index:2}.icon-image[data-v-666b3bf5]{width:32px;height:32px;object-fit:contain;filter:brightness(0) invert(1)}.pulse-ring[data-v-666b3bf5]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;animation:pulse-666b3bf5 2s cubic-bezier(.4,0,.6,1) infinite;opacity:.5}@keyframes pulse-666b3bf5{0%{transform:translate(-50%,-50%) scale(1);opacity:.5}to{transform:translate(-50%,-50%) scale(var(--max-scale, 3));opacity:0}}.dots[data-v-666b3bf5]{display:flex;gap:8px;align-items:center;height:64px}.dot[data-v-666b3bf5]{width:12px;height:12px;border-radius:50%;opacity:.5;animation:pulse-666b3bf5 1.5s infinite}.dot[data-v-666b3bf5]:nth-child(2){animation-delay:.2s}.dot[data-v-666b3bf5]:nth-child(3){animation-delay:.4s}@keyframes pulse-666b3bf5{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.player-controls[data-v-22b6300c]{position:relative;display:flex;justify-content:center;align-items:center;animation:fade-in-22b6300c .5s ease;z-index:1}.pulse-ring[data-v-22b6300c]{position:absolute;width:var(--size-btn-lg);height:var(--size-btn-lg);border-radius:50%;border:2px solid var(--color-primary);animation:pulse-ring-22b6300c 2s ease-out infinite;pointer-events:none}.pulse-ring.delay[data-v-22b6300c]{animation-delay:.5s}.pulse-ring.audio-reactive[data-v-22b6300c]{animation:none;transition:transform .1s ease-out,opacity .1s ease-out;border-color:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}.pulse-ring.audio-reactive.delay[data-v-22b6300c]{animation:none;border-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent-glow)}@keyframes pulse-ring-22b6300c{0%{transform:scale(1);opacity:.8}to{transform:scale(2);opacity:0}}.chat-btn[data-v-22b6300c]{height:var(--size-btn-md);width:clamp(180px,50vw,280px);display:flex;justify-content:center;align-items:center;border-radius:999px;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border:2px solid transparent;transition:all var(--transition-normal);z-index:2;cursor:pointer}.chat-btn .btn-glow[data-v-22b6300c]{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--color-primary-glow),var(--color-accent-glow));opacity:0;filter:blur(15px);transition:opacity var(--transition-normal);pointer-events:none;z-index:-1}.chat-btn .btn-glow.active[data-v-22b6300c]{opacity:1;animation:glow-pulse-22b6300c 2s ease-in-out infinite}.chat-btn[data-v-22b6300c]:hover{transform:scale(1.03);border-color:var(--color-accent);box-shadow:var(--shadow-glow-intense)}.chat-btn:hover .btn-glow[data-v-22b6300c]{opacity:1}.chat-btn[data-v-22b6300c]:active{transform:scale(.98)}.start-chat .btn-text[data-v-22b6300c]{font-size:var(--font-size-md);font-weight:600;text-align:center;color:var(--color-text-primary);letter-spacing:.5px}.waiting-chat[data-v-22b6300c]{background:linear-gradient(135deg,var(--color-primary-dark) 0%,#1a3d36 100%);animation:border-glow-22b6300c 2s ease-in-out infinite;border-color:var(--color-primary)}.waiting-icon-text[data-v-22b6300c]{width:auto;align-items:center;font-size:var(--font-size-md);font-weight:500;color:var(--color-text-primary);display:flex;justify-content:center;gap:var(--spacing-sm)}.waiting-icon-text .icon[data-v-22b6300c]{width:clamp(20px,5vw,28px);height:clamp(20px,5vw,28px);fill:var(--color-text-primary);stroke:var(--color-text-primary);color:var(--color-text-primary);display:flex;align-items:center;justify-content:center}.waiting-icon-text .spin-icon[data-v-22b6300c]{color:var(--color-text-primary)}.ant-spin-dot-item{background-color:var(--color-accent)!important}.stop-chat[data-v-22b6300c]{width:var(--size-btn-lg);height:var(--size-btn-lg);background:linear-gradient(135deg,#e74c3c,#c0392b);border-color:rgba(231,76,60,.5)}.stop-chat[data-v-22b6300c]:hover{border-color:#e74c3c;box-shadow:0 0 20px rgba(231,76,60,.5),0 0 40px rgba(231,76,60,.3)}.stop-chat .stop-chat-inner[data-v-22b6300c]{width:clamp(18px,4vw,26px);height:clamp(18px,4vw,26px);border-radius:4px;background:var(--color-text-primary);transition:all var(--transition-fast)}.stop-chat:hover .stop-chat-inner[data-v-22b6300c]{transform:scale(1.1)}.stop-chat:active .stop-chat-inner[data-v-22b6300c]{transform:scale(.9)}.input-audio-wave[data-v-22b6300c]{position:absolute;pointer-events:none;z-index:1}@keyframes fade-in-22b6300c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse-22b6300c{0%,to{opacity:.6}50%{opacity:1}}@keyframes border-glow-22b6300c{0%,to{border-color:var(--color-primary)}50%{border-color:var(--color-accent)}}.chat-input-container[data-v-212d8671]{min-height:clamp(70px,15vh,100px);position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:min(90%,500px);margin:0 auto;padding:0 var(--spacing-sm);animation:fade-in-212d8671 .4s ease}.chat-input-container .chat-input-inner[data-v-212d8671]{padding:0 var(--spacing-sm);background:var(--color-bg-dark);min-height:var(--size-btn-md);flex:1;display:flex;align-items:center;border:2px solid var(--color-primary);border-radius:999px;box-shadow:var(--shadow-soft);transition:border-radius .2s ease,border-color var(--transition-normal),box-shadow var(--transition-normal),padding var(--transition-normal)}.chat-input-container .chat-input-inner[data-v-212d8671]:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-glow)}.chat-input-container .chat-input-inner.expanded[data-v-212d8671]{border-radius:16px;align-items:flex-end;padding-bottom:8px}.chat-input-container .chat-input-inner .chat-input-wrapper[data-v-212d8671]{flex:1;position:relative;display:flex;align-items:center}.chat-input-container .chat-input-inner .chat-input-wrapper .chat-input[data-v-212d8671]{width:100%;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:400;resize:none;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;padding:0 var(--spacing-xs);margin:8px 0;line-height:24px;min-height:24px;overflow:hidden;transition:height .15s ease}.chat-input-container .chat-input-inner .chat-input-wrapper .chat-input.focused[data-v-212d8671]{overflow-y:auto}.chat-input-container .chat-input-inner .chat-input-wrapper .chat-input[data-v-212d8671]::-webkit-scrollbar{width:4px}.chat-input-container .chat-input-inner .chat-input-wrapper .chat-input[data-v-212d8671]::-webkit-scrollbar-track{background:transparent}.chat-input-container .chat-input-inner .chat-input-wrapper .chat-input[data-v-212d8671]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.2);border-radius:2px}.chat-input-container .chat-input-inner .chat-input-wrapper .chat-input[data-v-212d8671]::placeholder{color:var(--color-text-secondary)}.chat-input-container .chat-input-inner .chat-input-wrapper .rowsDiv[data-v-212d8671]{position:absolute;left:0;right:0;z-index:-1;visibility:hidden;font-size:var(--font-size-md);font-weight:400;line-height:24px;white-space:pre-wrap;word-wrap:break-word}.chat-input-container .chat-input-inner .send-btn[data-v-212d8671],.chat-input-container .chat-input-inner .interrupt-btn[data-v-212d8671]{border:none;flex:0 0 auto;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:50%;height:clamp(32px,8vw,40px);width:clamp(32px,8vw,40px);display:flex;align-items:center;justify-content:center;margin-left:var(--spacing-sm);cursor:pointer;transition:all var(--transition-normal)}.chat-input-container .chat-input-inner .send-btn[data-v-212d8671]:hover,.chat-input-container .chat-input-inner .interrupt-btn[data-v-212d8671]:hover{transform:scale(1.1);box-shadow:var(--shadow-glow)}.chat-input-container .chat-input-inner .send-btn[data-v-212d8671]:active,.chat-input-container .chat-input-inner .interrupt-btn[data-v-212d8671]:active{transform:scale(.95)}.chat-input-container .chat-input-inner .interrupt-btn[data-v-212d8671]{background:linear-gradient(135deg,#e74c3c,#c0392b)}.chat-input-container .chat-input-inner .interrupt-btn[data-v-212d8671]:after{content:" ";width:12px;height:12px;border-radius:3px;background:var(--color-text-primary)}.chat-input-container .chat-input-inner .interrupt-btn[data-v-212d8671]:hover{box-shadow:0 0 20px rgba(231,76,60,.5)}.chat-input-container .stop-chat-btn[data-v-212d8671]{cursor:pointer;margin-right:var(--spacing-sm);height:clamp(32px,8vw,40px);width:clamp(32px,8vw,40px);display:flex;justify-content:center;align-items:center;border-radius:50%;background:linear-gradient(135deg,#e74c3c,#c0392b);transition:all var(--transition-normal)}.chat-input-container .stop-chat-btn[data-v-212d8671]:after{content:" ";width:12px;height:12px;border-radius:3px;background:var(--color-text-primary)}.chat-input-container .stop-chat-btn[data-v-212d8671]:hover{transform:scale(1.1);box-shadow:0 0 20px rgba(231,76,60,.5)}.chat-input-container .stop-chat-btn[data-v-212d8671]:active{transform:scale(.95)}@keyframes fade-in-212d8671{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.answer-message-container[data-v-a02ec093]{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--size-radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.5;word-break:break-word}.answer-message-container.human[data-v-a02ec093]{background:transparent;margin-right:0}.answer-message-container.avatar[data-v-a02ec093]{background:transparent}.answer-message-container .answer-message-text[data-v-a02ec093]{white-space:pre-wrap;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.chat-records{width:100%;height:100%;overflow-y:auto;padding:var(--spacing-xs)}.chat-records::-webkit-scrollbar{width:4px}.chat-records::-webkit-scrollbar-track{background:transparent}.chat-records::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:2px}.chat-records-inner{display:flex;flex-direction:column;align-items:flex-end;justify-content:end;width:100%;height:auto;min-height:100%;gap:var(--spacing-sm)}.chat-records-inner .chat-message{max-width:85%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--size-radius-md);font-size:var(--font-size-sm);line-height:1.5;animation:fade-in .3s ease;transition:all var(--transition-fast)}.chat-records-inner .chat-message.human{align-self:flex-end;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-text-primary);border-bottom-right-radius:4px}.chat-records-inner .chat-message.avatar{align-self:flex-start;background:var(--color-bg-dark);color:var(--color-text-primary);border:1px solid rgba(50,121,106,.3);border-bottom-left-radius:4px}.chat-records-inner .chat-message:last-child{margin-bottom:0}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-container[data-v-503eb732]{height:100%;width:100%;max-width:100vw;max-height:100vh;max-height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;background:var(--color-bg-dark);box-sizing:border-box;padding:0}.page-container.is-desktop[data-v-503eb732]{padding:var(--spacing-md)}@media (min-width: 1024px){.page-container.is-desktop[data-v-503eb732]{padding:var(--spacing-lg)}}.video-container[data-v-503eb732]{position:relative;animation:fade-in .5s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box;width:100%;height:100%;max-width:100vw;max-height:100dvh;aspect-ratio:unset}.video-container.mobile-layout[data-v-503eb732]{width:100%!important;height:100%!important;max-width:100vw!important;max-height:100dvh!important;aspect-ratio:unset!important}.video-container.desktop-layout[data-v-503eb732]{width:100%;height:100%;max-height:calc(100vh - var(--spacing-md) * 2);max-width:calc(100vw - var(--spacing-md) * 2);aspect-ratio:unset}@media (min-width: 1024px){.video-container.desktop-layout[data-v-503eb732]{max-height:calc(100vh - var(--spacing-lg) * 2);max-width:calc(100vw - var(--spacing-lg) * 2)}}.local-video-container[data-v-503eb732]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1;background:linear-gradient(135deg,var(--color-bg-dark) 0%,rgba(30,50,45,.9) 100%);border:none;transition:all var(--transition-normal);box-sizing:border-box;border-radius:0}.is-desktop .local-video-container[data-v-503eb732]{border-radius:var(--size-radius-lg);border:2px solid transparent}.is-desktop .local-video-container[data-v-503eb732]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.local-video-container.scaled[data-v-503eb732]{top:auto;left:var(--spacing-sm);width:clamp(70px,22%,100px);height:auto;aspect-ratio:9 / 16;border-radius:var(--size-radius-md);border:2px solid var(--color-primary);box-shadow:var(--shadow-soft);cursor:grab;animation:slide-in-left .4s ease;z-index:20;bottom:calc(var(--spacing-xl) + 100px)}.is-desktop .local-video-container.scaled[data-v-503eb732]{bottom:var(--spacing-md);left:var(--spacing-md);width:clamp(100px,15%,180px)}.local-video-container.scaled[data-v-503eb732]:hover{box-shadow:var(--shadow-glow-intense);transform:scale(1.02)}.local-video-container.scaled[data-v-503eb732]:active{cursor:grabbing;transform:scale(.98)}.remote-video-container[data-v-503eb732]{width:100%;height:100%;overflow:hidden;transition:all var(--transition-normal);background:linear-gradient(135deg,var(--color-bg-dark) 0%,rgba(30,50,45,.95) 100%);box-sizing:border-box;border-radius:0;border:none}.is-desktop .remote-video-container[data-v-503eb732]{border-radius:var(--size-radius-lg);border:2px solid rgba(50,121,106,.3)}.is-desktop .remote-video-container[data-v-503eb732]:hover{border-color:var(--color-primary)}.local-video[data-v-503eb732]{width:100%;height:100%;object-fit:cover;object-position:center center}.desktop-layout .local-video[data-v-503eb732]{object-fit:contain}.remote-video[data-v-503eb732]{width:100%;height:100%;object-fit:cover;object-position:center center}.desktop-layout .remote-video[data-v-503eb732]{object-fit:contain}.remote-canvas[data-v-503eb732]{width:100%;height:100%}.overlay-toolbar[data-v-503eb732]{position:absolute;z-index:100;transition:all var(--transition-normal);animation:slide-in-right .4s ease;right:var(--spacing-sm);top:max(var(--spacing-sm),env(safe-area-inset-top,0px))}.is-desktop .overlay-toolbar[data-v-503eb732]{right:var(--spacing-md);top:var(--spacing-md)}.overlay-controls[data-v-503eb732]{position:absolute;z-index:50;transition:all var(--transition-normal);animation:fade-in .5s ease;bottom:max(var(--spacing-lg),calc(env(safe-area-inset-bottom,0px) + var(--spacing-md)));left:50%;transform:translate(-50%);width:calc(100% - var(--spacing-md) * 2);max-width:320px;display:flex;justify-content:center}.is-desktop .overlay-controls[data-v-503eb732]{bottom:var(--spacing-xl);width:auto;max-width:none}.chat-records-container[data-v-503eb732]{height:85%;overflow:auto;aspect-ratio:9 / 16;z-index:30;animation:slide-in-right .4s ease;background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--size-radius-lg);border:1px solid rgba(255,255,255,.1)}.chat-records-container.inline[data-v-503eb732]{position:absolute;right:var(--spacing-sm);width:clamp(120px,50%,220px);height:auto;max-height:45%;aspect-ratio:auto;padding:var(--spacing-sm);animation:fade-in .3s ease;z-index:30;bottom:calc(var(--spacing-xl) + 90px)}.is-desktop .chat-records-container.inline[data-v-503eb732]{bottom:calc(var(--spacing-xl) + 80px);right:var(--spacing-md);width:clamp(150px,30%,350px);max-height:50%}.is-desktop .chat-records-container[data-v-503eb732]{max-width:350px}.app-wrap[data-v-c3933a6c]{width:100%;height:100%;height:100dvh;position:relative;overflow:hidden}.app-wrap[data-v-c3933a6c] *::-webkit-scrollbar{width:0;height:0}.bg-gradient[data-v-c3933a6c]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0d1614,#1a2f2a,#1e3d36,#1a2f2a,#0d1614);background-size:400% 400%;animation:gradient-shift-c3933a6c 15s ease infinite;z-index:0}@keyframes gradient-shift-c3933a6c{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.bg-pattern[data-v-c3933a6c]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:radial-gradient(circle at 25% 25%,var(--color-primary) 1px,transparent 1px),radial-gradient(circle at 75% 75%,var(--color-primary) 1px,transparent 1px);background-size:50px 50px;z-index:1;pointer-events:none}.content-layer[data-v-c3933a6c]{position:relative;z-index:2;width:100%;height:100%}@supports not (background: linear-gradient(135deg,#0d1614 0%,#1a2f2a 100%)){.bg-gradient[data-v-c3933a6c]{background-image:url(./background.png);background-size:cover;background-position:center;animation:none}}