.vc-container{display:flex;flex-direction:column;border-radius:24px;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);box-shadow:0 8px 32px rgba(0,0,0,.1);overflow:hidden;min-height:500px;color:#333;font-family:var(--font-be-vietnam-pro),"Segoe UI",system-ui,sans-serif}.vc-status-row{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px 4px}.vc-countdown{font-size:.75rem;font-weight:700;padding:4px 10px;border-radius:20px;background:rgba(0,0,0,.06);color:#666;font-variant-numeric:tabular-nums}.vc-countdown-warn{background:rgba(244,67,54,.15);color:#c62828;animation:pulse-badge 1s ease-in-out infinite}.vc-expired-banner{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px 20px;margin:8px 16px;border-radius:16px;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:1px solid #ffcc80;text-align:center}.vc-expired-text{font-size:.9rem;font-weight:600;color:#e65100;margin:0}.vc-expired-subtext{font-size:.82rem;color:#795548;margin:0}.vc-expired-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.vc-upgrade-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:24px;border:none;background:linear-gradient(135deg,#ff9c01,#ff6b6b);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;transition:transform .2s,box-shadow .2s}.vc-upgrade-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(255,156,1,.4)}.vc-retry-btn{padding:8px 16px;border-radius:24px;border:1px solid rgba(0,0,0,.12);background:#fff;color:#555;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s}.vc-retry-btn:hover{background:#f5f5f5}.vc-status-badge{font-size:.75rem;font-weight:600;padding:4px 12px;border-radius:20px;white-space:nowrap}.vc-status-badge[data-status=idle]{background:rgba(0,0,0,.06);color:#888}.vc-status-badge[data-status=connecting]{background:rgba(255,152,0,.15);color:#e65100;animation:pulse-badge 1.5s ease-in-out infinite}.vc-status-badge[data-status=live]{background:rgba(76,175,80,.15);color:#2e7d32}.vc-status-badge[data-status=error]{background:rgba(244,67,54,.15);color:#c62828}.vc-main{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0}.vc-avatar-area{padding:24px 16px 8px;flex-shrink:0}.vc-avatar-area,.vc-owl{display:flex;justify-content:center;align-items:center}.vc-owl{position:relative;width:160px;height:160px}@media (min-width:768px){.vc-owl{width:200px;height:200px}}.vc-owl-img-wrap{position:relative;z-index:2;width:120px;height:120px;filter:drop-shadow(0 8px 24px rgba(255,156,1,.3))}@media (min-width:768px){.vc-owl-img-wrap{width:150px;height:150px}}.vc-owl-img{object-fit:contain;width:100%!important;height:100%!important}.vc-owl-idle .vc-owl-img-wrap{animation:owl-float 3s ease-in-out infinite}.vc-owl-glow{inset:-10px;background:radial-gradient(circle,rgba(255,156,1,.4) 0,rgba(255,107,107,.2) 50%,transparent 70%);transition:opacity .2s,transform .2s;z-index:1}.vc-owl-glow,.vc-owl-pulse{position:absolute;border-radius:50%}.vc-owl-pulse{inset:-20px;border:2px solid rgba(100,181,246,.4);z-index:0}.vc-owl-pulse-1{animation:pulse-ring 2s ease-out infinite}.vc-owl-pulse-2{animation:pulse-ring 2s ease-out .6s infinite}.vc-owl-speech-dots{position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:3}.vc-dot{width:8px;height:8px;border-radius:50%;background:#ffb347;animation:dot-bounce 1.4s ease-in-out infinite}.vc-dot:nth-child(2){animation-delay:.2s}.vc-dot:nth-child(3){animation-delay:.4s}.vc-meters{display:flex;gap:12px;padding:8px 24px;justify-content:center;flex-shrink:0}.vc-meter{display:flex;align-items:center;gap:6px;color:#888;font-size:.75rem}.vc-meter-icon{font-size:12px}.vc-meter-bar{width:80px;height:4px;border-radius:2px;background:rgba(0,0,0,.08);overflow:hidden}.vc-meter-fill{height:100%;border-radius:2px;transition:width .1s ease}.vc-meter-mic{background:linear-gradient(90deg,#64b5f6,#42a5f5)}.vc-meter-speaker{background:linear-gradient(90deg,#ffb347,#ff6b6b)}.vc-transcript{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:200px;max-height:400px}.vc-transcript::-webkit-scrollbar{width:4px}.vc-transcript::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:2px}.vc-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:32px}.vc-empty-title{font-size:1.5rem;font-weight:700;margin:0}.vc-empty-text{font-size:1rem;color:#888;margin:0;max-width:300px;line-height:1.5}.vc-bubble{display:flex;align-items:flex-start;gap:8px;animation:bubble-in .25s ease-out}.vc-bubble-user{flex-direction:row-reverse}.vc-bubble-avatar{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-top:2px}.vc-bubble-model .vc-bubble-avatar{background:rgba(255,156,1,.15)}.vc-bubble-user .vc-bubble-avatar{background:rgba(59,130,246,.15)}.vc-bubble-text{max-width:80%;padding:10px 14px;border-radius:16px;font-size:.95rem;line-height:1.5;margin:0;word-break:break-word}.vc-bubble-model .vc-bubble-text{background:rgba(0,0,0,.05);border-bottom-left-radius:4px;color:#333}.vc-bubble-user .vc-bubble-text{background:linear-gradient(135deg,#4a90d9,#357abd);border-bottom-right-radius:4px;color:#fff}.vc-text-form{display:flex;gap:8px;padding:8px 16px;flex-shrink:0}.vc-text-input{flex:1;padding:10px 14px;border-radius:24px;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.8);color:#333;font-size:.9rem;outline:none;transition:border-color .2s;font-family:inherit}.vc-text-input::placeholder{color:#aaa}.vc-text-input:focus{border-color:rgba(255,156,1,.5)}.vc-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:none;background:linear-gradient(135deg,#ff9c01,#ff6b6b);color:#fff;cursor:pointer;flex-shrink:0;transition:opacity .2s,transform .2s}.vc-send-btn:disabled{opacity:.3;cursor:default}.vc-send-btn:not(:disabled):hover{transform:scale(1.1)}.vc-controls{display:flex;justify-content:center;padding:16px 24px 20px;flex-shrink:0}.vc-call-btn{display:flex;flex-direction:column;align-items:center;gap:8px;border:none;background:none;cursor:pointer;color:#333;font-family:inherit;transition:transform .2s}.vc-call-btn:hover{transform:scale(1.05)}.vc-call-btn:active{transform:scale(.95)}.vc-call-btn:disabled{opacity:.6;cursor:wait}.vc-call-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center}.vc-call-start .vc-call-icon{background:linear-gradient(135deg,#4caf50,#2e7d32);box-shadow:0 4px 24px rgba(76,175,80,.4),0 0 40px rgba(76,175,80,.15);animation:glow-green 2s ease-in-out infinite}.vc-call-end,.vc-call-end .vc-call-icon{width:56px;height:56px}.vc-call-end{background:linear-gradient(135deg,#f44336,#c62828);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(244,67,54,.4)}.vc-call-end .vc-call-label{display:none}.vc-call-label{font-size:.85rem;font-weight:600;opacity:.8}.vc-live-controls{display:flex;align-items:center;gap:24px}.vc-mic-indicator{width:44px;height:44px;border-radius:50%;border:none;background:rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;cursor:default}.vc-mic-active{color:#64b5f6;animation:pulse-mic 1s ease-in-out infinite}.vc-mic-idle{color:#bbb}.vc-spinner{width:28px;height:28px;border:3px solid rgba(0,0,0,.15);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes owl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.6);opacity:0}}@keyframes dot-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}@keyframes bubble-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow-green{0%,to{box-shadow:0 4px 24px rgba(76,175,80,.4),0 0 40px rgba(76,175,80,.15)}50%{box-shadow:0 4px 32px rgba(76,175,80,.6),0 0 60px rgba(76,175,80,.25)}}@keyframes pulse-mic{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:480px){.vc-avatar-area{padding:12px 16px 4px}.vc-owl{width:130px;height:130px}.vc-owl-img-wrap{width:100px;height:100px}.vc-bubble-text{font-size:.85rem;padding:8px 12px}.vc-controls{padding:12px 16px 16px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.vc-controls{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}