@import"https://fonts.googleapis.com/css2?family=Prompt:wght@300;400;500;600;700&display=swap";.app-container{display:flex;width:100%;height:100vh;color:var(--color-text-primary);background-color:var(--color-bg-main);overflow:hidden}.sidebar{width:300px;min-width:300px;background-color:var(--color-bg-sidebar);border-right:1px solid rgba(0,0,0,.1);padding:20px;display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;position:relative}.dark-mode .sidebar{border-right:1px solid rgba(255,255,255,.1)}.sidebar-close-btn{display:none;position:absolute;top:10px;right:10px;background:transparent;border:none;font-size:28px;cursor:pointer;color:var(--color-text-primary);z-index:1001;width:40px;height:40px;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,transform .2s}.sidebar-close-btn:hover{background-color:#0000001a;transform:scale(1.1)}.dark-mode .sidebar-close-btn:hover{background-color:#ffffff1a}.menu-toggle-btn{display:none;background:transparent;border:none;font-size:24px;cursor:pointer;color:var(--color-text-primary);padding:8px;border-radius:5px;transition:background-color .2s,transform .2s}.menu-toggle-btn:hover{background-color:#0000001a;transform:scale(1.05)}.dark-mode .menu-toggle-btn:hover{background-color:#ffffff1a}.new-chat-btn{padding:10px 15px;background-color:var(--color-primary-accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .2s,transform .2s;margin-bottom:20px}.new-chat-btn:hover{background-color:#4e5aa3;transform:translateY(-2px)}.new-chat-btn:active{transform:translateY(0)}.history-item{padding:10px 8px;cursor:pointer;border-radius:8px;transition:background-color .2s,transform .2s;margin-bottom:5px}.history-item:hover{background-color:#0000000d;transform:translate(3px)}.dark-mode .history-item:hover{background-color:#ffffff1a}.history-item p{margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.history-item small{display:block;font-size:12px}.history-date{opacity:.6}.sidebar h4,.sidebar-heading{margin-top:15px;margin-bottom:8px;color:var(--color-text-primary);font-weight:600;font-size:14px}.sidebar select,.category-select{padding:8px;margin-bottom:20px;border-radius:5px;background-color:var(--color-bg-main);color:var(--color-text-primary);border:1px solid rgba(0,0,0,.2);width:100%;cursor:pointer;transition:border-color .2s}.sidebar select:hover,.category-select:hover{border-color:var(--color-primary-accent)}.dark-mode .sidebar select,.dark-mode .category-select{border:1px solid rgba(255,255,255,.2)}.dark-mode-container{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;font-size:14px;font-weight:500}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.main-header{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:var(--color-bg-sidebar);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;gap:20px}.header-left{display:flex;align-items:center;gap:15px}.header-logo{display:flex;align-items:center}.brand-logo{height:45px;width:auto;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.brand-logo:hover{transform:scale(1.05)}.dark-mode .main-header{border-bottom:1px solid rgba(255,255,255,.1)}.sign-up-btn{margin-left:auto;padding:8px 15px;background-color:var(--color-primary-accent);color:#fff;border:none;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .2s,transform .2s}.sign-up-btn:hover{background-color:#4e5aa3;transform:translateY(-2px)}.sign-up-btn:active{transform:translateY(0)}.header-nav a{margin-left:25px;text-decoration:none;color:var(--color-text-primary);opacity:.8;transition:opacity .2s,color .2s;font-weight:500}.header-nav a:hover{opacity:1;color:var(--color-primary-accent)}.chat-main-area{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;overflow:hidden}.message-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:30px;max-width:900px;width:100%;margin:0 auto;scroll-behavior:smooth}.chat-input-form{display:flex;flex-shrink:0;align-items:center;padding:20px 30px;border-top:1px solid rgba(0,0,0,.1);background-color:var(--color-bg-sidebar);gap:15px}.dark-mode .chat-input-form{border-top:1px solid rgba(255,255,255,.1)}.chat-input-form input{flex-grow:1;padding:12px 15px;border-radius:20px;border:1px solid #ced4da;background-color:var(--color-bg-main);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s;font-size:16px}.chat-input-form input:focus{outline:none;border-color:var(--color-primary-accent);box-shadow:0 0 0 3px #5c6bc01a}.dark-mode .chat-input-form input{border:1px solid rgba(255,255,255,.2);background-color:var(--color-bg-main);color:var(--color-text-primary)}.dark-mode .chat-input-form input:focus{border-color:var(--color-primary-accent);box-shadow:0 0 0 3px #5c6bc033}.chat-input-form button{padding:10px 20px;margin-left:0;border-radius:20px;background-color:var(--color-primary-accent);color:#fff;border:none;cursor:pointer;transition:background-color .2s,transform .2s;font-weight:600;min-width:70px}.chat-input-form button:hover:not(:disabled){background-color:#4e5aa3;transform:translateY(-2px)}.chat-input-form button:active:not(:disabled){transform:translateY(0)}.chat-input-form button:disabled{opacity:.5;cursor:not-allowed}.chat-input-form button:focus{outline:none;box-shadow:0 0 0 3px #5c6bc04d}.chat-input-form button.stop-active{background-color:#dc3545}.chat-input-form button.stop-active:hover{background-color:#c82333}.switch{position:relative;display:inline-block;width:40px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.dark-mode .slider{background-color:#555}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-primary-accent)}input:checked+.slider:before{transform:translate(16px)}.message-bubble{display:flex;align-items:flex-start;margin-bottom:15px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ai-avatar{width:35px;height:35px;border-radius:50%;overflow:hidden;margin-right:10px;flex-shrink:0;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary-accent);box-shadow:0 2px 4px #0000001a}.ai-avatar img{width:100%;height:100%;object-fit:contain}.bubble-user{justify-content:flex-end}.bubble-user .message-content{background-color:var(--color-bubble-user);color:var(--color-text-user);border-bottom-right-radius:5px}.bubble-ai{justify-content:flex-start}.bubble-ai .message-content{background-color:var(--color-bubble-ai);color:var(--color-text-ai);border-bottom-left-radius:5px}.message-content{max-width:65%;padding:12px 18px;border-radius:20px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.message-content ul,.message-content ol{padding-left:20px;margin:10px 0}.message-content li{margin-bottom:5px;line-height:1.6}.message-content p{margin:0 0 10px}.message-content p:last-child{margin-bottom:0}.message-content pre{background-color:#0000001a;padding:10px;border-radius:5px;overflow-x:auto;margin:10px 0}.dark-mode .message-content pre{background-color:#ffffff1a}.message-content code{font-family:Courier New,monospace;font-size:.9em}.message-content pre code{display:block;padding:0;margin:0;background:none}.message-content p code,.message-content li code{background-color:#0000001a;padding:2px 6px;border-radius:3px}.dark-mode .message-content p code,.dark-mode .message-content li code{background-color:#ffffff1a}.loading-indicator{display:flex;align-items:center;gap:5px;padding:10px 15px;color:var(--color-text-primary);opacity:.7;font-style:italic;font-size:14px}.loading-dots{display:flex;gap:2px}.loading-dots span{animation:pulse-dot 1.4s ease-in-out infinite;font-weight:700}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse-dot{0%,60%,to{opacity:.3}30%{opacity:1}}.message-content.message-error{background-color:#dc3545;color:#fff}.sidebar::-webkit-scrollbar,.message-list::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track,.message-list::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb,.message-list::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.dark-mode .sidebar::-webkit-scrollbar-thumb,.dark-mode .message-list::-webkit-scrollbar-thumb{background:#fff3}.sidebar::-webkit-scrollbar-thumb:hover,.message-list::-webkit-scrollbar-thumb:hover{background:#0000004d}.dark-mode .sidebar::-webkit-scrollbar-thumb:hover,.dark-mode .message-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.under-development-popup{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background-color:var(--color-primary-accent);color:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 8px 25px #00000059;z-index:9999;display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s cubic-bezier(.25,.8,.25,1),transform .4s cubic-bezier(.25,.8,.25,1),visibility .4s}.under-development-popup.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.popup-icon{width:20px;height:20px;flex-shrink:0;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.new-chat-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;animation:fadeIn .3s ease}.new-chat-modal-content{background-color:var(--color-bg-main);padding:30px;border-radius:15px;width:90%;max-width:400px;box-shadow:0 10px 30px #0006;color:var(--color-text-primary);transform:scale(.9);animation:modal-scale-in .3s forwards}@keyframes modal-scale-in{to{transform:scale(1)}}.modal-title{font-size:20px;font-weight:600;margin-bottom:10px}.modal-message{font-size:14px;line-height:1.5;margin-bottom:25px;opacity:.8}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.modal-actions button{padding:10px 15px;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s,transform .2s}.modal-actions button:hover{transform:translateY(-2px)}.modal-actions button:active{transform:translateY(0)}.btn-confirm-new{background-color:var(--color-primary-accent);color:#fff}.btn-confirm-new:hover{background-color:#4a59a0}.btn-cancel-new{background-color:var(--color-bg-sidebar);color:var(--color-text-primary)}.btn-cancel-new:hover{background-color:#d0e0f0}.dark-mode .new-chat-modal-content{background-color:var(--color-bg-sidebar)}.dark-mode .btn-cancel-new{background-color:#385078;color:var(--color-text-primary)}.dark-mode .btn-cancel-new:hover{background-color:#4d6790}@media (max-width: 1024px) and (min-width: 769px){.sidebar{width:260px;min-width:260px;padding:18px}.main-header{padding:12px 25px}.message-list{padding:25px;max-width:800px}.chat-input-form{padding:18px 25px}}@media (max-width: 768px){.app-container{display:flex;flex-direction:row;height:100vh;overflow:hidden}.main-content{flex:1;height:100vh;display:flex;flex-direction:column;overflow:hidden;width:100%}.main-header{flex-shrink:0;width:100%;padding:15px 20px;background-color:var(--color-bg-sidebar);box-shadow:0 2px 5px #0000001a;z-index:100}.header-nav{display:none}.header-right{margin-right:7%}.brand-logo{height:35px}.chat-main-area{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.message-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px;max-width:100%;margin:0}.chat-input-form{flex-shrink:0;width:100%;border-radius:0;padding:18px;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 -2px 10px #0000001a;background-color:var(--color-bg-sidebar);gap:10px}.dark-mode .chat-input-form{border-top:1px solid rgba(255,255,255,.1)}.chat-input-form input{padding:12px 16px;border-radius:25px;font-size:16px}.chat-input-form button{padding:12px 20px;margin-left:0;min-width:75px;font-size:15px}.message-bubble{margin-bottom:15px}.message-content{max-width:85%;padding:11px 15px;font-size:15px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.bubble-user .message-content,.bubble-ai .message-content{max-width:82%}.ai-avatar{width:32px;height:32px;margin-right:10px}.sidebar{position:fixed;top:0;left:-100%;width:82vw;max-width:320px;height:100vh;z-index:1000;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 15px #0000004d;padding:20px;min-width:unset}.sidebar.sidebar-mobile-open{left:0}.sidebar-close-btn,.menu-toggle-btn{display:flex}.sidebar.sidebar-mobile-open:before{content:"";position:fixed;inset:0;background:#0009;z-index:-1;animation:fadeIn .3s ease}.new-chat-btn{font-size:15px;padding:11px 14px;margin-bottom:12px}.sidebar h4,.sidebar-heading{font-size:13px;margin-top:12px}.sidebar select{font-size:14px;padding:7px}.history-item{padding:10px 8px}.history-item p{font-size:14px}.history-item small{font-size:11px}.dark-mode-container{padding-top:18px;padding-bottom:20px;font-size:13px}.under-development-popup{bottom:100px;font-size:14px;padding:10px 18px;max-width:88%;left:50%}.new-chat-modal-content{padding:28px 22px;max-width:340px}.modal-title{font-size:18px}.modal-message{font-size:13px}.modal-actions{flex-direction:row;gap:10px}.modal-actions button{flex:1;padding:12px 10px;font-size:14px}.loading-indicator{font-size:13px;padding:8px 12px}}@media (max-width: 480px){.main-header{padding:12px 16px}.brand-logo{height:32px}.message-list{padding:16px}.message-content{max-width:85%;font-size:14px;padding:10px 14px}.bubble-user .message-content,.bubble-ai .message-content{max-width:85%}.chat-input-form{padding:12px 16px;gap:10px}.chat-input-form input{font-size:16px;padding:11px 14px}.chat-input-form button{padding:11px 16px;min-width:68px;font-size:14px}.sidebar{width:85vw;max-width:280px;padding:18px}.ai-avatar{width:30px;height:30px;margin-right:8px}.under-development-popup{font-size:13px;padding:9px 14px;max-width:85%}.popup-icon{width:18px;height:18px}.new-chat-modal-content{padding:24px 18px;max-width:320px}}@media (max-width: 359px){.main-header{padding:10px 14px}.brand-logo{height:28px}.message-list{padding:14px}.message-content{max-width:88%;font-size:13px;padding:9px 12px}.bubble-user .message-content,.bubble-ai .message-content{max-width:88%}.chat-input-form{padding:10px 14px;gap:8px}.chat-input-form input{padding:10px 12px;font-size:16px}.chat-input-form button{padding:10px 14px;min-width:62px;font-size:13px}.sidebar{width:88vw;max-width:260px;padding:16px}.ai-avatar{width:28px;height:28px;margin-right:6px}.new-chat-btn{padding:10px 12px;font-size:14px}.sidebar h4,.sidebar-heading{font-size:12px}.history-item{padding:8px 6px}.history-item p{font-size:13px}.under-development-popup{font-size:12px;padding:8px 12px;max-width:82%}.modal-title{font-size:16px}.modal-message{font-size:12px}}@media (max-width: 768px) and (orientation: landscape){.main-header{padding:10px 16px}.brand-logo{height:28px}.chat-input-form{padding:10px 16px}.chat-input-form input{padding:10px 14px}.chat-input-form button{padding:10px 16px;min-width:65px}.message-list{padding:16px 18px}.message-content,.bubble-user .message-content,.bubble-ai .message-content{max-width:75%}.sidebar{width:70vw;max-width:300px}}@media (min-width: 1440px){.sidebar{width:320px;min-width:320px}.message-list{max-width:1000px;padding:35px}.main-header{padding:18px 35px}.chat-input-form{padding:22px 35px}}@media (min-width: 1920px){.sidebar{width:350px;min-width:350px}.message-list{max-width:1200px;padding:40px}.message-content{max-width:60%}}:root{--color-bg-main: #E8F3FF;--color-bg-sidebar: #D9E8FF;--color-text-primary: #1c1e21;--color-bubble-user: #BBDDFF;--color-bubble-ai: #5c6bc0;--color-text-user: #1c1e21;--color-text-ai: #ffffff;--color-primary-accent: #5c6bc0}body.dark-mode{--color-bg-main: #0B132B;--color-bg-sidebar: #1C2E4A;--color-text-primary: #DCE9F7;--color-bubble-user: #2A4269;--color-bubble-ai: var(--color-primary-accent);--color-text-user: #DCE9F7;--color-text-ai: #ffffff;--color-primary-accent: #5c6bc0}html,body{margin:0;padding:0;height:100%;overflow-x:hidden;font-family:Prompt,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;overflow-x:hidden}