:root{--bg:#0f1420;--panel:#1a2233;--ink:#e6ebf5;--muted:#8595b0;--accent:#5b8def;--ok:#39c07a;--warn:#e6a23c}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--ink)}header{padding:16px 24px;border-bottom:1px solid #26314a}header h1{margin:0;font-size:18px}header p{margin:4px 0 0;color:var(--muted);font-size:13px}.wrap{display:flex;gap:16px;padding:16px 24px;align-items:flex-start}.main{flex:2;min-width:0}.side{flex:1;min-width:260px}.card{background:var(--panel);border:1px solid #26314a;border-radius:10px;padding:14px;margin-bottom:14px}.card h3{margin:0 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}#chat{height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.msg{padding:9px 12px;border-radius:9px;max-width:85%;font-size:14px;line-height:1.4}.me{align-self:flex-end;background:#274063}.them{align-self:flex-start;background:#222c40}.them b{color:var(--accent)}#status{margin-top:10px;font-size:13px;color:var(--muted);min-height:20px}#status.live{color:var(--ok)}#status.think{color:var(--warn)}button{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:10px 14px;font-size:14px;cursor:pointer}button.secondary{background:#2a3550}button:disabled{opacity:.5;cursor:default}button.rec{background:var(--ok)}button.rec.on{background:#d9534f}select,input[type=range]{width:100%;margin-top:6px}label{font-size:13px;color:var(--muted);display:block;margin-top:10px}.row{display:flex;gap:8px;align-items:center;margin-top:10px}textarea{width:100%;background:#131a29;color:var(--ink);border:1px solid #2a3550;border-radius:8px;padding:9px;font-size:14px;resize:vertical}.meter{height:6px;background:#131a29;border-radius:3px;overflow:hidden;margin-top:8px}.meter>div{height:100%;width:0%;background:var(--ok);transition:width .08s}.val{color:var(--ink);font-weight:600}.persona{display:flex;align-items:center;gap:6px;font-size:13px;margin-top:4px}