:root{--bg-base: #0a0a0f;--bg-surface: #111118;--bg-elevated: #18181f;--bg-hover: #1e1e28;--border: #2a2a38;--border-light: #32324a;--accent: #7c6af5;--accent-bright: #9b8cff;--accent-glow: rgba(124, 106, 245, .15);--text-primary: #e8e6ff;--text-secondary: #9490b8;--text-muted: #5a5778;--user-bubble: #1a1635;--user-border: #3d3480;--ai-bubble: #141420;--ai-border: #252535;--danger: #f05c7a;--success: #5cf0b0;--font-display: "Syne", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 280px;--radius: 12px;--radius-sm: 8px;--radius-lg: 16px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-mono);background:var(--bg-base);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}.app-layout{display:flex;height:100vh;height:100dvh;overflow:hidden;background:var(--bg-base);position:relative}.sidebar-wrap{flex-shrink:0;height:100%}.app-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.app-topbar{height:52px;min-height:52px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-surface);flex-shrink:0;z-index:5}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.topbar-title{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.05em;color:var(--text-primary);white-space:nowrap;margin-left:-6px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success);flex-shrink:0}.hamburger-btn{display:none;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;flex-shrink:0}.topbar-new-chat{display:none;align-items:center;gap:4px;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 12px;font-size:11px;font-family:var(--font-mono);font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0}.messages-area{flex:1;overflow-y:auto;min-height:0}.messages-inner{display:flex;flex-direction:column;gap:16px;padding:24px 20px;min-height:100%}.error-banner{display:flex;align-items:flex-start;gap:8px;background:#f05c7a14;border:1px solid rgba(240,92,122,.3);border-radius:var(--radius-sm);padding:12px 14px;color:var(--danger);font-size:12px;font-family:var(--font-mono);line-height:1.6}.error-text{flex:1;word-break:break-word}.error-close{margin-left:auto;background:transparent;border:none;color:var(--danger);cursor:pointer;display:flex;align-items:center;flex-shrink:0;padding-top:2px}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 20px;position:relative;animation:fadeIn .5s ease-out;min-height:60vh}.welcome-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none}.welcome-icon{font-size:44px;color:var(--accent-bright);line-height:1;text-shadow:0 0 30px var(--accent);position:relative}.welcome-heading{font-family:var(--font-display);font-size:24px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;text-align:center;position:relative}.welcome-sub{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono);text-align:center;position:relative}.welcome-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px;max-width:480px;position:relative}.welcome-chip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);cursor:default}pre{background:#0d0d14;border:1px solid var(--border);border-radius:8px;padding:12px 14px;overflow-x:auto;margin:8px 0;font-size:12px}code{font-family:var(--font-mono);font-size:.9em;background:#7c6af51f;padding:2px 5px;border-radius:4px;color:var(--accent-bright)}pre code{background:transparent;padding:0;color:var(--text-primary)}textarea{field-sizing:content}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-glow)}button:hover:not(:disabled){filter:brightness(1.15)}@media (max-width: 767px){.hamburger-btn,.topbar-new-chat{display:flex!important}.sidebar-wrap{position:fixed!important;top:0;left:0;height:100%!important;height:100dvh!important;z-index:20;transform:translate(-100%);transition:transform .28s cubic-bezier(.4,0,.2,1)}.sidebar-wrap.open{transform:translate(0)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.messages-inner{padding:16px 14px}.welcome-heading{font-size:20px}.welcome-chip{font-size:11px;padding:6px 10px}}