@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{--background: #FEFEFE;--foreground: #201E1E;--chat-background: #F0F0F0;--user-message-bg: #2E8CCB;--user-message-color: #FEFEFE;--bot-message-bg: #FEFEFE;--bot-message-color: #201E1E;--input-bg: #FEFEFE;--input-border: #e5e5e5;--input-text: #201E1E;--button-bg: #2E8CCB;--button-color: #FEFEFE;--button-hover: #246fa3;--button-disabled: #e5e5e5;--loading-dot: #2E8CCB;--header-border: #e5e5e5;--shadow-color: rgba(0, 0, 0, .1);--active-icon: #2E8CCB;--sidebar-bg: #FEFEFE;--sidebar-text: #201E1E;--sidebar-hover: #F0F0F0;--sidebar-active: #E4F1F9;--sidebar-border: #e5e5e5}.dark{--background: #201E1E;--foreground: #FEFEFE;--chat-background: #111111;--user-message-bg: #2E8CCB;--user-message-color: #FEFEFE;--bot-message-bg: #2D2D2D;--bot-message-color: #FEFEFE;--input-bg: #2D2D2D;--input-border: #444444;--input-text: #FEFEFE;--button-bg: #2E8CCB;--button-color: #FEFEFE;--button-hover: #246fa3;--button-disabled: #444444;--loading-dot: #2E8CCB;--header-border: #444444;--shadow-color: rgba(0, 0, 0, .3);--active-icon: #2E8CCB;--sidebar-bg: #2D2D2D;--sidebar-text: #FEFEFE;--sidebar-hover: #353535;--sidebar-active: #1f5280;--sidebar-border: #444444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,proxima-nova,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--foreground);transition:background-color .3s ease,color .3s ease;overflow:hidden;width:100%;height:100vh;display:flex;flex-direction:column}#root{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){body{font-size:14px}}:root{--background: #F0F0F0;--foreground: #201E1E;--chat-background: #F0F0F0;--user-message-bg: #2E8CCB;--user-message-color: #FEFEFE;--bot-message-bg: #FEFEFE;--bot-message-color: #201E1E;--input-bg: #FEFEFE;--input-border: #e5e5e5;--input-text: #201E1E;--button-bg: #2E8CCB;--button-color: #FEFEFE;--button-hover: #246fa3;--button-disabled: #e5e5e5;--loading-dot: #2E8CCB;--header-border: #e5e5e5;--shadow-color: rgba(0, 0, 0, .1);--active-icon: #2E8CCB;--sidebar-bg: #FEFEFE;--sidebar-text: #201E1E;--sidebar-hover: #F0F0F0;--sidebar-active: #E4F1F9;--sidebar-border: #e5e5e5;--danger-color: #e53935;--danger-hover: #c62828;--border-radius-sm: .2rem;--border-radius-md: .4rem;--border-radius-lg: .6rem;--border-radius-xl: .8rem;--border-radius-xxl: 8px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-base: 1rem;--spacing-lg: 1.25rem;--spacing-xl: 1.5rem;--spacing-xxl: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-3xl: 2rem;--transition-fast: .2s ease;--transition-normal: .3s ease;--shadow-sm: 0 1px 3px var(--shadow-color);--shadow-md: 0 2px 5px var(--shadow-color);--shadow-lg: 0 4px 12px var(--shadow-color);--shadow-input: 0 0 0 2px rgba(46, 140, 203, .2)}.dark{--background: #1E1E1E;--foreground: #FFFFFF;--chat-background: #1E1E1E;--user-message-bg: #1976D2;--user-message-color: #FFFFFF;--bot-message-bg: #2D2D2D;--bot-message-color: #FFFFFF;--input-bg: #333333;--input-border: #555555;--input-text: #FFFFFF;--button-bg: #2196F3;--button-hover: #1565C0;--button-disabled: #555555;--header-border: #444444;--shadow-color: rgba(0, 0, 0, .5);--active-icon: #64B5F6;--sidebar-bg: #262626;--sidebar-text: #FFFFFF;--sidebar-hover: #333333;--sidebar-active: #1E88E5;--sidebar-border: #444444;--danger-color: #F44336;--danger-hover: #D32F2F}.dark body,.dark main,.dark .main-chat,.dark .main-initial{background-color:var(--background)}*,*:before,*:after{box-sizing:border-box;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body{margin:0;padding:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--foreground);transition:background-color var(--transition-normal),color var(--transition-normal);height:100vh;display:flex;flex-direction:column;overflow:hidden}#root,.app{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.chat-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-base)}.chat-container{display:flex;width:100%;height:100vh}main{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;background-color:var(--chat-background)}main.main-initial{justify-content:center;align-items:center;padding:0 var(--spacing-xxl)}main.main-chat{display:flex;flex-direction:column;max-width:768px;margin-left:auto;margin-right:auto;width:100%}.main-chat{background-color:var(--chat-background)}.chat-header,header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--header-border);background-color:var(--background);z-index:10;box-shadow:var(--shadow-sm)}.header-buttons{display:flex;gap:var(--spacing-sm);align-items:center}.action-button,.clear-button,.theme-toggle,.menu-button{background:none;border:none;cursor:pointer;padding:.4rem;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--foreground);transition:all var(--transition-fast);opacity:.7}.action-button:hover,.clear-button:hover,.theme-toggle:hover,.menu-button:hover{background-color:var(--sidebar-hover);opacity:1}.action-button.active{color:var(--active-icon);opacity:1}.action-button-hardcoded,.action-button{display:none}.close-sidebar-button{background:none;border:none;color:var(--foreground);font-size:1.75rem;cursor:pointer;padding:var(--spacing-sm);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);transition:all var(--transition-fast);opacity:.7}.close-sidebar-button:hover{background-color:#10a37f1a;opacity:1}.chat-sidebar{display:flex;flex-direction:column;height:100%;background-color:var(--sidebar-bg);padding:var(--spacing-md);border-right:1px solid var(--sidebar-border);z-index:5}.sidebar-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--sidebar-border);margin-bottom:0}.sidebar-header .logo-container{display:flex;align-items:center;gap:var(--spacing-sm)}.sidebar-header .header-logo{width:2rem;height:2rem}.sidebar-header .logo-container span{font-size:var(--font-size-xl);font-weight:600;color:var(--foreground)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:1000;display:flex;align-items:center}.floating-sidebar{position:relative;width:330px;background-color:var(--sidebar-bg);height:100vh;border-right:1px solid var(--sidebar-border);box-shadow:2px 0 10px #0000001a;animation:slideIn .3s ease-out}.new-chat-button{flex:1;padding:var(--spacing-md) var(--spacing-base);background-color:var(--button-bg);color:var(--button-color);border:none;border-radius:5px;cursor:pointer;font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%}.new-chat-button:hover{background-color:var(--button-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.sidebar-actions{padding:var(--spacing-base);border-bottom:1px solid var(--sidebar-border)}.sidebar-footer{border-top:1px solid var(--sidebar-border)}.chat-list{flex:1;overflow-y:auto;padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-sm) 0}.chat-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-md);margin:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);color:var(--sidebar-text)}.chat-item:hover{background-color:var(--sidebar-hover)}.chat-item.active{background-color:var(--sidebar-active);font-weight:500}.delete-chat-button{opacity:0;background:none;border:none;color:var(--foreground);cursor:pointer;font-size:var(--font-size-xl);width:1.75rem;height:1.75rem;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.chat-item:hover .delete-chat-button{opacity:.5}.delete-chat-button:hover{opacity:1!important;background-color:#e539351a;color:var(--danger-color)}.delete-all-chats{margin:var(--spacing-base) var(--spacing-lg);padding:var(--spacing-md);background-color:var(--danger-color);color:#fff;border:none;border-radius:5px;cursor:pointer;width:calc(100% - 2 * var(--spacing-lg));font-weight:500;transition:all var(--transition-fast)}.delete-all-chats:hover{background-color:var(--danger-hover);transform:translateY(-1px);box-shadow:0 4px 12px #e5393533}.delete-all-chats:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.no-chats-message{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xxl) var(--spacing-base);color:var(--sidebar-text);opacity:.7;text-align:center;font-size:var(--font-size-sm)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md);padding-bottom:180px;display:flex;flex-direction:column;gap:var(--spacing-sm);scrollbar-width:none;-ms-overflow-style:none}.chat-messages::-webkit-scrollbar{display:none}.message{display:flex;max-width:80%;margin-bottom:var(--spacing-xl)}.user-message{align-self:flex-end}.bot-message{align-self:flex-start}.message-content{padding:var(--spacing-base) var(--spacing-lg);border-radius:var(--border-radius-xxl);line-height:1.5;white-space:pre-wrap;word-break:break-word;box-shadow:var(--shadow-sm)}.user-message .message-content{background-color:var(--user-message-bg);color:var(--user-message-color);border-bottom-right-radius:var(--border-radius-md)}.bot-message .message-content{background-color:var(--bot-message-bg);color:var(--bot-message-color);border-bottom-left-radius:var(--border-radius-md);box-shadow:0 1px 4px var(--shadow-color)}.user-message.audio-message .message-content{background-color:transparent;padding:0}.message-image{max-width:100%;max-height:300px;border-radius:var(--border-radius-md);margin-top:var(--spacing-sm);object-fit:contain}.message-audio{display:block;width:300px;min-width:250px;margin:var(--spacing-xs) 0;border-radius:var(--border-radius-lg);background-color:transparent}.message-audio::-webkit-media-controls-panel{background-color:var(--bot-message-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-xs);border:none}.message-audio::-webkit-media-controls-current-time-display,.message-audio::-webkit-media-controls-time-remaining-display,.message-audio::-webkit-media-controls-timeline{color:var(--bot-message-color)}.message-audio::-webkit-media-controls-play-button{filter:brightness(.8);background-color:var(--button-bg);border-radius:50%;border:none}.dark .message-audio::-webkit-media-controls-play-button{filter:brightness(1.2)}.message-audio::-webkit-media-controls-enclosure{border-radius:var(--border-radius-lg);border:none;background-color:transparent}.loading{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-base)}.dot{width:.5rem;height:.5rem;background-color:var(--loading-dot);border-radius:50%;opacity:.7;animation:bounce 1.4s infinite ease-in-out both}.dot:nth-child(1){animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.audio-playing{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:#2e8ccb1a;border-left:3px solid var(--button-bg)}.audio-icon{font-size:var(--font-size-xl);animation:pulse-icon 1.5s infinite ease-in-out}.audio-text{font-weight:500;color:var(--button-bg)}@keyframes pulse-icon{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(.9)}}.dark .audio-playing{background-color:#2196f326;border-left:3px solid var(--button-bg)}.dark .audio-text{color:var(--button-color)}.chat-input-container,.chat-input-area{display:flex;padding:var(--spacing-xl);background-color:var(--background);border-top:1px solid var(--input-border);position:relative;z-index:10;box-shadow:0 -2px 10px #0000000d}.chat-input{flex:1;padding:var(--spacing-base) var(--spacing-lg);border:1px solid var(--input-border);border-radius:var(--border-radius-xxl);resize:none;font-size:var(--font-size-base);line-height:1.5;background-color:var(--input-bg);color:var(--input-text);transition:all var(--transition-normal);max-height:120px;overflow-y:hidden}.chat-input:focus{border-color:var(--button-bg);outline:none;box-shadow:var(--shadow-input)}.chat-buttons{display:flex;gap:var(--spacing-md);margin-left:var(--spacing-md);align-items:center}.send-button,.record-button,.image-button{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:none;background-color:var(--button-bg);color:var(--button-color);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.send-button:hover,.record-button:hover,.image-button:hover{background-color:var(--button-hover)}.send-button:disabled,.record-button:disabled,.image-button:disabled{background-color:var(--button-disabled);cursor:not-allowed}.recording,.recording:hover{background-color:var(--danger-color);animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #e5393566}70%{box-shadow:0 0 0 10px #e5393500}to{box-shadow:0 0 #e5393500}}.initial-screen{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--spacing-xxl);box-sizing:border-box}.initial-screen-content{max-width:700px}.initial-heading{display:flex;align-items:center;justify-content:center;margin-bottom:2.5rem}.initial-logo-icon{width:4rem;height:4rem;margin-right:var(--spacing-base)}.initial-title{font-size:var(--font-size-3xl);font-weight:300;color:var(--foreground);margin:0}.empty-state{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;padding:var(--spacing-xxl)}.no-chat-selected-message{max-width:500px}.no-chat-selected-message h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm)}.no-chat-selected-message p{opacity:.7}@keyframes subtle-pulse{0%{box-shadow:0 4px 15px #0003;border:1px solid transparent}50%{box-shadow:0 4px 15px #0003;border:1px solid rgba(33,150,243,.15)}to{box-shadow:0 4px 15px #0003;border:1px solid transparent}}.chat-input-area.initial-input{width:85%;max-width:650px;margin:var(--spacing-xl) auto 0;border-radius:var(--border-radius-xxl);padding:var(--spacing-base) var(--spacing-xl);box-shadow:0 4px 15px #0003;border:1px solid transparent;background-color:var(--chat-background);animation:subtle-pulse 4s infinite ease-in-out}.dark .chat-input-area.initial-input{animation:subtle-pulse-dark 4s infinite ease-in-out}@keyframes subtle-pulse-dark{0%{box-shadow:0 4px 15px #00000080;border:1px solid transparent}50%{box-shadow:0 4px 15px #00000080;border:1px solid rgba(33,150,243,.2)}to{box-shadow:0 4px 15px #00000080;border:1px solid transparent}}.initial-input .chat-input{background-color:#fff;border-color:#e0e0e0}.no-chat-message:before{content:"";display:block;width:200px;height:200px;background-size:contain;background-repeat:no-repeat;background-position:center;margin-bottom:var(--spacing-xl);opacity:.8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:var(--bot-message-bg);padding:var(--spacing-xxl);border-radius:var(--border-radius-lg);max-width:90%;width:400px;box-shadow:0 4px 12px var(--shadow-color)}.modal-title{margin:0 0 var(--spacing-base) 0;font-size:var(--font-size-xl);font-weight:600;color:var(--foreground)}.modal-text{margin-bottom:var(--spacing-xl);color:var(--foreground)}.modal-buttons{display:flex;gap:var(--spacing-base);justify-content:flex-end}.modal-button{padding:var(--spacing-sm) var(--spacing-base);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-weight:500;transition:background-color var(--transition-fast)}.modal-button.confirm{background-color:var(--danger-color);color:#fff}.modal-button.confirm:hover{background-color:var(--danger-hover)}.modal-button.cancel{background-color:var(--input-border);color:var(--foreground)}.modal-button.cancel:hover{background-color:var(--button-disabled)}@media (max-width: 768px){.chat-container{height:100vh;max-width:100%;border-radius:0}.chat-page{padding:0}.message{max-width:90%}.chat-messages{padding:var(--spacing-xl);padding-bottom:220px}.chat-input-container,.chat-input-area{padding:var(--spacing-base)}.chat-sidebar{width:100%;height:100vh;border-right:1px solid var(--sidebar-border)}.chat-main{padding-left:260px}main.main-initial{padding:0 var(--spacing-lg)}}@media (max-width: 600px){.initial-heading{flex-direction:column;text-align:center}.initial-logo-icon{margin-right:0;margin-bottom:var(--spacing-base)}.initial-title{font-size:1.7rem;text-align:center}.chat-input-area.initial-input{width:100%;margin:0 auto var(--spacing-base)}.chat-input-area{flex-direction:column;padding:var(--spacing-base) var(--spacing-xl)}.chat-input{max-height:100px;overflow-y:hidden}.chat-buttons{margin-left:0;margin-top:15px;justify-content:flex-end;width:100%}.main-chat .chat-input-area{margin-bottom:20px;margin-left:10px;margin-right:10px;width:calc(100% - 2 * var(--spacing-base))}}@media (max-width: 480px){.chat-sidebar{width:100%;border-right:none}.chat-main{display:none}.chat-container{display:block}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media print{.chat-sidebar,.chat-header,.chat-input-area,.modal-overlay{display:none!important}.chat-messages{padding:0;overflow:visible;height:auto}.message{page-break-inside:avoid}}.main-chat .chat-input-area{position:fixed;bottom:0;left:20px;right:20px;max-width:768px;margin-left:auto;margin-right:auto;margin-bottom:30px;padding:var(--spacing-base) var(--spacing-xl);border-radius:var(--border-radius-xxl);box-shadow:0 4px 15px #0003;border:none;background-color:var(--chat-background);z-index:10;display:flex}.main-chat .chat-input{background-color:#fff;border-color:#e0e0e0}.dark .main-chat .chat-input-area{background-color:#252525;box-shadow:0 4px 20px #000000b3}.dark .main-chat .chat-input,.dark .initial-input .chat-input{background-color:#333;border-color:#555;color:#fff}.dark .send-button,.dark .record-button{background-color:#2196f3}.record-button{display:none}.header-logo{display:flex;align-items:center;margin-left:12px}.header-logo-text{margin-left:8px;font-weight:600;font-size:18px;color:#2e8ccb}