:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--bg-app:#f3f4f6;--bg-surface:#fff;--bg-subtle:#f8fafc;--bg-hover:#f1f5f9;--text-primary:#1f2937;--text-heading:#111827;--text-secondary:#475569;--text-muted:#94a3b8;--border-default:#e5e7eb;--border-strong:#cbd5e1;--border-subtle:#e2e8f0;--shadow-soft:0 20px 60px #0f172a40;--scrollbar-thumb:#d1d5db;--scrollbar-thumb-hover:#9ca3af;font:15px/1.5 var(--sans);color:var(--text-primary);background:var(--bg-app);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg-app:#0f172a;--bg-surface:#1e293b;--bg-subtle:#111c2e;--bg-hover:#1e293b;--text-primary:#e2e8f0;--text-heading:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b;--border-default:#334155;--border-strong:#475569;--border-subtle:#334155;--shadow-soft:0 20px 60px #0009;--scrollbar-thumb:#475569;--scrollbar-thumb-hover:#64748b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;border-color:var(--border-default)}html,body{background:var(--bg-app);width:100%;height:100%;color:var(--text-primary);margin:0;padding:0}#app{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}h1,h2{font-family:var(--heading);color:var(--text-heading);margin:0;font-weight:600}button{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-track{background:0 0}html[data-theme=dark] #app.app-dark-filter,html[data-theme=dark] #app.app-dark-filter img,html[data-theme=dark] #app.app-dark-filter .no-dark-invert,html[data-theme=dark] #app.app-dark-filter .user-msg,html[data-theme=dark] #app.app-dark-filter .send-btn,html[data-theme=dark] #app.app-dark-filter .new-chat-btn,html[data-theme=dark] #app.app-dark-filter .btn-primary,html[data-theme=dark] #app.app-dark-filter .theme-preview,html[data-theme=dark] #app.app-dark-filter .theme-check{filter:invert()hue-rotate(180deg)}html[data-theme=dark] #app.app-dark-filter .user-msg *,html[data-theme=dark] #app.app-dark-filter .send-btn *,html[data-theme=dark] #app.app-dark-filter .new-chat-btn *,html[data-theme=dark] #app.app-dark-filter .btn-primary *,html[data-theme=dark] #app.app-dark-filter .theme-preview *{filter:none!important}#app{transition:background-color .2s,color .2s}#app.app-dark-filter,#app.app-dark-filter :not(.no-dark-invert){transition:filter .25s}
