*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#fff;overflow:hidden}::selection{background-color:#00b4fa;color:#fff}#container{display:flex;flex-direction:column;height:100vh;width:100%}.custom-header{background:#fff;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 8px #0000000d}.header-left{display:flex;flex-direction:column}.header-title{font-size:32px;font-weight:700;color:#00b4fa;margin:0;line-height:1}.header-subtitle{font-size:14px;font-weight:600;color:#ff69b4;margin-top:4px}.header-logo{height:60px;width:auto}.main-content{display:flex;flex:1;overflow:hidden}header{display:none}.header{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:10;text-align:center}#previewName{font-size:18px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3)}#connectionLabel{font-size:12px;color:#ffffffe6;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2);display:block;margin-top:4px}.chat-section{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden;border-right:1px solid #e5e5e5}#video-wrapper{position:relative;width:50%;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}video{width:100%;height:100%;object-fit:cover;display:block;position:absolute}#buttons{display:none}#answers{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:#fff}#answers::-webkit-scrollbar{width:6px}#answers::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.userMessage{background:#00b4fa;color:#fff;padding:12px 16px;border-radius:20px;margin-left:auto;max-width:70%;font-size:15px;line-height:1.4;word-wrap:break-word;box-shadow:0 1px 2px #0000001a}.agentMessage{background:#e9e9eb;color:#000;padding:12px 16px;border-radius:20px;margin-right:auto;max-width:70%;font-size:15px;line-height:1.4;word-wrap:break-word;box-shadow:0 1px 2px #0000000d}.ratingButtons{display:none}.inputsDiv{padding:12px 16px 20px;background:#fff;border-top:1px solid #e5e5e5}.mainInput{display:flex;align-items:center;gap:8px;background:#f2f2f7;border-radius:24px;padding:8px 12px;transition:background-color .2s}.mainInput:focus-within{background:#e8e8ed}.mainInput textarea{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:#000;resize:none;font-family:inherit;max-height:100px;line-height:20px;padding:4px 0}.mainInput textarea::placeholder{color:#8e8e93}.roundButton{width:32px;height:32px;border-radius:50%;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}#actionButton{background:#00b4fa;color:#fff}#actionButton:hover:not(:disabled){background:#0096dc;transform:scale(1.05)}#actionButton:disabled{background:#c7c7cc;cursor:not-allowed}#speechButton{background:#e9e9eb;color:#000}#speechButton:hover{background:#d1d1d6}#interruptButton{background:#ff3b30;color:#fff}.button{display:none}#hidden{display:none;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:#fff}#hidden h2{font-size:24px;color:#000;margin-bottom:12px}#hidden h3{font-size:16px;color:#8e8e93;font-weight:500;margin-bottom:24px}#reconnectButton{background:#00b4fa;color:#fff;border:none;padding:12px 32px;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:background .2s}#reconnectButton:hover{background:#0096dc}