:root{--bg:#08110f;--panel:#101c19;--line:#274039;--text:#eef8f4;--muted:#94aaa2;--lime:#b7f34a;--cyan:#5ce1cf;--danger:#ff7f87}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#183b32,transparent 35%),var(--bg);color:var(--text);font:15px Inter,ui-sans-serif,system-ui;min-height:100vh}header{height:68px;display:flex;align-items:center;gap:30px;padding:0 4vw;border-bottom:1px solid var(--line);background:#08110fd9;position:sticky;top:0;z-index:3}.brand{font-weight:900;letter-spacing:-.5px;font-size:20px}.brand span{color:var(--lime)}nav{display:flex;gap:6px;flex:1}.tab,.ghost{background:none;color:var(--muted);width:auto}.tab.active{color:var(--text);background:#1b2c27}.card{background:linear-gradient(145deg,#13221e,#0d1715);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 20px 50px #0003}main{padding:26px 4vw}.view{display:none}.view.active{display:flex;gap:20px}.controls{width:300px;flex:none}.conversation{flex:1;min-height:75vh;display:flex;flex-direction:column}label{display:block;color:var(--muted);margin-bottom:16px}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;background:#091310;color:var(--text);padding:11px;font:inherit}textarea{resize:vertical;min-height:76px}button{border:0;border-radius:10px;padding:11px 16px;background:var(--lime);color:#10170b;font-weight:750;cursor:pointer;width:100%}.secondary{background:#21352f;color:var(--text)}#messages{flex:1;overflow:auto}.message{max-width:85%;padding:13px 16px;margin:10px 0;border-radius:16px;white-space:pre-wrap;line-height:1.55}.user{background:#20372f;margin-left:auto}.assistant{background:#132823;border:1px solid #285044}.error{color:var(--danger)}#chatForm{display:flex;gap:10px;border-top:1px solid var(--line);padding-top:15px}#chatForm textarea{min-height:52px}#chatForm button{width:100px}.metrics{color:var(--cyan);font:12px ui-monospace;padding:8px}.embed{max-width:900px;margin:auto;width:100%}.embed textarea{min-height:130px}.vector{font:12px ui-monospace;color:var(--muted);overflow-wrap:anywhere}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat strong{display:block;font-size:26px;color:var(--lime)}#monitor{display:block}.modal{position:fixed;inset:0;background:#06100eee;z-index:10;display:grid;place-items:center}.modal.hidden{display:none}.modal .card{width:min(390px,90vw)}@media(max-width:800px){header{gap:12px;padding:0 14px}.brand{font-size:16px}main{padding:14px}.view.active{display:block}.controls{width:100%;margin-bottom:14px}.conversation{min-height:65vh}.grid{grid-template-columns:1fr 1fr}.ghost{display:none}}