:root{--bg: #0f0f10;--bg-panel: #1a1a1c;--bg-bubble-assistant: #202123;--bg-bubble-user: #343541;--border: #2a2a2d;--text: #ececec;--text-muted: #9b9b9b;--accent: #10a37f}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif}.app-layout{display:flex;height:100vh}.sidebar{width:260px;background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:12px;gap:8px}.sidebar-header{font-weight:600;padding:8px;display:flex;align-items:center;gap:8px}.beta-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent, #fff);background:#ffa50033;border:1px solid orange;border-radius:10px;padding:2px 6px}.new-chat-btn{background:transparent;border:1px solid var(--border);color:var(--text);padding:10px;border-radius:8px;cursor:pointer;text-align:left}.new-chat-btn:hover{background:var(--bg-bubble-assistant)}.conversation-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.conversation-item{background:transparent;border:none;color:var(--text-muted);padding:8px;text-align:left;border-radius:6px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.active,.conversation-item:hover{background:var(--bg-bubble-assistant);color:var(--text)}.sidebar-footer{padding:8px;font-size:12px}.sidebar-footer a{color:var(--text-muted)}.main-panel{flex:1;display:flex;flex-direction:column}.chat-window{display:flex;flex-direction:column;height:100%}.messages{flex:1;overflow-y:auto;padding:24px}.empty-state{color:var(--text-muted);text-align:center;margin-top:20%;font-size:16px}.message-row{display:flex;gap:12px;max-width:800px;margin:0 auto 20px}.avatar{font-size:20px}.avatar-image{width:28px;height:28px;object-fit:contain;border-radius:50%}.bubble{background:var(--bg-bubble-assistant);padding:12px 16px;border-radius:10px;line-height:1.5;flex:1}.message-row.user .bubble{background:var(--bg-bubble-user)}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.bubble code{background:#ffffff14;padding:1px 5px;border-radius:4px;font-size:13px;font-family:SFMono-Regular,Consolas,monospace}.code-block{position:relative;margin:8px 0;border-radius:8px;border:1px solid var(--border);background:#16161a;overflow-x:auto}.code-block pre{margin:0;padding:12px 14px;overflow-x:auto}.code-block pre code{background:none;padding:0;font-size:13px;line-height:1.5;font-family:SFMono-Regular,Consolas,monospace}.code-block-yaml{border:1px solid #c9a53b;background:#241f0f;box-shadow:0 0 0 1px #c9a53b33}.code-block-yaml pre{padding-top:26px}.code-block-badge{position:absolute;top:6px;right:10px;font-size:10px;font-weight:700;letter-spacing:.5px;color:#c9a53b;background:#c9a53b26;padding:2px 6px;border-radius:4px}.sources{margin-top:10px;padding-top:8px;border-top:1px solid var(--border);font-size:13px;color:var(--text-muted)}.sources-label{font-weight:600}.sources ul{margin:4px 0 0;padding-left:18px}.sources a{color:var(--accent)}.input-bar{display:flex;gap:8px;padding:16px 24px;border-top:1px solid var(--border);max-width:800px;width:100%;margin:0 auto}textarea{flex:1;resize:none;background:var(--bg-bubble-assistant);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px}.input-bar button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:0 20px;cursor:pointer;font-weight:600}.input-bar button:disabled{opacity:.5;cursor:not-allowed}