:root{--bg:#f6f6f8;--surface:#fff;--border:#e7e7ec;--border-soft:#efeff2;--text:#1b1b22;--text2:#6e6e7a;--text3:#9a9aa5;--accent:#6d5bd0;--accent-strong:#5b4abf;--on-accent:#fff;--bubble-in:#ececf1;--bubble-out:#6d5bd0;--hover:#efeff4;--selected:#eeeafb;--input:#f0f0f4;--hl:#4a3e96;--ok-bg:#e4f3ea;--ok-fg:#217a4b;--err-bg:#fbeae7;--err-fg:#b4442c}@media (prefers-color-scheme:dark){:root{--bg:#141417;--surface:#1c1c21;--border:#2a2a31;--border-soft:#26262e;--text:#ececf0;--text2:#b9b9c2;--text3:#777782;--accent:#8e7cf0;--accent-strong:#a493f5;--on-accent:#fff;--bubble-in:#26262e;--bubble-out:#7a68e0;--hover:#26262e;--selected:#2e2a45;--input:#26262e;--hl:#4a3e96;--ok-bg:#1e3328;--ok-fg:#6fcf97;--err-bg:#3a2320;--err-fg:#e88c74}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Instrument Sans,system-ui,Segoe UI,sans-serif}a{color:var(--accent)}a:hover{color:var(--accent-strong)}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input{color:var(--text);background:0 0;border:none;outline:none;font-family:inherit;font-size:14px}::placeholder{color:var(--text3)}.icbtn{width:34px;height:34px;color:var(--text2);border-radius:9px;justify-content:center;align-items:center;display:flex}.icbtn:hover{background:var(--hover)}.avatar{-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.pill{border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.shell{height:100%;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:360px;display:flex;overflow:hidden}.mainpane{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}@media (width<=768px){.sidebar{border-right:none;width:100%}.mainpane{width:100%}.mobile-hidden{display:none}}