.ChatDemo_wrapper__W7MIO,.ChatDemo_wrapper__W7MIO *,.ChatDemo_wrapper__W7MIO :after,.ChatDemo_wrapper__W7MIO :before{box-sizing:border-box}.ChatDemo_wrapper__W7MIO{width:100%;max-width:380px;margin:0 auto;border-radius:48px;overflow:hidden;position:relative;box-shadow:0 0 0 1px hsla(0,0%,100%,.04),0 25px 60px -15px rgba(0,0,0,.65),0 0 80px -25px rgba(251,191,36,.08)}.ChatDemo_chat__sz6nn{position:relative;min-height:400px;max-height:520px;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:"kern" 1,"liga" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1e;background-image:repeating-linear-gradient(-45deg,transparent,transparent 14px,hsla(0,0%,100%,.012) 0,hsla(0,0%,100%,.012) 28px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.06);box-shadow:inset 0 1px 0 0 hsla(0,0%,100%,.04),inset 1px 0 0 0 hsla(0,0%,100%,.02)}.ChatDemo_topBar__tjPYP{position:relative;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;flex-shrink:0;border-bottom:1px solid hsla(0,0%,100%,.05);background:rgba(0,0,0,.2)}.ChatDemo_topBarSpacer__zFizu{width:40px;height:40px;flex-shrink:0}.ChatDemo_pill__BPm0v{position:absolute;left:50%;transform:translateX(-50%);padding:7px 16px 5px;border-radius:20px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.07);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.03);text-align:center;white-space:nowrap}.ChatDemo_pillName__AEhRz{display:block;font-size:14px;font-weight:600;color:hsla(0,0%,100%,.98);letter-spacing:-.01em;line-height:1.25}.ChatDemo_pillSub__7kPJ_{display:block;font-size:10px;font-weight:500;color:hsla(0,0%,100%,.48);margin-top:0;letter-spacing:.02em}.ChatDemo_avatar__m_kCS{width:40px;height:40px;border-radius:50%;background:linear-gradient(145deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0;letter-spacing:-.02em;box-shadow:0 2px 6px rgba(245,158,11,.3),inset 0 1px 0 hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.12)}.ChatDemo_body__LVazw{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:26px 26px 34px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch}.ChatDemo_body__LVazw::-webkit-scrollbar{width:4px}.ChatDemo_body__LVazw::-webkit-scrollbar-track{background:transparent}.ChatDemo_body__LVazw::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}@keyframes ChatDemo_tgxIn__eCInQ{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.ChatDemo_rowBot__tp8ox,.ChatDemo_rowMe__WVzrD{display:flex;align-items:flex-end;width:100%;min-width:0;animation:ChatDemo_tgxIn__eCInQ .28s ease-out}.ChatDemo_rowMe__WVzrD{justify-content:flex-end}.ChatDemo_rowBot__tp8ox{justify-content:flex-start}.ChatDemo_bubbleWrap__7IuHY{max-width:min(78%,560px);min-width:0;overflow:hidden}.ChatDemo_rowMe__WVzrD .ChatDemo_bubbleWrap__7IuHY{max-width:min(66%,520px)}.ChatDemo_bubble__rCf6X{padding:16px 18px;border-radius:20px;font-size:14px;font-weight:400;line-height:1.42;letter-spacing:.01em;position:relative;overflow:hidden;max-width:100%;min-width:0;display:inline-block;box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;hyphens:auto}.ChatDemo_bubble__rCf6X *{max-width:100%}.ChatDemo_bubbleBot__UzG0I{background:linear-gradient(180deg,rgba(48,48,52,.98),rgba(40,40,45,.98));border:1px solid hsla(0,0%,100%,.06);color:hsla(0,0%,100%,.95);border-radius:20px 20px 20px 6px;box-shadow:0 1px 2px rgba(0,0,0,.15),inset 0 1px 0 hsla(0,0%,100%,.03)}.ChatDemo_bubbleMe__2Ufi4{background:linear-gradient(145deg,#f59e0b,#b45309);border:1px solid hsla(0,0%,100%,.1);color:#fff;border-radius:20px 20px 6px 20px;box-shadow:0 1px 6px rgba(245,158,11,.25),inset 0 1px 0 hsla(0,0%,100%,.12)}.ChatDemo_bubbleText__dMflC{display:block;max-width:100%;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;hyphens:auto;overflow:hidden}.ChatDemo_tgxVoice__97hk_{display:inline-flex;align-items:center;gap:10px;padding:12px 14px 12px 16px;min-width:0}.ChatDemo_tgxVoicePlay___n6xK{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:hsla(0,0%,100%,.25);position:relative}.ChatDemo_tgxVoicePlay___n6xK:before{content:"";position:absolute;left:50%;top:50%;margin:-6px 0 0 -4px;border-color:transparent transparent transparent hsla(0,0%,100%,.95);border-style:solid;border-width:6px 0 6px 6px;width:0;height:0}.ChatDemo_tgxVoiceWave__jYabr{flex:1;min-width:48px;height:24px;background:repeating-linear-gradient(90deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.5) 3px,transparent 0,transparent 8px);background-size:100% 60%;background-position:0 50%;border-radius:2px;opacity:.9}.ChatDemo_tgxVoiceTime__ZzWlY{flex-shrink:0;font-size:13px;font-weight:500;color:hsla(0,0%,100%,.9);letter-spacing:.02em}.ChatDemo_typingBubble__DB9OY{padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;min-width:0}.ChatDemo_typingBubbleDots__lcXN7{display:flex;align-items:center;justify-content:center;gap:5px}.ChatDemo_typingDot__8YrU1{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.7);animation:ChatDemo_typingDot__8YrU1 1.2s ease-in-out infinite both}.ChatDemo_typingDot__8YrU1:first-child{animation-delay:0s}.ChatDemo_typingDot__8YrU1:nth-child(2){animation-delay:.15s}.ChatDemo_typingDot__8YrU1:nth-child(3){animation-delay:.3s}@keyframes ChatDemo_typingDot__8YrU1{0%,60%,to{transform:scale(.85);opacity:.6}30%{transform:scale(1);opacity:1}}.ChatDemo_buttons__dOoHC{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;max-width:100%}.ChatDemo_btn__4bggT{padding:9px 14px;border-radius:16px;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:transform .1s ease,opacity .15s ease,background .15s ease;border:1px solid hsla(0,0%,100%,.12);background:hsla(0,0%,100%,.07);color:hsla(0,0%,100%,.95);-webkit-tap-highlight-color:transparent;white-space:nowrap}.ChatDemo_btn__4bggT:hover{background:hsla(0,0%,100%,.1)}.ChatDemo_btn__4bggT:active{transform:scale(.97);opacity:.9}@media (max-width:480px){.ChatDemo_wrapper__W7MIO{max-width:100%;border-radius:32px}.ChatDemo_chat__sz6nn{min-height:360px;max-height:460px}.ChatDemo_topBar__tjPYP{padding:12px 12px 10px}.ChatDemo_pill__BPm0v{padding:6px 12px 4px}.ChatDemo_pillName__AEhRz{font-size:13px}.ChatDemo_pillSub__7kPJ_{font-size:10px}.ChatDemo_avatar__m_kCS{width:36px;height:36px;font-size:14px}.ChatDemo_body__LVazw{padding:20px 18px 28px}.ChatDemo_bubble__rCf6X{padding:14px 16px;font-size:13px;border-radius:18px}.ChatDemo_bubbleBot__UzG0I{border-radius:18px 18px 18px 6px}.ChatDemo_bubbleMe__2Ufi4{border-radius:18px 18px 6px 18px}.ChatDemo_tgxVoice__97hk_{padding:10px 12px 10px 14px;gap:8px}.ChatDemo_tgxVoicePlay___n6xK{width:28px;height:28px}.ChatDemo_tgxVoicePlay___n6xK:before{margin:-5px 0 0 -3px;border-width:5px;border-left-color:hsla(0,0%,100%,.95)}.ChatDemo_tgxVoiceTime__ZzWlY{font-size:12px}.ChatDemo_btn__4bggT{padding:8px 12px;font-size:11px;border-radius:14px}}