body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#343541}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{display:flex;height:100vh;height:100dvh;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-area{flex:1;display:flex;overflow:hidden}.content-area.with-documents{display:grid;grid-template-columns:1fr 400px}.document-panel-container{overflow:hidden;border-left:1px solid #444654}@media(min-width:1401px){.content-area.with-documents{grid-template-columns:1fr 1fr}}@media(max-width:1024px){.content-area.with-documents{grid-template-columns:1fr}.document-panel-container{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;border-left:none}}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;background:#343541}.login-box{background:#444654;padding:40px;border-radius:12px;box-shadow:0 4px 20px #0000004d;min-width:400px}.login-title{font-size:24px;font-weight:600;color:#fff;margin-bottom:24px;text-align:center}.login-label{display:block;font-size:14px;color:#ccc;margin-bottom:8px}.login-input{width:100%;padding:12px;background:#40414f;border:1px solid #555;border-radius:6px;color:#fff;font-size:14px;margin-bottom:20px}.login-input:focus{outline:none;border-color:#19c37d}.login-btn{width:100%;padding:12px;background:#19c37d;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;font-size:14px}.login-btn:hover{background:#1aa169}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{color:#f44;font-size:13px;margin-top:12px;text-align:center}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}.sidebar{width:260px;background:#202123;color:#fff;display:flex;flex-direction:column;height:100vh;overflow-y:auto;transition:transform .3s ease}.sidebar-header{padding:12px;border-bottom:1px solid #444}.new-chat-btn{width:100%;padding:12px;background:transparent;border:1px solid #555;color:#fff;border-radius:6px;cursor:pointer;font-size:14px}.new-chat-btn:hover{background:#2a2b32}.conversation-list{flex:1;overflow-y:auto}.conversation-item{display:flex;align-items:center;padding:12px;cursor:pointer;border-left:2px solid transparent}.conversation-item:hover{background:#2a2b32}.conversation-item.active{background:#343541;border-left-color:#19c37d}.conversation-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.delete-btn{background:none;border:none;color:#999;cursor:pointer;padding:4px 8px;font-size:16px;white-space:nowrap;position:relative;z-index:1}.delete-btn:hover{color:#f44;background:#2a2b32;border-radius:4px}@media(max-width:768px){.sidebar{position:fixed;top:0;left:0;z-index:999;transform:translate(-100%);box-shadow:2px 0 10px #0000004d}.sidebar.open{transform:translate(0)}.sidebar-overlay{display:block}}.toolbar{min-height:60px;background:#343541;color:#fff;display:flex;align-items:center;padding:0 20px;padding-top:max(0px,env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));border-bottom:1px solid #444;gap:12px;box-sizing:border-box}.hamburger-btn{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px 12px;margin-left:-8px}.hamburger-btn:hover{background:#444;border-radius:4px}.toolbar-title{font-size:18px;font-weight:600;min-width:150px;flex-shrink:0}.toolbar-conv-name{flex:1;text-align:center;font-size:14px;color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.settings-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px 12px;flex-shrink:0;flex-grow:0}.settings-btn:hover{background:#444;border-radius:4px}.share-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px 12px;flex-shrink:0;flex-grow:0}.share-btn:hover{background:#444;border-radius:4px}.documents-btn{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px 12px;flex-shrink:0;flex-grow:0;transition:background .2s,color .2s}.documents-btn:hover{background:#444;border-radius:4px}.documents-btn.active{background:#10a37f;border-radius:4px;color:#fff}@media(max-width:768px){.hamburger-btn{display:block}.toolbar{padding:0 12px}.toolbar-title{display:none}.toolbar-conv-name{text-align:left;font-size:13px}}.message-view{flex:1;display:flex;flex-direction:column;background:#343541;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:20px}.templates-container{max-width:800px;margin:60px auto 40px;text-align:center}.templates-title{color:#fff;font-size:28px;font-weight:600;margin-bottom:32px}.templates-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:40px}.template-card{background:#40414f;border:1px solid #555;border-radius:8px;padding:16px 20px;color:#ccc;font-size:14px;line-height:1.5;text-align:left;cursor:pointer;transition:all .2s}.template-card:hover:not(:disabled){background:#4a4b5a;border-color:#19c37d;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #19c37d33}.template-card:active:not(:disabled){transform:translateY(0)}.template-card:disabled{opacity:.5;cursor:not-allowed}.message{margin-bottom:20px;padding:16px;border-radius:8px}.message.user{background:#444654;margin-left:20%}.message.assistant{background:#343541;border:1px solid #555;margin-right:20%}.message-header{display:flex;justify-content:space-between;margin-bottom:8px;font-size:12px;color:#999}.message-role{font-weight:600;color:#ccc}.message-content{color:#fff;line-height:1.6}.message.user .message-content{white-space:pre-wrap;word-wrap:break-word}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{margin:16px 0 8px;font-weight:600;line-height:1.3;color:#fff}.message-content h1{font-size:1.8em;margin-top:24px}.message-content h2{font-size:1.5em;margin-top:20px}.message-content h3{font-size:1.25em}.message-content h4{font-size:1.1em}.message-content h5{font-size:1em}.message-content h6{font-size:.9em;color:#ccc}.message-content p{margin:12px 0}.message-content p:first-child{margin-top:0}.message-content p:last-child{margin-bottom:0}.message-content ul,.message-content ol{margin:12px 0;padding-left:24px}.message-content ul{list-style-type:disc}.message-content ol{list-style-type:decimal}.message-content li{margin:6px 0;line-height:1.6}.message-content li>ul,.message-content li>ol{margin:8px 0;padding-left:20px}.message-content li>p{margin:4px 0}.message-content ul ul{list-style-type:circle}.message-content ul ul ul{list-style-type:square}.message-content blockquote{margin:16px 0;padding:8px 16px;border-left:3px solid #666;background:#ffffff0d;color:#ccc}.message-content blockquote p{margin:8px 0}.message-content code{background:#000;padding:2px 6px;border-radius:3px;font-size:.9em;font-family:Consolas,Monaco,Courier New,monospace;color:#f0f0f0}.message-content pre{background:#000;padding:12px;border-radius:6px;overflow-x:auto;margin:12px 0}.message-content pre code{background:none;padding:0;font-size:.9em;color:#f0f0f0}.message-content strong{font-weight:600;color:#fff}.message-content em{font-style:italic;color:#e0e0e0}.message-content hr{border:none;border-top:1px solid #555;margin:20px 0}.message-content a{color:#19c37d;text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content table{border-collapse:collapse;width:100%;margin:12px 0}.message-content table th,.message-content table td{border:1px solid #555;padding:8px 12px;text-align:left}.message-content table th{background:#444;font-weight:600}.message-content table tr:nth-child(2n){background:#ffffff08}.copy-btn{margin-top:12px;background:#444654cc;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;padding:6px 12px;font-size:12px;opacity:.7;transition:all .2s;display:inline-flex;align-items:center;gap:4px}.copy-btn:hover{opacity:1;background:#444654;border-color:#19c37d;color:#19c37d}.copy-btn:active{transform:scale(.95)}.message-thinking{margin-top:12px;padding:12px;background:#ffffff0d;border-radius:6px;border-left:3px solid #666}.message-thinking summary{cursor:pointer;font-size:13px;color:#999;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:6px}.message-thinking summary:hover{color:#ccc}.thinking-content{margin-top:8px;padding-top:8px;border-top:1px solid #555;color:#aaa;font-size:13px;font-style:italic;line-height:1.5;white-space:pre-wrap}.streaming-indicator{display:inline-block;padding:4px 12px;background:#19c37d1a;border:1px solid #19c37d;border-radius:4px;color:#19c37d;font-size:12px;margin-left:8px;animation:pulse 1.5s ease-in-out infinite}.streaming-indicator-bottom{display:flex;justify-content:center;margin-bottom:12px}.streaming-indicator-bottom .streaming-indicator{margin-left:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.streaming-spinner{display:inline-block;font-size:24px;animation:spin 1s linear infinite;opacity:.7}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message-files{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.message-file-image{max-width:200px;max-height:200px;border-radius:4px}.message-file-link{display:inline-block;padding:8px 12px;background:#555;border-radius:4px;color:#fff;text-decoration:none;font-size:14px}.message-file-link:hover{background:#666}.input-container{padding:12px;background:#40414f;border-top:1px solid #555}@media(min-width:769px){.input-container{padding:20px}}.input-row{display:flex;margin-bottom:12px}.input-box{width:100%;background:#343541;border:1px solid #555;border-radius:8px;padding:12px;color:#fff;font-size:14px;resize:vertical;min-height:100px;max-height:300px;font-family:inherit;line-height:1.5}.button-row{display:flex;gap:12px;align-items:center}.file-buttons{display:flex;gap:8px;flex-shrink:0}.file-input-label{padding:10px;background:transparent;border:1px solid #555;border-radius:6px;cursor:pointer;font-size:20px;color:#ccc;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.file-input-label:hover{background:#555;color:#fff}.file-input-label.disabled{opacity:.5;cursor:not-allowed}.file-input{display:none}.send-btn{flex:1;padding:12px 24px;background:#19c37d;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;font-size:14px;min-height:44px}.send-btn:hover{background:#1aa169}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media(min-width:769px){.input-box{min-height:120px}}.selected-files{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.selected-file{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#555;border-radius:4px;font-size:13px;color:#fff}.remove-file-btn{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:0}.remove-file-btn:hover{color:#f44}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#999;font-size:18px}.info-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.info-dialog{background:#40414f;border-radius:12px;max-width:500px;width:100%;box-shadow:0 8px 32px #00000080;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.info-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #555}.info-dialog-header h2{margin:0;color:#fff;font-size:20px;font-weight:600}.info-dialog-close{background:none;border:none;color:#999;font-size:32px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.info-dialog-close:hover{background:#ffffff1a;color:#fff}.info-dialog-content{padding:24px;color:#ccc;line-height:1.6;font-size:15px}.info-dialog-content p{margin:12px 0}.info-dialog-content strong{color:#fff;font-weight:600}.info-dialog-content ul{margin:12px 0;padding-left:24px}.info-dialog-content li{margin:8px 0}.info-dialog-actions{padding:20px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid #555}.info-dialog-btn{padding:10px 20px;border-radius:6px;border:1px solid #555;background:transparent;color:#ccc;font-size:14px;cursor:pointer;transition:all .2s;font-weight:500}.info-dialog-btn:hover{background:#ffffff1a;color:#fff;border-color:#777}.info-dialog-btn.primary{background:#19c37d;color:#fff;border-color:#19c37d}.info-dialog-btn.primary:hover{background:#1aa169;border-color:#1aa169}.settings-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.settings-dialog{background:#343541;color:#fff;padding:24px;border-radius:12px;min-width:400px;max-width:500px;width:90vw;max-height:90vh;overflow-y:auto}@media(max-width:768px){.settings-dialog{min-width:unset;width:calc(100vw - 32px);max-width:calc(100vw - 32px);padding:16px}}.settings-header{font-size:20px;font-weight:600;margin-bottom:20px}.settings-section{margin-bottom:20px}.settings-label{display:block;font-size:14px;margin-bottom:8px;color:#ccc}.settings-input{width:100%;padding:10px;background:#40414f;border:1px solid #555;border-radius:6px;color:#fff;font-size:14px}.settings-input:focus{outline:none;border-color:#19c37d}.settings-input option{background:#40414f;color:#fff}.settings-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;flex-wrap:wrap}@media(max-width:768px){.settings-actions{gap:8px}}.settings-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}@media(max-width:768px){.settings-btn{padding:8px 12px;font-size:13px;min-width:fit-content}}.settings-btn.primary{background:#19c37d;color:#fff}.settings-btn.primary:hover{background:#1aa169}.settings-btn.secondary{background:#555;color:#fff}.settings-btn.secondary:hover{background:#666}.share-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.share-dialog{background:#fff;border-radius:8px;padding:24px;max-width:500px;width:90%;box-shadow:0 4px 20px #00000026}.share-dialog h2{margin:0 0 16px;font-size:20px}.share-dialog-content{margin-bottom:20px}.share-url-container{display:flex;gap:8px;margin-bottom:16px}.share-url-input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-family:monospace;font-size:14px;background-color:#f5f5f5}.share-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.share-dialog button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .2s}.share-dialog button:hover{opacity:.9}.share-button-primary{background-color:#007bff;color:#fff}.share-button-danger{background-color:#dc3545;color:#fff}.share-button-secondary{background-color:#6c757d;color:#fff}.share-button-success{background-color:#28a745;color:#fff}.share-error{color:#dc3545;font-size:14px;margin-top:8px}.document-editor{display:flex;flex-direction:column;height:100%;background:#343541;color:#ececf1}.document-header{display:flex;align-items:center;gap:10px;padding:15px;border-bottom:1px solid #444654;background:#2d2d3a}.document-name-input{flex:1;background:transparent;border:none;color:#ececf1;font-size:16px;font-weight:600;padding:8px 12px;border-radius:6px;transition:background .2s}.document-name-input:hover,.document-name-input:focus{background:#40414f;outline:none}.document-actions{display:flex;gap:8px}.document-actions button{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px;transition:opacity .2s}.document-actions button:hover:not(:disabled){opacity:.8}.document-actions button:disabled{opacity:.5;cursor:not-allowed}.btn-edit,.btn-save{background:#10a37f;color:#fff}.btn-cancel{background:#444654;color:#ececf1}.btn-close{background:transparent;color:#ececf1;font-size:24px;padding:0 8px}.document-content{flex:1;overflow-y:auto;padding:20px}.document-textarea{width:100%;height:100%;min-height:400px;background:#2d2d3a;color:#ececf1;border:1px solid #444654;border-radius:8px;padding:16px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;resize:vertical}.document-textarea:focus{outline:none;border-color:#10a37f}.document-preview{line-height:1.6}.document-preview h1,.document-preview h2,.document-preview h3,.document-preview h4,.document-preview h5,.document-preview h6{margin-top:24px;margin-bottom:16px;font-weight:600}.document-preview h1{font-size:2em;border-bottom:1px solid #444654;padding-bottom:.3em}.document-preview h2{font-size:1.5em;border-bottom:1px solid #444654;padding-bottom:.3em}.document-preview p{margin-bottom:16px}.document-preview code{background:#2d2d3a;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:.9em}.document-preview pre{background:#2d2d3a;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px}.document-preview pre code{background:transparent;padding:0}.document-preview ul,.document-preview ol{margin-bottom:16px;padding-left:2em}.document-preview li{margin-bottom:8px}.document-preview blockquote{border-left:4px solid #444654;padding-left:16px;margin-left:0;margin-bottom:16px;color:#b4b4b4}.document-preview table{border-collapse:collapse;width:100%;margin-bottom:16px}.document-preview th,.document-preview td{border:1px solid #444654;padding:8px 12px;text-align:left}.document-preview th{background:#2d2d3a;font-weight:600}.document-empty,.document-empty-content{text-align:center;color:#8e8ea0;padding:40px 20px}.document-panel{display:flex;flex-direction:column;height:100%;background:#343541;border-left:1px solid #444654;width:100%}.document-panel-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#343541}.document-panel-header{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #444654;background:#2d2d3a}.document-panel-header h3{margin:0;color:#ececf1;font-size:18px;font-weight:600}.document-panel-actions{display:flex;align-items:center;gap:10px}.document-selector{background:#40414f;color:#ececf1;border:1px solid #565869;border-radius:6px;padding:6px 12px;font-size:14px;cursor:pointer;max-width:200px}.document-selector:focus{outline:none;border-color:#10a37f}.btn-new-document{background:#10a37f;color:#fff;border:none;border-radius:6px;width:32px;height:32px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.btn-new-document:hover{opacity:.8}.btn-close-panel{background:transparent;border:none;color:#ececf1;font-size:28px;cursor:pointer;padding:0 8px;line-height:1}.btn-close-panel:hover{color:#10a37f}.create-document-dialog{padding:15px 20px;background:#40414f;border-bottom:1px solid #444654;display:flex;gap:10px;align-items:center}.new-document-input{flex:1;background:#2d2d3a;color:#ececf1;border:1px solid #565869;border-radius:6px;padding:8px 12px;font-size:14px}.new-document-input:focus{outline:none;border-color:#10a37f}.create-document-dialog button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:opacity .2s}.create-document-dialog button:first-of-type{background:#10a37f;color:#fff}.create-document-dialog button:last-of-type{background:#444654;color:#ececf1}.create-document-dialog button:hover{opacity:.8}.document-panel-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.document-panel-empty p{color:#8e8ea0;margin-bottom:20px;font-size:16px}.document-panel-empty button{background:#10a37f;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-size:14px;cursor:pointer;transition:opacity .2s}.document-panel-empty button:hover{opacity:.8}.document-footer{padding:15px 20px;border-top:1px solid #444654;background:#2d2d3a;display:flex;justify-content:flex-end}.btn-delete-document{background:#d32f2f;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;transition:opacity .2s}.btn-delete-document:hover{opacity:.8}@media(max-width:768px){.document-selector{max-width:150px}}