@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;--bg:#070a0f;--bg-elevated:#0b1018;--panel:#0d131d;--panel-hover:#111925;--border:#1b2635;--border-light:#263448;--text:#edf2f8;--text-secondary:#9ba8b8;--text-muted:#617083;--purple:#8b7cff;--purple-bright:#a89cff;--blue:#5ea7ff;--green:#36d39a;--orange:#e9a44c;--danger:#ff6b7a;font-family:Inter,sans-serif}:root.light{--bg:#f5f6f8;--bg-elevated:#fff;--panel:#fff;--panel-hover:#f7f8fa;--border:#e1e5ea;--border-light:#d4dae2;--text:#10141a;--text-secondary:#536172;--text-muted:#8793a2;--purple:#6558e8;--purple-bright:#7668f2;--blue:#367edb;--green:#15966a;--orange:#c47b20;--danger:#d94758}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.app{background:radial-gradient(circle at 50% -20%, #5c56ff17, transparent 35%), var(--bg);width:100%;min-height:100vh}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#070a0fd1;justify-content:space-between;align-items:center;height:76px;padding:0 34px;display:flex;position:sticky;top:0}:root.light .header{background:#f5f6f8e0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--purple), #596eff);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:grid;box-shadow:0 0 24px #786cff33}.brand strong{letter-spacing:-.02em;font-size:13px;display:block}.brand span{color:var(--text-muted);letter-spacing:.1em;margin-top:3px;font-family:DM Mono,monospace;font-size:8px;display:block}.nav{align-items:center;gap:20px;display:flex}.docs-link{color:var(--text-secondary);font-size:12px;font-weight:500;transition:color .2s}.docs-link:hover{color:var(--text)}.docs-link span{margin-left:4px}.language-switch{border:1px solid var(--border-light);background:var(--panel);border-radius:8px;padding:3px;display:flex}.language-switch button{color:var(--text-muted);background:0 0;border:0;border-radius:5px;padding:5px 8px;font-family:DM Mono,monospace;font-size:9px}.language-switch button.active{background:var(--panel-hover);color:var(--text)}.theme-button{border:1px solid var(--border-light);background:var(--panel);width:31px;height:31px;color:var(--text-secondary);border-radius:8px;place-items:center;font-size:14px;transition:border-color .2s,color .2s,background .2s;display:grid}.theme-button:hover{border-color:var(--purple);color:var(--text)}.status{color:var(--text-muted);letter-spacing:.07em;align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:8px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #36d39a1a,0 0 12px #36d39a73}.workspace{grid-template-columns:260px minmax(480px,1fr) 320px;width:100%;min-height:calc(100vh - 76px);display:grid}.sidebar{border-right:1px solid var(--border);min-width:0;padding:34px 24px}.sidebar-eyebrow,.section-label{color:var(--purple-bright);letter-spacing:.13em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:8px}.sidebar-title{letter-spacing:-.045em;margin:15px 0 13px;font-size:24px;line-height:1.08}.sidebar-title span{color:var(--purple-bright)}.sidebar-description{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.7}.sidebar-divider{background:var(--border);height:1px;margin:28px 0}.scenarios-title{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:11px;font-family:DM Mono,monospace;font-size:8px}.scenarios{flex-direction:column;gap:8px;display:flex}.scenario{text-align:left;border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);border-radius:10px;padding:13px;transition:background .2s,border-color .2s,transform .2s}.scenario:hover{background:var(--panel-hover);border-color:var(--border-light);transform:translateY(-1px)}.scenario-label{margin-bottom:6px;font-size:11px;font-weight:600;display:block}.scenario-description{color:var(--text-muted);font-size:10px;line-height:1.55;display:block}.scenario:first-child .scenario-label{color:var(--blue)}.scenario:nth-child(2) .scenario-label{color:var(--green)}.scenario:nth-child(3) .scenario-label{color:var(--orange)}.system-status{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin-top:28px;padding:14px}.system-status-header{justify-content:space-between;align-items:center;display:flex}.system-status-label{color:var(--text-muted);letter-spacing:.07em;align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:8px;display:flex}.online-badge{color:var(--green);background:#36d39a1a;border-radius:5px;padding:4px 7px;font-family:DM Mono,monospace;font-size:8px}.system-status p{color:var(--text-secondary);margin:10px 0 0;font-size:10px}.main-panel{min-width:0;padding:34px 34px 60px}.chat-header{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.chat-label{color:var(--purple-bright);letter-spacing:.13em;font-family:DM Mono,monospace;font-size:8px}.chat-shortcut{color:var(--text-muted);font-family:DM Mono,monospace;font-size:8px}.query-box{border:1px solid var(--border-light);background:linear-gradient(145deg,#141c29e6,#0a0f17f2);border-radius:13px;min-height:170px;transition:border-color .2s,box-shadow .2s;position:relative;box-shadow:0 20px 70px #00000029,inset 0 1px #ffffff06}:root.light .query-box{background:var(--panel)}.query-box:focus-within{border-color:#8b7cff8c;box-shadow:0 20px 70px #0000002e,0 0 0 3px #8b7cff0f}.query-box textarea{resize:none;width:100%;min-height:170px;color:var(--text);background:0 0;border:0;outline:0;padding:18px 18px 58px;font-size:14px;line-height:1.6;display:block}.query-box textarea::placeholder{color:var(--text-muted)}.analyze-button{background:linear-gradient(135deg, var(--purple), #6878ff);color:#fff;border:0;border-radius:8px;align-items:center;gap:9px;padding:10px 14px;font-size:11px;font-weight:600;transition:transform .2s,opacity .2s;display:flex;position:absolute;bottom:13px;right:13px;box-shadow:0 7px 24px #675eff38}.analyze-button:hover:not(:disabled){transform:translateY(-1px)}.analyze-button:disabled{opacity:.4}.examples{flex-wrap:wrap;align-items:center;gap:7px;margin-top:11px;display:flex}.examples>span{color:var(--text-muted);margin-right:2px;font-family:DM Mono,monospace;font-size:8px}.examples button{border:1px solid var(--border);color:var(--text-secondary);background:0 0;border-radius:6px;padding:6px 9px;font-size:9px;transition:background .2s,border-color .2s,color .2s}.examples button:hover{background:var(--panel-hover);border-color:var(--border-light);color:var(--text)}.response-section{margin-top:34px}.response-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.response-status{color:var(--green);align-items:center;gap:7px;font-family:DM Mono,monospace;font-size:8px;display:flex}.response-card{border:1px solid var(--border);background:var(--panel);border-radius:12px;min-height:240px;padding:24px;box-shadow:0 15px 50px #00000014}.answer{color:var(--text-secondary);font-size:13px;line-height:1.75}.answer p{margin:0 0 17px}.answer p:last-child{margin-bottom:0}.answer strong{color:var(--text);font-weight:700}.answer ul,.answer ol{margin:12px 0 20px;padding-left:22px}.answer li{margin:8px 0}.answer h1,.answer h2,.answer h3{color:var(--text);letter-spacing:-.025em;margin:24px 0 10px}.answer h2{font-size:17px}.answer h3{font-size:14px}.answer code{background:var(--panel-hover);color:var(--purple-bright);border-radius:4px;padding:2px 5px;font-family:DM Mono,monospace;font-size:11px}.answer hr{border:0;border-top:1px solid var(--border);margin:22px 0}.loading{flex-direction:column;gap:15px;display:flex}.loading-bar{background:var(--border);border-radius:20px;width:100%;height:3px;overflow:hidden}.loading-bar:after{content:"";background:linear-gradient(90deg, var(--purple), var(--blue));width:30%;height:100%;animation:1.2s ease-in-out infinite loading;display:block}.loading p{color:var(--text-muted);margin:0;font-family:DM Mono,monospace;font-size:9px}@keyframes loading{0%{transform:translate(-120%)}to{transform:translate(400%)}}.error{color:var(--danger);background:#ff6b7a12;border:1px solid #ff6b7a40;border-radius:8px;margin-top:20px;padding:12px 14px;font-size:11px}.right-panel{border-left:1px solid var(--border);min-width:0;padding:34px 24px}.right-title{color:var(--text);letter-spacing:-.035em;margin:12px 0 8px;font-size:18px}.right-description{color:var(--text-muted);margin:0;font-size:10px;line-height:1.65}.workflow{margin-top:26px}.workflow-step{grid-template-columns:34px 1fr;gap:11px;min-height:78px;display:grid;position:relative}.workflow-step:not(:last-child):after{content:"";background:linear-gradient(to bottom, var(--border-light), transparent);width:1px;position:absolute;top:35px;bottom:0;left:16px}.step-icon{z-index:1;border:1px solid var(--border);background:var(--panel);border-radius:9px;place-items:center;width:33px;height:33px;font-size:12px;display:grid;position:relative}.workflow-step:first-child .step-icon{color:var(--purple-bright)}.workflow-step:nth-child(2) .step-icon{color:var(--green)}.workflow-step:nth-child(3) .step-icon{color:var(--orange)}.workflow-step:nth-child(4) .step-icon{color:var(--blue)}.step-content{padding-top:1px}.step-number{color:var(--text-muted);font-family:DM Mono,monospace;font-size:8px}.step-content h3{color:var(--text);margin:4px 0;font-size:11px}.step-content p{color:var(--text-muted);margin:0;font-size:9px;line-height:1.55}.architecture-panel{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.architecture-description{color:var(--text-muted);margin:9px 0 16px;font-size:9px;line-height:1.55}.architecture-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.system-card{border:1px solid var(--border);background:var(--panel);border-radius:8px;min-height:78px;padding:11px;transition:border-color .2s,background .2s}.system-card:hover{border-color:var(--border-light);background:var(--panel-hover)}.system-index{color:var(--text-muted);font-family:DM Mono,monospace;font-size:7px}.system-card span{color:var(--purple-bright);letter-spacing:.08em;margin-top:12px;font-family:DM Mono,monospace;font-size:7px;display:block}.system-card strong{color:var(--text);margin-top:3px;font-size:10px;display:block}.system-card small{color:var(--text-muted);margin-top:3px;font-size:7px;display:block}footer{border-top:1px solid var(--border);color:var(--text-muted);letter-spacing:.04em;justify-content:space-between;align-items:center;padding:16px 24px;font-family:DM Mono,monospace;font-size:8px;display:flex}footer a:hover{color:var(--purple-bright)}@media (width<=1150px){.workspace{grid-template-columns:220px minmax(420px,1fr) 280px}.sidebar{padding-left:18px;padding-right:18px}.main-panel{padding-left:24px;padding-right:24px}.right-panel{padding-left:18px;padding-right:18px}}@media (width<=950px){.workspace{grid-template-columns:220px minmax(0,1fr)}.right-panel{display:none}}@media (width<=700px){.header{gap:12px;height:auto;min-height:68px;padding:14px 16px}.nav{gap:8px}.status,.docs-link{display:none}.workspace{display:block}.sidebar{display:none}.main-panel{padding:24px 16px 40px}.query-box,.query-box textarea{min-height:155px}footer{padding:15px 16px 25px}}.documents-panel{border-top:1px solid var(--border);margin-top:26px;padding-top:22px}.documents-panel-header{justify-content:space-between;align-items:center;display:flex}.documents-panel>p{color:var(--text-muted);margin:8px 0 12px;font-size:9px;line-height:1.55}.document-count{border:1px solid var(--border);min-width:20px;height:20px;color:var(--purple-bright);border-radius:6px;place-items:center;font-family:DM Mono,monospace;font-size:8px;display:grid}.document-list{flex-direction:column;gap:6px;display:flex}.document-item{border:1px solid var(--border);background:var(--panel);width:100%;color:var(--text);text-align:left;border-radius:8px;align-items:center;gap:9px;padding:9px;transition:border-color .2s,background .2s;display:flex}.document-item:hover{border-color:var(--border-light);background:var(--panel-hover)}.document-icon{width:25px;height:25px;color:var(--purple-bright);background:#8b7cff1a;border-radius:5px;place-items:center;font-family:DM Mono,monospace;font-size:7px;display:grid}.document-info{flex:1;min-width:0}.document-info strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:500;display:block;overflow:hidden}.document-info small{color:var(--green);margin-top:3px;font-family:DM Mono,monospace;font-size:6px;display:block}.document-arrow{color:var(--text-muted);font-size:11px}.documents-loading{color:var(--text-muted);font-family:DM Mono,monospace;font-size:7px}.insights{border-bottom:1px solid var(--border);margin-bottom:25px;padding-bottom:22px}.insights-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.insights-source{color:var(--text-muted);letter-spacing:.08em;font-family:DM Mono,monospace;font-size:7px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.metric-card{border:1px solid var(--border);background:linear-gradient(145deg, #8b7cff12, transparent), var(--panel);border-radius:9px;padding:12px}.metric-card span{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:7px;display:block}.metric-card strong{color:var(--text);letter-spacing:-.035em;margin-top:8px;font-size:15px;display:block}.chart-card{border:1px solid var(--border);background:var(--panel);border-radius:9px;margin-top:9px;padding:14px}.chart-title{color:var(--text-secondary);margin-bottom:18px;font-size:10px;font-weight:600}.chart{justify-content:center;align-items:flex-end;gap:24px;height:130px;padding:0 10px;display:flex}.chart-column{flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;width:70px;height:100%;display:flex}.chart-value{min-height:12px;color:var(--text-muted);white-space:nowrap;font-family:DM Mono,monospace;font-size:7px}.chart-track{background:var(--border);border-radius:6px 6px 3px 3px;align-items:flex-end;width:28px;height:82px;display:flex;overflow:hidden}.chart-bar{background:linear-gradient(to top, var(--purple), var(--blue));border-radius:6px 6px 3px 3px;width:100%;min-height:8px;transition:height .5s}.chart-column>span{color:var(--text-muted);text-align:center;font-size:7px}.document-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.document-modal{border:1px solid var(--border-light);background:var(--bg-elevated);border-radius:14px;flex-direction:column;width:min(850px,100%);max-height:min(720px,90vh);display:flex;box-shadow:0 30px 100px #0006}.document-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:20px 22px;display:flex}.document-modal-header h2{color:var(--text);letter-spacing:-.035em;margin:7px 0 0;font-size:17px}.close-button{border:1px solid var(--border);background:var(--panel);width:30px;height:30px;color:var(--text-secondary);border-radius:7px;place-items:center;font-size:18px;display:grid}.close-button:hover{color:var(--text);border-color:var(--border-light)}.document-content{flex:1;padding:24px;overflow:auto}.document-content pre{white-space:pre-wrap;word-break:break-word;color:var(--text-secondary);margin:0;font-family:DM Mono,monospace;font-size:10px;line-height:1.75}.document-modal-footer{border-top:1px solid var(--border);color:var(--green);justify-content:space-between;align-items:center;padding:13px 22px;font-family:DM Mono,monospace;font-size:7px;display:flex}.document-modal-footer button{color:var(--text-secondary);background:0 0;border:0;font-size:10px}.document-modal-footer button:hover{color:var(--text)}@media (width<=700px){.header{padding:12px 14px;position:relative}.brand span{display:none}.nav{gap:6px}.docs-link,.status{display:none}.workspace{flex-direction:column;display:flex}.main-panel{order:1;width:100%;padding:22px 14px 30px}.sidebar{border-right:0;border-top:1px solid var(--border);order:2;width:100%;padding:0 14px 30px;display:block}.right-panel{border-left:0;border-top:1px solid var(--border);order:3;width:100%;padding:30px 14px;display:block}.sidebar-eyebrow{padding-top:25px}.sidebar-title{margin-top:10px;font-size:24px}.sidebar-description{max-width:560px}.query-box{min-height:190px}.query-box textarea{min-height:190px;font-size:14px}.examples{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.examples>span,.examples button{flex:none}.response-section{margin-top:25px}.response-card{padding:17px}.metric-grid{grid-template-columns:1fr}.chart{gap:14px}.documents-panel,.system-status{max-width:600px}.right-panel{min-height:auto}.workflow{max-width:600px}.architecture-grid{grid-template-columns:1fr 1fr}.document-modal-backdrop{padding:10px}.document-modal{max-height:94vh}.document-content{padding:16px}footer{padding:14px}}@media (width<=430px){.language-switch{display:none}.metric-grid,.architecture-grid{grid-template-columns:1fr}.response-heading{align-items:flex-start;gap:10px}.response-status{font-size:7px}.chart{gap:5px}.chart-column{width:60px}}html{background:#080b11}