#app{display:flex}button{min-width:130px;border-radius:8px;border:1px solid #1a1a1a;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#f9f9f9;cursor:pointer;transition:border-color .25s}input{border-radius:8px;border:1px solid #1a1a1a;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;transition:border-color .25s}button:hover{background-color:#ddd}button:active{background-color:#ccc}#app .left-side{margin:10px;padding:10px}#app .right-side .waiting{margin:10px;padding:10px;display:flex}#app .right-side{display:flex;margin:10px;padding:10px;flex-wrap:wrap}#app button,#app input{margin:10px;padding:10px}#app h3{padding:0 10px}#app .button-on{background-color:#079eff;color:#fff}#app .right-side video{height:300px!important;max-width:400px;margin:10px;border-radius:4px;aspect-ratio:16/9}body{margin:0}.chat-container{width:100vw;height:100vh;background:#ece5dd;display:flex;align-items:stretch;justify-content:center}.chat-area{width:100%;max-width:480px;height:100vh;background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;margin:0}.chat-area1{overflow-y:auto;max-width:480px;height:80vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.chat_logo{width:10vw;height:10vw;margin:0 auto}.loader{display:flex;align-items:center;margin-top:5vh}.bar{display:inline-block;width:3px;height:40px;background-color:#099dfd;border-radius:10px;animation:scale-up4 1s linear infinite}.bar:nth-child(1){height:25px;margin:0 10px;animation-delay:.05s}.bar:nth-child(2){animation-delay:.15s}.bar:nth-child(3){height:55px;margin:0 10px;animation-delay:.25s}.bar:nth-child(4){animation-delay:.5s}.bar:nth-child(5){animation-delay:.75s;margin:0 10px;height:25px}@keyframes scale-up4{20%{background-color:#fff;transform:scaleY(1.5)}40%{transform:scaleY(1)}}.chat-history{flex:1;overflow-y:auto;padding:16px;background:#f9f9f9}.chat-message-list{display:flex;flex-direction:column;gap:12px}.chat-message{display:flex;flex-direction:column;align-items:flex-start}.chat-message.me{align-items:flex-end}.chat-bubble{max-width:70%;padding:10px 16px;border-radius:18px;font-size:15px;word-break:break-all;box-shadow:0 1px 1px #00000008;background:#fff;color:#222}.chat-message.me .chat-bubble{background:#95ec69;color:#222;border-radius:18px 4px 18px 18px}.chat-message.other .chat-bubble{background:#fff;color:#222;border-radius:4px 18px 18px}.chat-meta{margin-top:2px;font-size:12px;color:#888;display:flex;gap:8px}.chat-message.me .chat-meta{justify-content:flex-end}.chat-actions{display:flex;justify-content:space-between;align-items:center;flex-direction:column;padding:12px 16px;background:#fafafa;border-top:1px solid #eee;position:absolute;left:0;right:0;bottom:0;z-index:2}.chat-actions1{font-size:.9rem;width:100%;display:flex;align-items:center;justify-content:space-between}.chat-actions span{font-size:1.3rem;color:#d32f2f}.chat-actions1 div:nth-child(1){margin-left:10px}.chat-actions1 div:nth-child(2){margin-right:10px}.start-btn,.stop-btn{width:30vw;flex:1;margin:0 8px;padding:10px 0;border:none;border-radius:50px;font-size:16px;cursor:pointer;transition:background .2s;width:80vw}.start-btn{background:#09bb07;color:#fff}.start-btn:disabled{background:#b2e59e;color:#fff;cursor:not-allowed}.stop-btn{background:#f44336;color:#fff}.stop-btn:hover{background:#d32f2f}