.ho-ora-demo{--ho-white:#f8faff;--ho-muted:#a9b2c7;--ho-purple:#6b21d6;--ho-purple2:#8b5cf6;--ho-teal:#00c9a7;width:100%;max-width:620px;color:var(--ho-white);box-sizing:border-box;margin:0 auto;font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif}.ho-ora-demo *{box-sizing:border-box}.ho-ora-demo .ho-card{-webkit-backdrop-filter:blur(20px)saturate(140%);background:linear-gradient(145deg,#ffffff1a,#ffffff0b);border:1px solid #ffffff26;border-radius:24px;width:100%;height:390px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1a,0 22px 60px #05081438}.ho-ora-demo .ho-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 88% 10%,#6b21d62e,#0000 34%),radial-gradient(circle at 8% 92%,#00c9a712,#0000 28%);position:absolute;inset:0}.ho-ora-demo .ho-head{z-index:3;background:#ffffff06;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:58px;padding:0 20px;display:flex;position:relative}.ho-ora-demo .ho-title strong{font-size:14px;line-height:1.2;display:block}.ho-ora-demo .ho-title span{color:var(--ho-muted);margin-top:3px;font-size:12px;display:block}.ho-ora-demo .ho-live{color:#cbd3e5;align-items:center;gap:7px;font-size:11px;display:flex}.ho-ora-demo .ho-live i{background:var(--ho-teal);border-radius:50%;width:8px;height:8px;animation:1.8s infinite hoPulse;box-shadow:0 0 12px #00c9a7bf}@keyframes hoPulse{50%{opacity:.65;transform:scale(1.35)}}.ho-ora-demo .ho-chat{scrollbar-width:none;scroll-behavior:smooth;padding:20px 18px 28px;position:absolute;inset:58px 0 4px;overflow-y:auto}.ho-ora-demo .ho-chat::-webkit-scrollbar{display:none}.ho-ora-demo .ho-msg{opacity:0;filter:blur(2px);width:min(84%,500px);margin-bottom:18px;transition:opacity .12s,transform .18s cubic-bezier(.2,.8,.2,1),filter .12s;transform:translateY(14px)scale(.98)}.ho-ora-demo .ho-msg.show{opacity:1;filter:none;transform:none}.ho-ora-demo .ho-msg.ai{margin-right:auto}.ho-ora-demo .ho-msg.human{margin-left:auto}.ho-ora-demo .ho-speaker{color:var(--ho-muted);align-items:center;gap:7px;margin:0 4px 7px;font-size:11px;display:flex}.ho-ora-demo .human .ho-speaker{justify-content:flex-end}.ho-ora-demo .ho-speaker i{border-radius:50%;width:8px;height:8px;display:block}.ho-ora-demo .ai .ho-speaker i{background:var(--ho-teal);box-shadow:0 0 10px #00c9a780}.ho-ora-demo .human .ho-speaker i{background:#7d879e}.ho-ora-demo .ho-bubble{border-radius:17px;min-height:50px;padding:13px 16px;font-size:14px;line-height:1.45;position:relative}.ho-ora-demo .ai .ho-bubble{color:#fff;background:linear-gradient(135deg,#6b21d6eb,#a831d3db);border-top-left-radius:7px;box-shadow:0 12px 28px #6b21d626}.ho-ora-demo .human .ho-bubble{color:#edf2fa;background:linear-gradient(#ffffff1b,#ffffff0e);border:1px solid #ffffff12;border-top-right-radius:7px}.ho-ora-demo .typing:after{content:"";vertical-align:-2px;background:currentColor;width:2px;height:1em;margin-left:3px;animation:.7s step-end infinite hoBlink;display:inline-block}@keyframes hoBlink{50%{opacity:0}}.ho-ora-demo .ho-controls{pointer-events:auto;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex;position:static}.ho-ora-demo .ho-play,.ho-ora-demo .ho-replay{pointer-events:auto;cursor:pointer;color:#fff}.ho-ora-demo .ho-play{-webkit-backdrop-filter:blur(10px);background:#6b21d6cc;border:1px solid #ffffff24;border-radius:13px;min-width:164px;padding:12px 17px;font-size:14px;font-weight:800;box-shadow:0 12px 28px #2a116038}.ho-ora-demo .ho-replay{width:38px;height:38px;box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;font-size:27px;line-height:1;display:grid}.ho-ora-demo .ho-play:hover{transform:translateY(-1px)}.ho-ora-demo .ho-replay:hover{opacity:.9;transform:rotate(-18deg)scale(1.06)}.ho-ora-demo .ho-progress{pointer-events:none;z-index:13;background:#ffffff14;height:4px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ho-ora-demo .ho-progress span{background:linear-gradient(90deg,var(--ho-teal),var(--ho-purple2));width:0;height:100%;display:block;box-shadow:0 0 16px #00c9a740}.ho-ora-demo audio{display:none}.ho-ora-demo .ho-call-placeholder{color:#d8d4e7;text-align:center;max-width:28ch;margin:115px auto 0;font-size:15px;line-height:1.6}.ho-ora-demo .ho-call-placeholder[hidden]{display:none}.ho-ora-demo .ho-seek-row{color:#eee9f7;font-variant-numeric:tabular-nums;align-items:center;gap:12px;margin:14px auto 0;font-size:12px;display:flex}.ho-ora-demo .ho-seek-row span{min-width:32px}.ho-ora-demo .ho-seek-row input{accent-color:#a576fa;cursor:pointer;flex:1;min-width:0}.ho-ora-demo .ho-seek-row input:focus-visible,.ho-ora-demo .ho-controls button:focus-visible{outline-offset:3px;outline:3px solid #cbb4ff}.ho-ora-demo .ho-audio-note{text-align:center;color:#c6bedb;margin:12px 0 0;font-size:12px;line-height:1.5}@media (width<=767px){.ho-ora-demo{max-width:none}.ho-ora-demo .ho-card{border-radius:20px;height:380px}.ho-ora-demo .ho-chat{pointer-events:none;touch-action:none;overscroll-behavior:none;-webkit-overflow-scrolling:auto;padding-left:14px;padding-right:14px;overflow-y:hidden}.ho-ora-demo .ho-msg{width:92%}.ho-ora-demo .ho-bubble{font-size:13px}.ho-ora-demo .ho-live{display:none}}.ho-ora-demo.ho-ora-demo--light{--ho-muted:#6b7089;color:#11131d}.ho-ora-demo--light .ho-card{-webkit-backdrop-filter:none;background:#fff;border:1px solid #6f45f524;box-shadow:0 16px 40px #3b2a7a17}.ho-ora-demo--light .ho-card:before{background:radial-gradient(circle at 92% 8%,#6f45f512,#0000 36%),radial-gradient(circle at 6% 96%,#69ddff14,#0000 32%)}.ho-ora-demo--light .ho-head{background:linear-gradient(#fbfaff,#f5f1ff);border-bottom:1px solid #ece6fb;justify-content:flex-start;gap:11px}.ho-ora-demo--light .ho-avatar{color:#fff;background:linear-gradient(135deg,#7a3ae4,#4a14b0);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 18px #5713c938}.ho-ora-demo--light .ho-avatar svg{width:17px;height:17px}.ho-ora-demo--light .ho-title strong{color:#15172b}.ho-ora-demo--light .ho-live{color:#0f7a5c;background:#e8f8f2;border-radius:999px;margin-left:auto;padding:5px 10px;font-weight:600}.ho-ora-demo--light .ho-speaker{color:#7a7f96}.ho-ora-demo--light .ai .ho-bubble{background:linear-gradient(135deg,#6f45f5,#5713c9);box-shadow:0 10px 22px #5713c929}.ho-ora-demo--light .human .ho-bubble{color:#262b40;background:#f4f2fb;border:1px solid #e8e3f6}.ho-ora-demo--light .ho-call-placeholder{color:#4f5670;justify-items:center;gap:14px;display:grid}.ho-ora-demo--light .ho-call-placeholder p{margin:0}.ho-ora-demo--light .ho-ring{color:#fff;background:linear-gradient(135deg,#7a3ae4,#4a14b0);border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:relative;box-shadow:0 12px 26px #5713c940}.ho-ora-demo--light .ho-ring svg{width:24px;height:24px}.ho-ora-demo--light .ho-ring:before,.ho-ora-demo--light .ho-ring:after{content:"";border:2px solid #6f45f559;border-radius:50%;animation:2.4s ease-out infinite hoRing;position:absolute;inset:0}.ho-ora-demo--light .ho-ring:after{animation-delay:1.2s}@keyframes hoRing{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}.ho-ora-demo--light .ho-progress{background:#efeaff}.ho-ora-demo--light .ho-progress span{box-shadow:none;background:linear-gradient(90deg,#69ddff,#6f45f5)}.ho-ora-demo--light .ho-seek-row{color:#4f5670}.ho-ora-demo--light .ho-seek-row input{accent-color:#6f45f5}.ho-ora-demo--light .ho-seek-row input:focus-visible,.ho-ora-demo--light .ho-controls button:focus-visible{outline-color:#6f45f5}.ho-ora-demo--light .ho-play{-webkit-backdrop-filter:none;background:linear-gradient(135deg,#6f45f5,#5713c9);border:0;box-shadow:0 12px 26px #5713c93d}.ho-ora-demo--light .ho-replay{color:#4b2bb0;background:#fff;border:1px solid #e3dbfa;border-radius:50%;width:42px;height:42px;font-size:20px;box-shadow:0 6px 14px #3b2a7a14}.ho-ora-demo--light .ho-audio-note{color:#7a7f96}@media (prefers-reduced-motion:reduce){.ho-ora-demo--light .ho-ring:before,.ho-ora-demo--light .ho-ring:after{opacity:0;animation:none}}