body{font-family:'Inter',Roboto,Arial,sans-serif;margin:0;padding:0;background-color:#f0f2f5;display:flex;flex-direction:column;min-height:100vh;align-items:center;font-size:13px;}.main-chat-wrapper{padding-top:80px;padding-bottom:90px;box-sizing:border-box;}@media (min-width:769px){.main-chat-wrapper{max-width:900px;width:100%;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;}.input-area-wrapper{max-width:900px;left:50%;transform:translateX(-50%);padding-left:20px;padding-right:20px;box-sizing:border-box;}.input-area{width:100%;}.message{max-width:70%;}}.header{background-color:white;color:#202124;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;box-shadow:0 2px 5px rgba(0,0,0,.1);width:100%;box-sizing:border-box;position:fixed;top:0;left:0;z-index:10;}.header-title{display:none;font-size:20px;font-weight:500;color:#202124;}.chat-messages{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.1) transparent;}.chat-messages::-webkit-scrollbar{width:8px;}.chat-messages::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:4px;}.chat-messages::-webkit-scrollbar-track{background-color:transparent;}.message{margin-bottom:40px;padding:16px 20px 16px 20px;border-radius:24px;max-width:80%;clear:both;word-break:break-word;position:relative;background-color:white;box-shadow:0 1px 2px rgba(0,0,0,.05);}.message pre{background-color:#2d2d2d;color:#f8f8f2;padding:10px;border-radius:8px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;max-width:100%;box-sizing:border-box;font-family:'Fira Code','Cascadia Code','Consolas',monospace;font-size:.9em;margin-top:10px;margin-bottom:10px;position:relative;}.message code{font-family:'Fira Code','Cascadia Code','Consolas',monospace;background-color:rgba(0,0,0,.1);padding:2px 4px;border-radius:4px;font-size:.9em;word-break:break-all;}.copy-code-button{position:absolute;top:5px;right:5px;background-color:rgba(255,255,255,.2);border:none;border-radius:4px;padding:5px 8px;cursor:pointer;display:flex;align-items:center;gap:5px;font-size:.8em;color:#f8f8f2;opacity:1;transition:background-color .2s ease;z-index:1;}.copy-code-button:hover{background-color:rgba(255,255,255,.3);}.copy-code-button svg{width:14px;height:14px;fill:#f8f8f2;}.copy-feedback.code-copy-feedback{position:absolute;top:35px;right:5px;transform:none;background-color:#333;color:white;padding:4px 8px;border-radius:4px;font-size:10px;opacity:0;transition:opacity .3s ease-in-out;white-space:nowrap;pointer-events:none;z-index:20;}.user-message{background-color:#e8f0fe;color:#202124;align-self:flex-end;float:right;}.ai-message{background-color:#f0f0f0;color:#202124;align-self:flex-start;float:left;}.system-message{background-color:#e0e0e0;color:#555;text-align:center;align-self:center;font-style:italic;max-width:60%;margin-left:auto;margin-right:auto;padding:8px 15px;font-size:.9em;border-radius:16px;margin-bottom:20px;}.copy-icon-container{position:absolute;bottom:-28px;right:5px;background-color:rgba(255,255,255,.7);border-radius:50%;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:10;}.message:hover .copy-icon-container{opacity:1;}.copy-icon-container:hover{background-color:rgba(255,255,255,.9);}.copy-icon-container svg{width:16px;height:16px;fill:#555;}.copy-feedback{position:absolute;bottom:-25px;right:0;background-color:#333;color:white;padding:4px 8px;border-radius:4px;font-size:10px;opacity:0;transition:opacity .3s ease-in-out;white-space:nowrap;pointer-events:none;z-index:20;}.copy-feedback.show{opacity:1;}.copy-icon-container.active svg path{fill:#1a73e8;}.tts-icon-container{position:absolute;bottom:-28px;left:5px;background-color:rgba(255,255,255,.7);border-radius:50%;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease-in-out;box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:10;}.message:hover .tts-icon-container{opacity:1;}.tts-icon-container:hover{background-color:rgba(255,255,255,.9);}.tts-icon-container svg{width:16px;height:16px;fill:#555;}.tts-icon-container.active svg path{fill:#1a73e8;}.feedback-controls{display:flex;gap:5px;margin-top:5px;position:absolute;bottom:-28px;right:38px;opacity:0;transition:opacity .2s ease-in-out;z-index:10;}.message:hover .feedback-controls{opacity:1;}.feedback-controls button{background-color:rgba(255,255,255,.7);border:none;cursor:pointer;padding:4px;border-radius:50%;transition:background-color .2s ease,box-shadow .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(0,0,0,.1);}.feedback-controls button:hover{background-color:rgba(255,255,255,.9);box-shadow:0 2px 6px rgba(0,0,0,.15);}.feedback-controls button svg{width:16px;height:16px;fill:#777;}.feedback-controls button.active svg path{fill:#1a73e8;}.feedback-controls button.active.dislike svg path{fill:#e84f1a;}.input-area{display:flex;padding:16px;box-sizing:border-box;}button{padding:12px 20px;background-color:#1a73e8;color:white;border:none;border-radius:24px;cursor:pointer;font-size:13px;transition:background-color .3s ease;white-space:nowrap;}button:hover{background-color:#0d47a1;}button:focus{outline:none;box-shadow:0 0 10px rgba(26,115,232,.5);}.loading-indicator{color:#757575;font-size:.9em;margin-top:8px;align-self:center;display:none;}.suggested-questions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;justify-content:center;}.suggested-question{background-color:#e0e0e0;color:#202124;padding:8px 12px;border-radius:16px;cursor:pointer;font-size:11px;transition:background-color .3s ease;border:none;}.suggested-question:hover{background-color:#c2c2c2;}#nav-menu-container{display:flex;flex-grow:1;justify-content:flex-end;align-items:center;}.nav-menu{display:flex;margin:0;padding:0;list-style:none;}.nav-menu li{margin-left:20px;}.nav-menu a{color:#202124;text-decoration:none;font-size:13px;font-weight:400;transition:color .3s ease;}.nav-menu a:hover{color:#1a73e8;}@media (max-width:768px){.header{align-items:center;}.main-chat-wrapper{padding-top:70px;padding-bottom:80px;padding-left:0;padding-right:0;}.input-area-wrapper{left:0;transform:none;padding-left:0;padding-right:0;}.input-area{padding:10px;}#nav-menu-container{flex-direction:column;align-items:flex-start;width:100%;}.nav-menu{flex-direction:column;align-items:flex-start;margin-top:10px;}.nav-menu li{margin-left:0;margin-bottom:10px;}.message{max-width:80%;}}@keyframes fadeIn{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:translateY(0);}}.message.new-message{animation:fadeIn .2s ease-out forwards;}@keyframes bounce-dots{0%,80%,100%{opacity:0;transform:scale(0);}40%{opacity:1;transform:scale(1);}}.typing-indicator-dots{display:flex;align-items:center;justify-content:flex-start;padding:0 4px;height:1.2em;}.typing-indicator-dots .dot{width:6px;height:6px;background-color:#888;border-radius:50%;margin:0 2px;opacity:0;animation:bounce-dots 1.4s infinite ease-in-out;}.typing-indicator-dots .dot:nth-child(1){animation-delay:0s;}.typing-indicator-dots .dot:nth-child(2){animation-delay:.2s;}.typing-indicator-dots .dot:nth-child(3){animation-delay:.4s;}.ai-message.typing-state{}textarea::-webkit-scrollbar{width:0px;height:0px;}textarea{scrollbar-width:none;}