body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.App,body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100%;margin:0;padding:0;width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.index-page-wrapper{align-items:center;background-color:#f8f9fa;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:20px;width:100%}.language-switcher{background-color:#fffc;border-radius:4px;box-shadow:0 2px 4px #0000001a;display:flex;gap:10px;margin-bottom:20px;padding:8px;position:absolute;right:20px;top:20px}.language-switcher button{background-color:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.language-switcher button:hover{background-color:#f1f3f4;border-color:#c6cace}.language-switcher button.active,.language-switcher button:disabled{background-color:#1a73e8;border-color:#1a73e8;color:#fff;cursor:default}.index-page-container{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;max-width:400px;padding:40px;text-align:center;width:100%}.index-page-container h1{color:#202124;font-size:2.5rem;font-weight:400;margin-bottom:30px}.input-group{display:flex;margin-bottom:20px;width:100%}.index-page-container input[type=text]{border:1px solid #dadce0;border-radius:4px 0 0 4px;box-sizing:border-box;flex-grow:1;font-size:1rem;outline:none;padding:12px 15px}.index-page-container input[type=text]:focus{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.index-page-container button{background-color:#1a73e8;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 20px;transition:background-color .3s ease;white-space:nowrap}.index-page-container button:hover{background-color:#1558b0}.join-button-separate{border-radius:4px;margin-top:10px;width:100%}.logo-container{margin-bottom:20px}.logo-container img{max-width:150px}.subtitle{color:#5f6368;font-size:1rem;margin-bottom:30px;max-width:320px}.promo-block{border-top:1px solid #dadce0;margin-top:40px;padding-top:30px;width:100%}.promo-block h2{color:#202124;font-size:1.5rem;font-weight:400;margin-bottom:20px}.features{display:flex;flex-direction:column;gap:20px}.feature-item{background-color:#f8f9fa;border:1px solid #e8eaed;border-radius:8px;padding:15px;text-align:center}.feature-item h3{color:#1a73e8;font-size:1.1rem;font-weight:500;margin-bottom:8px;margin-top:0}.feature-item p{color:#5f6368;font-size:.9rem;line-height:1.5;margin-bottom:0}.feature-item .icon{color:#1a73e8;font-size:1.5rem;margin-right:10px}.about-link-container{font-size:.8rem;margin-top:20px}.about-link{color:#1a73e8;text-decoration:none}.call-page-container{background-color:#f0f2f5;display:flex;flex-direction:column;height:100%;width:100%}.call-page-header{background-color:#fff;border-bottom:1px solid #dadce0;box-shadow:0 2px 4px #0000000d;padding:15px 20px;text-align:center}.call-page-header h1{color:#202124;font-size:1.2rem;font-weight:500;margin:0}.call-main-content{gap:15px;padding:15px}.call-main-content,.presentation-area{display:flex;flex-grow:1;overflow:hidden}.presentation-area{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-direction:column;padding:8px;position:relative}.presentation-area h2{color:#202124;font-size:1.3rem;font-weight:500;margin-bottom:15px;margin-top:0}.main-content-placeholder{align-items:center;background-color:#e8f0fe;border:2px dashed #ccc;border-radius:6px;display:flex;flex-grow:1;font-weight:500;justify-content:center;min-height:200px}.chat-area{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:15px;position:relative;width:320px}.chat-area h2{border-bottom:1px solid #e0e0e0;color:#202124;font-size:1.1rem;font-weight:500;margin-bottom:10px;margin-top:0;padding-bottom:10px}.messages-container{flex-grow:1;overflow-y:auto;padding-right:5px;padding-top:10px}.message{border-radius:6px;font-size:.9rem;line-height:1.4;margin-bottom:8px;padding:8px 10px;word-break:break-all}.message.user{background-color:#d1e7fd;color:#0c5460;margin-left:auto;max-width:80%;text-align:right}.message.other{background-color:#e9ecef;color:#383d41;margin-right:auto;max-width:80%;text-align:left}.message-sender{color:#495057;display:block;font-size:.75rem;font-weight:600;margin-bottom:2px}.message.user .message-sender{color:#0056b3}.message.other .message-sender{color:#5a5a5a}.message strong{font-weight:600}.connected-users-section{border-bottom:1px solid #e0e0e0;margin-bottom:10px;max-height:120px;overflow-y:auto;padding-bottom:10px;padding-left:5px;padding-right:5px}.connected-users-section h3{color:#5f6368;font-size:.9rem;font-weight:500;margin-bottom:6px;margin-top:0}.user-list{list-style-type:none;margin:0;padding-left:0}.user-list-item{color:#5f6368;font-size:.85rem;overflow:hidden;padding:4px 0;text-overflow:ellipsis;white-space:nowrap}.chat-input-area{display:flex;gap:8px;margin-top:auto}.chat-input-area input[type=text]{border:1px solid #ced4da;border-radius:4px;flex-grow:1;font-size:.9rem;padding:10px}.chat-input-area input[type=text]:focus{border-color:#1a73e8;box-shadow:0 0 0 .2rem #1a73e840;outline:none}.chat-input-area button{background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 15px}.chat-input-area button:hover{background-color:#1558b0}.controls-bar{align-items:center;background-color:#fff;border-top:1px solid #dadce0;box-shadow:0 -2px 4px #0000000d;display:flex;gap:15px;justify-content:center;padding:12px 20px}.controls-bar button{background-color:#fff;border:1px solid #dadce0;border-radius:4px;color:#3c4043;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 18px;transition:background-color .2s ease,box-shadow .2s ease}.controls-bar button:hover{background-color:#f1f3f4;border-color:#c6cace}.controls-bar button.leave-button{background-color:#ea4335;border-color:#ea4335;color:#fff}.controls-bar button.leave-button:hover{background-color:#d93025;border-color:#d93025}.audio-status{color:#5f6368;font-size:.9rem}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:30px 40px;text-align:center;width:100%}.modal-content h2{color:#202124;font-size:1.5rem;margin-bottom:15px;margin-top:0}.modal-content p{color:#5f6368;font-size:.95rem;margin-bottom:20px}.modal-input{border:1px solid #dadce0;border-radius:4px;box-sizing:border-box;font-size:1rem;margin-bottom:20px;outline:none;padding:12px 15px;width:100%}.modal-input:focus{border-color:#1a73e8;box-shadow:0 0 0 2px #1a73e840}.modal-button{background-color:#1a73e8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 20px;transition:background-color .3s ease;width:100%}.modal-button:hover{background-color:#1558b0}.loading-username{align-items:center;color:#5f6368;display:flex;font-size:1.2rem;height:100%;justify-content:center}@media (max-width:768px){.call-main-content{flex-direction:column;gap:10px;padding:10px}.chat-area{margin-bottom:0;max-height:40vh;width:92%}.chat-area.chat-area-expanded{min-height:220px}.chat-area.chat-area-collapsed{min-height:80px}.ai-presentation-area{min-height:250px;order:-1}.controls-bar{flex-wrap:wrap;gap:10px;padding:10px}.controls-bar button{font-size:.85rem;padding:8px 12px}.call-page-header h1{font-size:1rem}.modal-content{max-width:90%;padding:20px}}.llm-navigation{display:flex;gap:8px;position:absolute;right:15px;top:15px;z-index:10}.llm-navigation button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;line-height:1;padding:4px 8px;transition:background-color .2s ease-in-out}.llm-navigation button:hover:not(:disabled){background-color:#0056b3}.llm-navigation button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.5}.speaking-indicator{background-color:#28a745;border-radius:50%;box-shadow:0 0 5px #28a745;display:inline-block;height:10px;margin-right:8px;vertical-align:middle;width:10px}.mic-status-indicator{font-size:1.2rem;margin-left:10px}.message-timestamp{color:#6c757d;font-size:.7rem;font-weight:400;margin-left:5px;margin-right:5px}.chat-action-controls{display:flex;gap:8px;position:absolute;right:15px;top:15px;z-index:10}.chat-action-controls button{background-color:#ccc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;line-height:1.2;padding:2px 6px;transition:background-color .2s ease-in-out}.chat-action-controls button:hover:not(:disabled){background-color:#0056b3}.chat-action-controls button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.5}