:root{--bg-base:#fcfcfc;--bg-surface:#fff;--bg-surface-hover:#f4f4f5;--bg-overlay:#fffc;--text-primary:#09090b;--text-secondary:#52525b;--text-muted:#71717a;--border:#e4e4e7;--border-focus:#a1a1aa;--accent:#09090b;--success:#10b981;--danger:#ef4444;--toggle-track:#e4e4e7;--toggle-knob:#fff;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}[data-theme=dark]{--bg-base:#000;--bg-surface:#0a0a0a;--bg-surface-hover:#1a1a1a;--bg-overlay:#000c;--text-primary:#ededed;--text-secondary:#a1a1aa;--text-muted:#71717a;--border:#222;--border-focus:#333;--accent:#fff;--success:#10b981;--danger:#ef4444;--toggle-track:#1f1f1f;--toggle-knob:#71717a}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;height:100dvh;line-height:1.5;overflow:hidden}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#e4e4e7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4d4d8}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-pulse-ring{border-radius:50%;animation:2s cubic-bezier(.215,.61,.355,1) infinite pulse-ring}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}.sidebar-overlay{z-index:45;background:#00000080;display:none;position:absolute;inset:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s infinite pulse}.layout{flex-direction:row;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.sidebar{background-color:var(--bg-base);border-right:1px solid var(--border);z-index:50;flex-direction:column;width:260px;padding:.5rem;display:flex}.sidebar-btn{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:background .2s;display:flex}.sidebar-btn:hover{background:var(--bg-surface-hover)}.sidebar-btn.active{background:var(--bg-surface-hover);font-weight:500}.sidebar-new-chat{justify-content:space-between;margin-bottom:.5rem}.sidebar-links{border-bottom:1px solid var(--border);flex-direction:column;gap:.25rem;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.sidebar-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;font-size:.75rem;font-weight:600}.sidebar-empty{color:var(--text-secondary);padding:.5rem 1rem;font-size:.875rem;font-style:italic}.sidebar-sessions{flex-direction:column;flex:1;gap:.25rem;display:flex;overflow-y:auto}.session-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.delete-session-btn{opacity:0;color:var(--text-secondary);border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.delete-session-btn:hover{color:var(--error,#ef4444);background:#ef44441a}.sidebar-btn:hover .delete-session-btn,.sidebar-btn.active .delete-session-btn{opacity:1}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding-top:.5rem}.app-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative}.top-nav{z-index:40;background:var(--bg-surface);border-bottom:1px solid var(--border);flex:0 0 60px;justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex;position:sticky;top:0}.nav-brand{align-items:center;gap:.75rem;display:flex}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:0;display:none}.brand-logo{width:28px;height:28px;color:var(--text-primary);background:0 0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:800;display:flex}.nav-actions{align-items:center;gap:.5rem;display:flex}.oss-btn{border:1px solid var(--border);color:var(--text-primary);background:0 0;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .75rem;font-size:.8rem;text-decoration:none;transition:all .2s;display:flex}.oss-btn:hover{background:var(--bg-surface);border-color:var(--border-focus)}.oss-btn.deploy{background:var(--text-primary);color:var(--bg-base);border:none}.oss-btn.deploy:hover{opacity:.9}.dropdown{position:relative}.dropdown-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:background .2s;display:flex}.dropdown-btn:hover{background:var(--bg-surface)}.settings-modal{background:var(--bg-surface);border:1px solid var(--border);z-index:60;border-radius:8px;width:380px;margin-top:.5rem;position:absolute;top:100%;right:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.modal-backdrop{z-index:30;position:fixed;inset:0}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem;display:flex}.settings-header h3{font-size:1rem;font-weight:600}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.close-btn:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.settings-body{flex-direction:column;gap:1.25rem;max-height:75vh;padding:1rem;display:flex;overflow-y:auto}.setting-group{flex-direction:column;gap:.25rem;display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.setting-desc{color:var(--text-secondary);margin-left:1.5rem;font-size:.75rem}.select-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.engine-grid{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.engine-btn{background:var(--bg-base);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:.6rem;font-size:.8rem;transition:all .2s}.engine-btn:hover{border-color:var(--border-focus);color:var(--text-primary)}.engine-btn.active{background:var(--success);border-color:var(--success);color:#fff;font-weight:600}.modern-select,.modern-input{background:var(--bg-base);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:.6rem;font-size:.875rem;transition:border-color .2s}.modern-select option,.modern-input option{background:var(--bg-surface);color:var(--text-primary)}.modern-select:focus,.modern-input:focus{border-color:var(--border-focus)}.mb-2{margin-bottom:.5rem}.warning-box{color:var(--text-secondary);background:#ffffff0d;border-radius:8px;gap:.5rem;padding:.75rem;font-size:.8rem;display:flex}.privacy-badge{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:.5rem;padding-top:1rem;font-size:.75rem;display:flex}.main-content{flex-direction:column;flex:1;min-height:0;display:flex}.chat-feed{flex-direction:column;flex:1;display:flex;overflow-y:auto}.empty-state{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:2rem;display:flex}.empty-logo{background:var(--text-primary);width:48px;height:48px;color:var(--bg-base);border-radius:12px;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;display:flex}.empty-state h2{margin-bottom:1rem;font-size:1.75rem;font-weight:600}.app-description{color:var(--text-secondary);text-align:center;max-width:600px;margin-bottom:2rem;font-size:1rem;line-height:1.6}.suggested-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.suggest-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.suggest-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-focus)}.prose{color:var(--text-primary);font-size:1rem;line-height:1.6}.prose p{margin-bottom:1rem}.prose p:last-child{margin-bottom:0}.prose ul,.prose ol{margin-bottom:1rem;margin-left:1.5rem}.prose li{margin-bottom:.25rem}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-primary);margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.prose h1{font-size:1.5rem}.prose h2{font-size:1.25rem}.prose h3{font-size:1.1rem}.prose strong{color:var(--text-primary);font-weight:600}.prose a{color:var(--text-primary);text-underline-offset:2px;text-decoration:underline}.prose blockquote{border-left:3px solid var(--border-focus);color:var(--text-secondary);margin-bottom:1rem;margin-left:0;padding-left:1rem;font-style:italic}.message-row{justify-content:center;padding:1.5rem 1rem;display:flex}.message-content{gap:1.5rem;width:100%;max-width:768px;display:flex}.avatar{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:flex}.avatar.user{background:var(--bg-surface-hover);color:var(--text-primary);border:1px solid var(--border)}.avatar.assistant{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border)}.pulse-bg{background:var(--bg-surface-hover);animation:2s infinite pulse}.prose{color:var(--text-primary);white-space:pre-wrap;font-size:1rem;line-height:1.6}.msg-actions{gap:.5rem;margin-top:.75rem;display:flex}.action-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.25rem;font-size:.8rem;transition:all .2s;display:flex}.action-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.action-btn.primary{background:var(--text-primary);color:var(--bg-surface);border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;box-shadow:0 2px 10px #0000001a}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #00000026}.input-container{z-index:20;background:0 0;flex-direction:column;align-items:center;width:100%;padding:.5rem 1rem 1rem;display:flex}.input-wrapper{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:20px;align-items:flex-end;gap:.5rem;width:100%;max-width:768px;padding:.5rem .75rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 12px #0000001a}.input-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 6px 16px #0003}.attach-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;margin-bottom:2px;padding:.5rem;transition:all .2s;display:flex}.attach-btn:hover{color:var(--text-primary);background:#ffffff0d}.input-wrapper textarea{color:var(--text-primary);resize:none;background:0 0;border:none;outline:none;flex:1;max-height:200px;padding:.5rem 0;font-family:inherit;font-size:1rem;line-height:1.5}.input-wrapper textarea::placeholder{color:var(--text-muted)}.submit-btn{background:var(--text-primary);color:var(--bg-base);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;padding:.4rem;transition:all .2s;display:flex}.submit-btn:hover:not(:disabled){opacity:.8}.submit-btn:disabled{opacity:.2;cursor:not-allowed}.disclaimer{color:var(--text-muted);text-align:center;margin-top:.75rem;font-size:.75rem}.drag-overlay{background:var(--bg-overlay);z-index:50;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.drag-overlay-content{background:var(--bg-surface);border:2px dashed var(--border-focus);border-radius:16px;flex-direction:column;align-items:center;padding:3rem;display:flex;box-shadow:0 20px 40px #0006}.toggles-container{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:12px;display:flex}.toggle-row{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;display:flex}.toggle-row:hover .toggle-label{color:var(--text-primary)}.toggle-track{background:var(--toggle-track);cursor:pointer;border-radius:100px;flex-shrink:0;width:28px;height:16px;transition:background .2s;position:relative}.toggle-track:after{content:"";background:var(--toggle-knob);border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0000001a}.toggle-checkbox{display:none}.toggle-checkbox:checked+.toggle-track{background:var(--text-primary)}.toggle-checkbox:checked+.toggle-track:after{background:var(--bg-surface);left:14px}.toggle-label{color:var(--text-secondary);font-size:13px;font-weight:500;transition:color .2s}@media (width<=768px){.toggles-container{gap:12px;margin-bottom:8px}.toggle-row{gap:6px}.toggle-label{font-size:11px}.toggle-track{width:24px;height:14px}.toggle-track:after{width:10px;height:10px;top:2px;left:2px}.toggle-checkbox:checked+.toggle-track:after{left:12px}.input-container{padding:.75rem .5rem 1.5rem;padding-bottom:max(1.5rem, env(safe-area-inset-bottom))}.mobile-menu-btn{justify-content:center;align-items:center;margin-right:.5rem;display:flex}.sidebar{z-index:60;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:55;display:block}.top-nav{padding:0 1rem}.brand-title{font-size:1rem;display:block}.oss-btn,.dropdown-btn>span:first-child{display:none!important}.input-wrapper{width:100%;margin:0}.settings-modal{border:none;border-top:1px solid var(--border);border-radius:0;flex-direction:column;width:100%;max-height:calc(100dvh - 60px);margin-top:0;display:flex;position:fixed;inset:60px 0 0}.settings-body{flex:1;max-height:none;padding-bottom:2rem}.message-row{padding:1rem .75rem}.message-content{gap:.75rem}.avatar{width:24px;height:24px;font-size:.65rem}.prose{font-size:.95rem}}.xray-container{position:relative}.xray-container:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(#ff000008 1px,#0000 1px),linear-gradient(90deg,#ff000008 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.scanline{opacity:.5;z-index:10;background:#ef4444cc;width:100%;height:4px;animation:1.5s cubic-bezier(.4,0,.2,1) infinite scan;position:absolute;top:0;left:0;box-shadow:0 0 10px #ef4444cc}@keyframes scan{0%{opacity:.8;top:0%}50%{opacity:.2;top:100%}to{opacity:.8;top:0%}}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5);box-shadow:0 0 10px}to{opacity:1;transform:scale(1)}}.pulse{animation:1s infinite pulse-dot}.shatter-btn:hover:not(:disabled){transform:translateY(-2px);background:#dc2626!important;box-shadow:0 5px 25px #ef444499!important}