.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}}