*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0c0c0f;--bg-elevated: #13131a;--bg-hover: #1a1a24;--bg-active: #1f1f2e;--border: #2a2a3a;--border-light: #3a3a52;--text-primary: #e8e8f0;--text-secondary: #8888aa;--text-muted: #55556a;--accent: #7c6aff;--accent-glow: rgba(124, 106, 255, .15);--accent-dim: rgba(124, 106, 255, .4);--accent-hover: #9580ff;--user-bg: #1e1a3a;--user-border: #3d3570;--ai-bg: #131820;--ai-border: #1f2d3a;--error: #ff5f6a;--success: #4ade80;--warning: #fbbf24;--font-sans: "DM Sans", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "DM Mono", "Fira Code", monospace;--radius-sm: 6px;--radius: 12px;--radius-lg: 18px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow: 0 4px 16px rgba(0,0,0,.5);--shadow-glow: 0 0 30px rgba(124, 106, 255, .08);--sidebar-w: 260px;--header-h: 58px}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.fade-in{animation:fadeIn .25s ease}.slide-in{animation:slideIn .2s ease}.app-shell{display:flex;height:100vh;overflow:hidden;background:var(--bg)}.app-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-header{height:var(--header-h);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;background:var(--bg-elevated);flex-shrink:0}.messages-panel{flex:1;overflow-y:auto;padding:20px 24px;min-width:0}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:15}.sidebar-backdrop.active{opacity:1;visibility:visible}.app-sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);background:var(--bg-elevated);display:flex;flex-direction:column;height:100vh;flex-shrink:0;transition:transform .22s ease;position:relative}.sidebar-close{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:10px;border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10}.sidebar-close:hover{color:var(--text-primary);border-color:var(--accent)}.chat-input{position:relative;z-index:1}.message-bubble{width:100%}.message-bubble__content-wrapper{max-width:75%;min-width:60px}.message-bubble__content{word-break:break-word}.system-prompt-editor{border-bottom:1px solid var(--border);background:var(--bg-elevated)}@media (max-width: 920px){.app-shell{flex-direction:column}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:min(92vw,320px);max-width:100%;transform:translate(-100%);box-shadow:16px 0 80px #00000059;z-index:20}.app-sidebar.open{transform:translate(0)}.sidebar-backdrop{display:block}.app-header{position:sticky;top:0;z-index:10}.messages-panel{padding:14px 16px}.chat-input{position:sticky;bottom:0;z-index:5}.sidebar-close{display:flex!important}}@media (max-width: 640px){.app-header{padding:0 12px}.messages-panel{padding:12px 14px}.chat-input{padding:12px 14px 16px}.message-bubble__content-wrapper{max-width:100%}.system-prompt-editor{padding:0 10px 10px}}