:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f4f6f9;display:flex;justify-content:center;align-items:center;height:100vh}.chat-wrapper{width:500px;max-width:100%;min-width:500px;height:80vh;background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000001a;overflow:hidden;display:flex;flex-direction:column;position:relative}.chat-container{display:flex;flex-direction:column;height:100%}h2{margin:0;padding:16px;background:#2b67f6;color:#fff;font-size:20px;text-align:center}.messages{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;background-color:#f9f9fb}.you,.bot{max-width:80%;padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.4;position:relative;word-wrap:break-word;white-space:pre-wrap}.you{align-self:flex-end;background-color:#2b67f6;color:#fff;border-bottom-right-radius:4px}.bot{align-self:flex-start;background-color:#e1eaf7;color:#333;border-bottom-left-radius:4px}.input-box{display:flex;padding:16px;background:#fff;border-top:1px solid #ddd}input{flex:1;padding:10px 14px;font-size:14px;border:1px solid #ccc;border-radius:20px;outline:none;margin-right:10px}button{padding:10px 18px;font-size:14px;background-color:#2b67f6;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:background .3s ease}button:hover{background-color:#1c4dc1}.you,.bot{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-header{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f5f5f5;border-bottom:1px solid #ddd;margin-bottom:20px}.agent-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:10px;object-fit:cover}.agent-info{margin:0;font-size:16px;color:#333;text-align:center;font-weight:500}.transcript-button{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;margin-top:15px;transition:background-color .3s}.transcript-button:hover{background-color:#218838}.transcript-form-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:10000;overflow-y:auto}.transcript-form{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding:0 20px;box-sizing:border-box}.form-title{background-color:#28a745;color:#fff;text-align:center;margin:0;padding:20px;font-size:20px;font-weight:700;border-radius:12px 12px 0 0;-webkit-user-select:none;user-select:none}.form-content{flex:1;padding:10px 0;max-width:600px;margin:0 auto;box-sizing:border-box;overflow-y:auto}.form-field{margin-bottom:5px}.form-field label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-row{display:flex;gap:15px;margin-bottom:10px}.form-row .form-field{flex:1;margin-bottom:0}.form-field input,.form-field select{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-field input:focus,.form-field select:focus{outline:none;border-color:#007bff}.field-label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.radio-group{display:flex;gap:20px;margin-top:10px}.radio-option{display:flex!important;align-items:center!important;gap:8px!important;font-size:14px!important;font-weight:400!important;cursor:pointer;white-space:nowrap}.radio-option input[type=radio]{width:auto!important;height:auto!important;margin:0!important;padding:0!important;flex-shrink:0}.radio-option span{line-height:1}.checkbox-field{display:flex;align-items:center;gap:10px;font-size:14px;margin-top:10px;color:#333}.checkbox-option input[type=checkbox]{margin:0;transform:scale(1.2)}.checkbox-container{display:flex;align-items:flex-start;gap:10px;font-weight:400;cursor:pointer}.checkbox-container input[type=checkbox]{width:auto;margin:2px 0 0;flex-shrink:0}.checkbox-text{font-size:13px;line-height:1.4}.form-buttons{display:flex;gap:5px;justify-content:center;margin-top:0;padding-top:0;border-top:1px solid #eee}.submit-button{background-color:#007bff;color:#fff;border:none;padding:12px 30px;border-radius:4px;cursor:pointer;font-size:14px}.submit-button:hover{background-color:#0056b3}.cancel-button{background-color:#6c757d;color:#fff;border:none;padding:12px 30px;border-radius:4px;cursor:pointer;font-size:14px}.cancel-button:hover{background-color:#545b62}.success-message{flex:1;display:flex;justify-content:center;align-items:center;padding:20px}.success-message h2{color:#fff;font-size:24px;-webkit-user-select:none;user-select:none}.typing-indicator{display:flex;align-items:center;justify-content:flex-start;padding:10px;height:24px}.dot{width:8px;height:8px;margin:0 4px;background-color:#555;border-radius:50%;animation:blink 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{transform:scale(.7);opacity:.6}40%{transform:scale(1);opacity:1}}