:root{--color-bg: #fafaf9;--color-bg-alt: #f5f5f4;--color-surface: #ffffff;--color-border: #e7e5e4;--color-text: #1c1917;--color-text-muted: #78716c;--color-accent: #0d9488;--color-accent-soft: #ccfbf1;--color-highlight: #fef08a;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--sidebar-width: 280px;--chat-width: 380px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:1.6}.app{display:grid;grid-template-columns:var(--sidebar-width) 1fr var(--chat-width);height:100%}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);overflow-y:auto;padding:var(--space-md)}.sidebar-header{font-size:var(--font-size-lg);font-weight:600;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-md)}.sidebar-section{margin-bottom:var(--space-lg)}.sidebar-section-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm)}.sidebar-item{display:block;padding:var(--space-sm) var(--space-md);border-radius:6px;color:var(--color-text);text-decoration:none;cursor:pointer;transition:background .15s ease}.sidebar-item:hover{background:var(--color-bg-alt)}.sidebar-item.active{background:var(--color-accent-soft);color:var(--color-accent)}.reading-pane{overflow-y:auto;padding:var(--space-xl);background:var(--color-bg)}.reading-pane-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:var(--font-size-lg)}.markdown-content{max-width:720px;margin:0 auto}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:var(--space-xl);margin-bottom:var(--space-md);font-weight:600;line-height:1.3}.markdown-content h1{font-size:var(--font-size-2xl)}.markdown-content h2{font-size:var(--font-size-xl)}.markdown-content h3{font-size:var(--font-size-lg)}.markdown-content p{margin-bottom:var(--space-md)}.markdown-content ul,.markdown-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.markdown-content li{margin-bottom:var(--space-xs)}.markdown-content code{font-family:var(--font-mono);font-size:.9em;background:var(--color-bg-alt);padding:.1em .3em;border-radius:3px}.markdown-content pre{background:var(--color-bg-alt);padding:var(--space-md);border-radius:6px;overflow-x:auto;margin-bottom:var(--space-md)}.markdown-content pre code{background:none;padding:0}.markdown-content a{color:var(--color-accent);text-decoration:none}.markdown-content a:hover{text-decoration:underline}.markdown-content .highlight{background:var(--color-highlight);animation:highlight-fade 2s ease-out forwards}@keyframes highlight-fade{0%{background:var(--color-highlight)}to{background:transparent}}.chat-panel{display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border)}.chat-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);font-weight:600}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-md)}.chat-message{margin-bottom:var(--space-md);padding:var(--space-md);border-radius:8px;max-width:90%}.chat-message.user{background:var(--color-accent);color:#fff;margin-left:auto}.chat-message.assistant{background:var(--color-bg-alt)}.chat-input-container{padding:var(--space-md);border-top:1px solid var(--color-border)}.chat-input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:8px;font-family:inherit;font-size:var(--font-size-base);resize:none}.chat-input:focus{outline:none;border-color:var(--color-accent)}.suggested-questions{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-sm) 0}.suggested-question{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:16px;font-size:var(--font-size-sm);cursor:pointer;transition:all .15s ease}.suggested-question:hover{background:var(--color-accent-soft);border-color:var(--color-accent)}.loading{color:var(--color-text-muted);font-style:italic}