*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;color:#333;line-height:1.6}.header,body{background-color:#f8f9fa}.header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}audio{display:none}.voice-chat-container{display:flex;flex-wrap:nowrap;width:100%;height:100vh;overflow:hidden}.phone-widget{flex:1;padding:1rem;background-color:#f8f9fa;border-right:1px solid #ccc;display:flex;flex-direction:column;justify-content:center;align-items:center}.dialer-display{background-color:#f1f1f1;padding:1rem;margin-bottom:1rem;font-size:1.5rem;border:1px solid #ccc;border-radius:5px}.dialer-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.keypad-button{padding:1rem;font-size:1.25rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.keypad-button:hover{background-color:#0056b3}.call-button{padding:.75rem 1.5rem;font-size:1.25rem;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}.call-button:hover{background-color:#218838}.call-header{margin-bottom:1rem;font-size:1.5rem}.call-controls{display:flex;justify-content:center;gap:1rem}.call-controls button{background-color:#dc3545;color:#fff;border:none;padding:.75rem;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:background-color .3s}.call-controls button:hover{background-color:#c82333}.call-interface,.dialer{width:100%;max-width:400px;text-align:center}.chat-widget{flex:1;padding:1rem;background-color:#f8f9fa;border-left:1px solid #ccc;display:flex;flex-direction:column;justify-content:flex-start}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid #ddd;padding-bottom:.5rem}.chat-header h4{margin:0;font-size:1.25rem}.copy-button{display:flex;align-items:center;gap:.5rem;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer;font-size:.9rem;transition:background-color .3s;position:relative}.copy-button:hover{background-color:#ddd}.chat-messages{flex:1;overflow-y:auto;padding-right:.5rem}.chat-bubble{padding:1rem;margin:.5rem 0;border-radius:10px;word-wrap:break-word;line-height:1.4;font-size:.95rem;max-width:80%}.chat-bubble.user{background:#d1f8ff;margin-left:auto;text-align:right}.chat-bubble.server{background:#f1f1f1;margin-right:auto;text-align:left}.toggle-view-button{display:none;background-color:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;cursor:pointer;text-align:center;font-size:1rem;margin:1rem}.toggle-view-button:hover{background-color:#0056b3}@media (max-width:768px){.voice-chat-container{flex-direction:column;height:auto}.chat-widget,.phone-widget{display:none;width:100%}.chat-widget.active,.phone-widget.active{display:flex;height:80vh}.toggle-view-button{display:block}}