.product-overlay-preview .overlay-card{--overlay-opacity:.94;--overlay-bubble-opacity:1;--overlay-text-opacity:1;--overlay-scale:1;--overlay-incoming-translation-scale:1;--overlay-incoming-original-scale:1;--overlay-outgoing-translation-scale:1;--overlay-outgoing-original-scale:1;background:rgba(30, 34, 43, var(--overlay-opacity));width:100%;height:100%;font-size:calc(16px * var(--overlay-scale));border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;padding:8px 10px 10px;animation:.19s cubic-bezier(.2,.8,.2,1) both overlay-enter;display:flex;overflow:hidden;box-shadow:0 8px 28px #00000042}.product-overlay-preview .overlay-card.is-editing{border-color:#68d5dcb3;box-shadow:0 0 0 3px #68d5dc1f,0 18px 48px #00000052}.product-overlay-preview .overlay-w-sensor{color:#8bdfe1;flex:none;place-items:center;width:24px;height:20px;display:grid}.product-overlay-preview .overlay-w-sensor svg{fill:none;stroke:currentColor;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:17px;transition:opacity .18s,transform .18s;overflow:visible}.product-overlay-preview .overlay-key{color:#d5e0e1;min-height:26px;font:700 10px var(--font-mono);letter-spacing:.02em;background:#ffffff0e;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 8px;display:inline-flex}.product-overlay-preview .overlay-key svg{width:11px;height:11px}.product-overlay-preview .overlay-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.product-overlay-preview .overlay-titlebar{-webkit-user-select:none;user-select:none;flex-shrink:0}.product-overlay-preview .overlay-titlebar.is-draggable{cursor:grab}.product-overlay-preview .overlay-titlebar.is-draggable:active{cursor:grabbing}.product-overlay-preview .overlay-settings-button{color:#96e2e6;cursor:pointer;background:#68d5dc17;border:1px solid #68d5dc47;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:3px;min-width:30px;min-height:30px;padding:5px;display:flex}.product-overlay-preview .overlay-settings-button svg{width:15px;height:15px}.product-overlay-preview .overlay-settings-button small{font-size:9px}.product-overlay-preview .overlay-settings-button:disabled{opacity:.55;cursor:default}.product-overlay-preview .overlay-settings-button:not(:disabled):hover{background:#68d5dc2e}.product-overlay-preview .overlay-settings-button:focus-visible{outline-offset:2px;outline:2px solid #8be2e7}.product-overlay-preview .overlay-warning{color:#f0d3a1;overflow-wrap:anywhere;align-items:center;gap:5px;margin:2px 0 4px;font-size:.7em;line-height:1.25;display:flex}.product-overlay-preview .overlay-warning svg{flex:none;width:13px;height:13px}.product-overlay-preview .overlay-messages.is-readable{overscroll-behavior:contain;-webkit-user-select:text;user-select:text;justify-content:flex-start;overflow-y:auto}.product-overlay-preview .overlay-messages.is-readable>*{flex-shrink:0}.product-overlay-preview .overlay-drag-handle{color:#9ce7e9;cursor:grab;place-items:center;width:26px;height:30px;display:grid}.product-overlay-preview .overlay-drag-handle svg{width:16px;height:16px}.product-overlay-preview .overlay-lock-button{color:#9ce7e9;cursor:pointer;background:#68d5dc17;border:1px solid #68d5dc73;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.product-overlay-preview .overlay-lock-button svg{width:15px;height:15px}.product-overlay-preview .overlay-lock-button:hover{background:#68d5dc2e}.product-overlay-preview .overlay-lock-button:focus-visible{outline-offset:2px;outline:2px solid #8be2e7}.product-overlay-preview .overlay-bubble{border-radius:15px;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0;max-width:88%;padding:8px 11px;animation:.18s cubic-bezier(.2,.8,.2,1) both bubble-enter;display:grid;position:relative}.product-overlay-preview .overlay-bubble strong{color:#f5f6f8;opacity:var(--overlay-text-opacity);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1em;font-weight:650;line-height:1.35;display:-webkit-box;overflow:hidden}.product-overlay-preview .overlay-bubble>span{color:#9295a1;opacity:var(--overlay-text-opacity);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78em;line-height:1.35;display:-webkit-box;overflow:hidden}.product-overlay-preview .overlay-messages.is-readable .overlay-bubble{max-width:100%}.product-overlay-preview .overlay-messages.is-readable .overlay-bubble strong,.product-overlay-preview .overlay-messages.is-readable .overlay-bubble>span{-webkit-line-clamp:unset;display:block;overflow:visible}.product-overlay-preview .overlay-messages.is-readable .overlay-source-badge{white-space:normal;overflow-wrap:anywhere}.product-overlay-preview .overlay-bubble.is-incoming{background:rgba(48, 54, 64, var(--overlay-bubble-opacity));align-self:flex-start}.product-overlay-preview .overlay-bubble.is-outgoing{background:rgba(242, 186, 119, var(--overlay-bubble-opacity));align-self:flex-end;padding-right:36px}.product-overlay-preview .overlay-bubble.is-outgoing strong{color:#2d241d}.product-overlay-preview .overlay-bubble.is-outgoing>span{color:#2d241dc2}.product-overlay-preview .overlay-bubble.is-incoming strong{font-size:calc(1em * var(--overlay-incoming-translation-scale))}.product-overlay-preview .overlay-bubble.is-incoming>span{font-size:calc(.78em * var(--overlay-incoming-original-scale))}.product-overlay-preview .overlay-bubble.is-outgoing strong{font-size:calc(1em * var(--overlay-outgoing-translation-scale))}.product-overlay-preview .overlay-bubble.is-outgoing>span{font-size:calc(.78em * var(--overlay-outgoing-original-scale))}.product-overlay-preview .overlay-source-badge{text-overflow:ellipsis;white-space:nowrap;color:#9be2e6;width:100%;min-width:0;max-width:100%;font:750 .61em var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;overflow:hidden}.product-overlay-preview .overlay-copy{color:#2d241dc7;cursor:pointer;background:#ffffff40;border:0;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:inline-flex;position:absolute;bottom:7px;right:8px}.product-overlay-preview .overlay-copy:hover{background:#ffffff80}.product-overlay-preview .overlay-copy:focus-visible{outline-offset:2px;outline:2px solid #2d241d}.product-overlay-preview .overlay-copy svg{width:13px;height:13px}.product-overlay-preview .overlay-live{color:#d8dae0;border-left:2px solid #68d5dcb3;gap:3px;padding:6px 10px;animation:.15s ease-out both bubble-enter;display:grid}.product-overlay-preview .overlay-live span{color:#8fe0e5;font:750 .66em var(--font-mono);align-items:center;gap:5px;display:flex}.product-overlay-preview .overlay-live span i{background:#8fe0e5;border-radius:50%;width:5px;height:5px}.product-overlay-preview .overlay-live strong{font-size:calc(.82em * var(--overlay-incoming-original-scale));overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;display:-webkit-box;overflow:hidden}.product-overlay-preview .overlay-messages.is-readable .overlay-live strong{-webkit-line-clamp:unset;display:block;overflow:visible}.product-overlay-preview .overlay-listening,.product-overlay-preview .overlay-empty{color:#858894;text-align:center;place-content:center;justify-items:center;gap:5px;min-height:120px;display:grid}.product-overlay-preview .overlay-listening svg,.product-overlay-preview .overlay-empty svg{color:#80dce2;width:22px;height:22px;margin-bottom:5px}.product-overlay-preview .overlay-listening strong,.product-overlay-preview .overlay-empty strong{color:#d9dbe1;font-size:.82em}.product-overlay-preview .overlay-listening span,.product-overlay-preview .overlay-empty span{font-size:.62em}.product-overlay-preview{text-align:left;--font-mono:monospace;width:420px;height:236px;position:absolute;bottom:28px;left:28px}.product-overlay-preview .product-titlebar{justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding:0 4px;display:flex}.product-overlay-preview .product-status{color:#c6d3d6;align-items:center;gap:8px;min-width:0;font-size:11px;font-weight:700;display:flex}.product-overlay-preview .product-messages{flex-direction:column;flex:1;justify-content:flex-end;gap:6px;min-height:0;padding:4px 0;display:flex;overflow:hidden}.product-overlay-preview .product-messages.is-readable{justify-content:flex-start}@media (max-width:600px){.product-overlay-preview{width:calc(100% - 24px);height:236px;bottom:16px;left:12px}}@media (prefers-reduced-motion:reduce){.product-overlay-preview *{transition:none!important;animation:none!important}}@keyframes overlay-enter{0%{opacity:1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes bubble-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes signal-pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}
.conversation-section{grid-template-columns:.88fr 1.3fr;align-items:center;gap:40px;padding-block:110px 100px;display:grid}.conversation-copy{z-index:1;position:relative}.conversation-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.conversation-copy h2{letter-spacing:-.025em;white-space:nowrap;margin-top:16px;font-size:clamp(30px,3.2vw,44px);line-height:1.5}.conversation-invite{color:#babcc5;margin-top:26px;font-size:16px}.conversation-hint{color:#5ff0bd;align-items:center;gap:10px;margin-top:22px;font-size:13px;display:flex}.conversation-disclaimer{color:#777c88;max-width:300px;margin-top:22px;font-size:10px;line-height:1.9}.conversation-stage{perspective:1400px;isolation:isolate;height:670px;position:relative}.conversation-ambient{pointer-events:none;background:radial-gradient(#5ff0bd0d,#0000 65%);position:absolute;inset:12% 2%}.conversation-float{width:365px;animation:7s ease-in-out infinite conversation-float;animation-delay:var(--float-delay);position:absolute}.conversation-float-0{--card-angle:3deg;top:0;right:14px}.conversation-float-1{--card-angle:-5deg;width:300px;top:120px;left:5px}.conversation-float-2{--card-angle:4deg;top:237px;right:0}.conversation-float-3{--card-angle:-3deg;top:360px;left:0}.conversation-float-4{--card-angle:2deg;width:330px;top:502px;right:25px}.conversation-float:hover{z-index:5}.conversation-float.is-selected{z-index:6}.conversation-float:focus-within{z-index:8}.conversation-float:focus-within,.conversation-float:hover{animation-play-state:paused}.conversation-card{color:#eff0f4;text-align:left;cursor:pointer;perspective:1100px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:160px;padding:0;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.conversation-card:before{content:"";transform:rotate(var(--card-angle));pointer-events:none;background:#21242b;border:1px solid #ffffff0d;border-radius:18px;position:absolute;inset:3px -2px -5px;box-shadow:0 18px 35px #00000065}.conversation-float-1 .conversation-card{height:178px}.conversation-float-3 .conversation-card{height:182px}.conversation-card:hover,.conversation-card:focus-visible{transform:translateY(-7px)}.conversation-card:focus-visible{outline-offset:8px;border-radius:20px;outline:2px solid #5ff0bd}.conversation-card-inner{height:100%;display:block;position:relative}.conversation-card.phase-thai .conversation-front{display:none}.conversation-card.phase-thai .conversation-back{animation:.65s cubic-bezier(.22,.75,.25,1) conversation-reveal;display:flex}.conversation-face{backface-visibility:hidden;background:linear-gradient(145deg,#292c34,#1b1d23 75%);border:1px solid #ffffff16;border-radius:18px;flex-direction:column;padding:18px 22px 15px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 5px #101216,0 7px #ffffff0b,0 18px 35px #00000065}.conversation-card:hover .conversation-front{border-color:#5ff0bd6b}.conversation-back{background:linear-gradient(140deg,#223733,#1a2427 80%);border-color:#5ff0bd4d;display:none;box-shadow:inset 0 1px #5ff0bd20,0 5px #101b19,0 7px #5ff0bd18,0 20px 45px #00000070}.conversation-top{justify-content:space-between;align-items:center;display:flex}.conversation-speaker{color:#d8dae2;align-items:center;gap:9px;font-size:11px;font-weight:500;line-height:1.3;display:flex}.conversation-avatar{color:#d4d9e2;background:#3d424d;border-radius:10px;place-items:center;width:29px;height:29px;font-size:12px;display:grid}.conversation-float-1 .conversation-avatar{background:#443e51}.conversation-float-2 .conversation-avatar{background:#37494c}.conversation-float-3 .conversation-avatar{background:#494136}.conversation-avatar.translated{color:#5ff0bd;background:#5ff0bd1c}.conversation-speaker small{color:#8c919d;margin-top:3px;font-size:9px;font-weight:400;display:block}.conversation-back .conversation-speaker small{color:#97b2aa}.conversation-lang{letter-spacing:.08em;color:#9da3af;background:#ffffff06;border-radius:5px;padding:4px 6px;font-size:9px}.conversation-back .conversation-lang{color:#5ff0bd;background:#5ff0bd10}.conversation-quote{letter-spacing:-.012em;margin-block:auto;padding-block:10px;font-size:16px;font-weight:500;line-height:1.5;display:block}.conversation-back .conversation-quote{color:#effaf4;font-size:16px;line-height:1.65}.conversation-bottom{color:#8c939e;justify-content:space-between;align-items:center;gap:8px;font-size:9px;line-height:1.3;display:flex}.conversation-bottom>span{align-items:center;gap:5px;display:flex}.conversation-bottom .conversation-speed{color:#5ff0bd}.conversation-wave{align-items:center;height:13px;gap:3px!important}.conversation-wave i{width:2px;height:calc(3px + mod(var(--bar), 4) * 3px);animation:1.2s ease-in-out infinite alternate conversation-wave;animation-delay:calc(var(--bar) * -.13s);background:#8fa69d;border-radius:2px}.phase-translating .conversation-wave i{background:#5ff0bd}.conversation-scan{transform-origin:0;background:#5ff0bd;width:100%;height:2px;animation:.9s linear both conversation-scan;position:absolute;bottom:0;left:0;box-shadow:0 0 15px #5ff0bd80}@keyframes conversation-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes conversation-wave{0%{opacity:.45;transform:scaleY(.6)}to{opacity:.9;transform:scaleY(1.2)}}@keyframes conversation-scan{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes conversation-reveal{0%{opacity:.2;transform:rotateY(-85deg)}to{opacity:1;transform:none}}@media (max-width:1100px){.conversation-section{grid-template-columns:.9fr 1.1fr;gap:24px}.conversation-copy h2{font-size:32px}.conversation-float{width:325px}.conversation-float-1{width:230px}.conversation-float-4{width:305px}.conversation-stage{height:655px}.conversation-float-2{top:245px}.conversation-float-3{top:385px}.conversation-float-4{top:540px}}@media (max-width:820px){.conversation-section{grid-template-columns:1fr;gap:40px;padding-block:65px 75px}.conversation-copy{text-align:center}.conversation-copy h2{white-space:normal;font-size:clamp(29px,5vw,39px)}.conversation-hint{justify-content:center}.conversation-disclaimer{max-width:none;margin-top:14px}.conversation-stage{justify-self:center;width:min(100%,600px)}.conversation-float{width:365px}.conversation-float-1{width:245px}.conversation-float-4{width:330px}}@media (max-width:480px){.conversation-stage{flex-direction:column;gap:22px;height:auto;padding:5px 9px 10px;display:flex}.conversation-float{align-self:flex-end;width:95%;position:relative;inset:auto}.conversation-float-1{align-self:flex-start;width:72%}.conversation-float-3{align-self:flex-start}.conversation-float-4{width:90%}.conversation-card{height:168px;transform:rotate(var(--card-angle)) rotateY(-5deg)}.conversation-float-3 .conversation-card{height:192px}.conversation-face{padding:16px 18px}.conversation-quote,.conversation-back .conversation-quote{font-size:15px}.conversation-section{padding-bottom:60px}}@media (prefers-reduced-motion:reduce){.conversation-float,.conversation-wave i,.conversation-scan{animation:none}.conversation-card,.conversation-card-inner{transition:none}}@media (max-width:1100px) and (min-width:821px){.conversation-float-1{width:285px}}@media (max-width:820px){.conversation-float-1{width:300px}}@media (max-width:480px){.conversation-float-1{width:95%}.conversation-card{transform:none}}