*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border-color: #1f1f1f;--accent-color: #ffffff;--hover-bg: #1a1a1a;--message-user: #1a1a1a;--message-ai: #0a0a0a}img,.unselectable{-webkit-user-select:none;user-select:none;pointer-events:none;-moz-user-select:none;-webkit-user-drag:none}button,a,[role=button],.clickable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:fixed;width:100%;height:100%;touch-action:none}#root{width:100%;height:100%;overflow:hidden}.app{display:flex;width:100%;height:100%;max-height:100vh;max-height:100dvh;background:var(--bg-primary);overflow:hidden}.sidebar{width:280px;background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:200}.mobile-menu{display:none;font-size:18px}.sidebar-header{padding:17px;border-bottom:1px solid var(--border-color)}.logo{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text-primary)}.logo-subtitle{font-size:11px;color:var(--text-secondary);margin-top:4px;font-weight:400}.sidebar-content{flex:1;padding:20px;overflow-y:auto}.sidebar-section{margin-bottom:24px}.section-title{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.sidebar-button{width:100%;padding:12px 16px;background:transparent;border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:10px;margin-bottom:8px}.sidebar-button:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.sidebar-button:active{transform:translateY(0)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;height:100%;max-height:100vh;max-height:100dvh}.chat-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--bg-primary);z-index:10}.chat-title{font-size:16px;font-weight:600}.header-actions{display:flex;gap:8px}.icon-button{width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-primary);transition:all .2s ease;font-size:16px}.icon-button:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.icon-button i{display:flex;align-items:center;justify-content:center}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px;scroll-behavior:smooth;min-height:0;touch-action:pan-y}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.welcome-screen{max-width:700px;margin:0 auto;text-align:center;padding:60px 20px;animation:fadeIn .5s ease}.welcome-title{font-size:48px;font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-subtitle{font-size:18px;color:var(--text-secondary);margin-bottom:48px}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:32px}.suggestion-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px;cursor:pointer;transition:all .2s ease;text-align:center}.suggestion-card:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.suggestion-icon{font-size:24px;margin-bottom:12px}.suggestion-text{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.4}.message{margin-bottom:24px;animation:slideUp .3s ease;opacity:0;animation-fill-mode:forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-content{display:flex;gap:16px;max-width:900px;margin:0 auto}.message-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;font-size:14px;margin-top:7px}.message.user .message-avatar{background:var(--message-user);border:1px solid var(--border-color)}.message-text{flex:1;padding:12px 0;line-height:1.6;font-size:15px}.message.user .message-text,.message.ai .message-text{color:var(--text-primary)}.message-timestamp{font-size:11px;color:var(--text-secondary);margin-top:8px;opacity:.7}.error-message,.error-message *{color:#f44!important}.status-message{font-style:italic;opacity:.8}.status-text{color:var(--text-secondary);font-size:14px;display:flex;align-items:center;gap:4px}.input-container{padding:24px;border-top:1px solid var(--border-color);background:var(--bg-primary);flex-shrink:0}.input-wrapper{max-width:900px;margin:0 auto;position:relative}.autocomplete-preview{position:absolute;left:0;top:0;right:60px;padding:16px 20px;color:var(--text-secondary);pointer-events:none;z-index:1;white-space:pre-wrap;word-wrap:break-word;opacity:.5;font-size:15px;font-family:inherit;line-height:1.5;border-radius:12px}.input-box{width:100%;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:16px 60px 16px 20px;color:var(--text-primary);font-size:15px;font-family:inherit;resize:none;outline:none;transition:all .2s ease;max-height:104px;min-height:52px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.input-box::-webkit-scrollbar{display:none}.input-box:focus{border-color:var(--text-secondary);background:var(--bg-tertiary)}.input-box::placeholder{color:var(--text-secondary)}.send-button{position:absolute;right:12px;bottom:12px;width:36px;height:36px;background:var(--accent-color);color:var(--bg-primary);border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:18px;font-weight:600}.send-button:disabled{opacity:.3;cursor:not-allowed;transform:scale(1)}.send-button.stop-button{background:#f44;color:#fff}.send-button.stop-button:hover{background:#f33}.send-button.stop-button:active{background:#f22}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:32px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:scaleIn .3s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #00000080;transition:all .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{text-align:center;margin-bottom:24px}.modal-title{font-size:28px;font-weight:700;margin-bottom:8px}.modal-subtitle{font-size:14px;color:var(--text-secondary)}.modal-body{color:var(--text-secondary);line-height:1.6;margin-bottom:24px;font-size:15px}.privacy-notice{display:flex;gap:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:20px;font-size:13px;line-height:1.5}.privacy-notice i{color:var(--text-secondary);font-size:18px;flex-shrink:0;margin-top:2px}.modal-footer{display:flex;justify-content:center}.modal-button{padding:12px 32px;background:var(--accent-color);color:var(--bg-primary);border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.modal-button:active{transform:translateY(0)}.settings-modal{max-width:600px}.settings-section{margin-bottom:24px}.settings-label{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.settings-description{font-size:13px;color:var(--text-secondary);margin-bottom:12px}.settings-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;padding:12px;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;transition:all .2s ease}.settings-input:focus{border-color:var(--text-secondary)}.settings-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.settings-toggle:hover{background:var(--hover-bg)}.toggle-switch{width:44px;height:24px;background:var(--border-color);border-radius:12px;position:relative;transition:all .2s ease}.toggle-switch.active{background:var(--accent-color)}.toggle-thumb{width:20px;height:20px;background:var(--bg-primary);border-radius:50%;position:absolute;top:2px;left:2px;transition:all .2s ease}.toggle-switch.active .toggle-thumb{left:22px}.typing-indicator{display:flex;gap:4px;padding:12px 0}.typing-dot{width:8px;height:8px;background:var(--text-secondary);border-radius:50%;animation:typing 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:150;animation:fadeIn .2s ease}@media(max-width:768px){.sidebar-overlay.active{display:block}}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;height:100vh;transform:translate(-100%);box-shadow:2px 0 20px #00000080;z-index:200}.sidebar.open{transform:translate(0)}.mobile-menu{display:flex;min-width:44px;height:44px;font-size:18px;border:none;background:var(--bg-secondary)}.mobile-menu:hover{background:var(--hover-bg)}.mobile-menu:active{background:var(--bg-tertiary)}.main-content{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:100%;position:fixed;inset:0}.chat-header{padding:6px 10px;min-height:50px;height:50px;gap:6px;flex-shrink:0;position:relative}.chat-title{font-size:14px;flex:1}.header-actions .icon-button{min-width:40px;width:40px;height:40px;font-size:16px}.mobile-menu{min-width:40px;width:40px;height:40px}.messages-container{padding:12px;height:calc(100vh - 114px);height:calc(100dvh - 114px);max-height:calc(100vh - 114px);max-height:calc(100dvh - 114px);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.input-container{height:64px;min-height:64px;max-height:64px}.welcome-screen{padding:40px 16px}.welcome-title{font-size:32px}.welcome-subtitle{font-size:16px}.suggestions-grid{grid-template-columns:1fr}.input-container{padding:8px 12px}.input-wrapper{max-width:100%}.input-box{font-size:14px;padding:12px 52px 12px 14px;min-height:48px}.message-content{gap:12px}.message-avatar{width:32px;height:32px;font-size:12px}.message-text{font-size:14px}}@media(max-width:480px){.modal-overlay{align-items:center;justify-content:center}.modal{padding:24px;width:100%;height:100%;max-height:100%;border:none;border-radius:0;animation:slideUpFullscreen .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;justify-content:center}@keyframes slideUpFullscreen{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.modal-title{font-size:24px}.modal-subtitle{font-size:12px}.modal-body{font-size:14px}.settings-modal{max-width:95%}.welcome-title{font-size:28px}.welcome-subtitle{font-size:14px;margin-bottom:32px}.suggestion-card{padding:16px;min-height:44px}.header-actions{gap:8px}.header-actions .icon-button{min-width:36px;width:36px;height:36px;font-size:14px}.mobile-menu{min-width:36px;width:36px;height:36px;font-size:17px}.chat-header{padding:6px 8px;min-height:48px;height:48px}.main-content{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;position:fixed;inset:0}.messages-container{height:calc(100vh - 104px);height:calc(100dvh - 104px);max-height:calc(100vh - 104px);max-height:calc(100dvh - 104px)}.privacy-notice{flex-direction:column;gap:8px;padding:12px}.input-container{padding:8px;height:56px;min-height:56px;max-height:56px}.input-wrapper{max-width:100%;width:100%}.send-button{width:32px;height:32px;right:4px;bottom:4px;font-size:16px}.input-box{padding:10px 44px 10px 10px;min-height:40px;font-size:14px}.autocomplete-preview{right:48px;padding:12px}}.ai-avatar{width:26px;height:26px}.message-text h1,.message-text h2,.message-text h3,.message-text h4,.message-text h5,.message-text h6{margin:16px 0 8px;font-weight:600;line-height:1.3}.message-text h1{font-size:1.8em}.message-text h2{font-size:1.5em}.message-text h3{font-size:1.3em}.message-text p{margin:8px 0;line-height:1.6}.message-text code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:var(--text-primary)}.message-text pre{background:var(--bg-tertiary);padding:12px;border-radius:8px;overflow-x:auto;margin:12px 0;border:1px solid var(--border-color)}.message-text pre code{background:transparent;padding:0;font-size:.85em}.message-text ul,.message-text ol{margin:8px 0;padding-left:24px}.message-text li{margin:4px 0}.message-text blockquote{border-left:3px solid var(--border-color);padding-left:16px;margin:12px 0;color:var(--text-secondary);font-style:italic}.message-text a{color:var(--accent-color);text-decoration:underline}.message-text strong{font-weight:600}.message-text em{font-style:italic}.message-text table{border-collapse:collapse;margin:12px 0;width:100%}.message-text table th,.message-text table td{border:1px solid var(--border-color);padding:8px 12px;text-align:left}.message-text table th{background:var(--bg-secondary);font-weight:600}.message-text hr{border:none;border-top:1px solid var(--border-color);margin:16px 0}.cursor-blink{display:inline-block;width:8px;margin-left:2px;animation:blink 1s infinite;color:var(--text-primary);font-weight:400}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.streaming-text,.streaming-markdown{position:relative}.streaming-markdown--animating{animation:streamFadeIn .3s ease-out}@keyframes streamFadeIn{0%{opacity:.7}to{opacity:1}}.download-modal{max-width:500px}.download-options{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.download-option-button{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;color:var(--text-primary);font-size:15px;font-weight:500;text-align:left}.download-option-button:hover{background:var(--hover-bg);border-color:var(--text-secondary);transform:translateY(-2px)}.download-option-button:active{transform:translateY(0)}.download-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border-radius:8px;font-size:24px;flex-shrink:0;color:var(--accent-color)}.download-info{flex:1;display:flex;flex-direction:column}.download-format{font-weight:600;color:var(--text-primary);font-size:15px;margin-bottom:2px}.download-description{font-size:13px;color:var(--text-secondary)}.modal-cancel-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.modal-cancel-button:hover{background:var(--hover-bg);border-color:var(--text-secondary)}.icon-button:disabled{opacity:.3;cursor:not-allowed}.icon-button:disabled:hover{background:transparent;border-color:var(--border-color)}@media(max-width:480px){.download-modal{max-width:95%}.download-option-button{padding:12px;gap:12px}.download-icon{width:40px;height:40px;font-size:20px}.download-format{font-size:14px}.download-description{font-size:12px}}