:root{--bg:#f7f7f8;--panel:#ececee;--text:#202123;--muted:#6b6c70;--line:#d9d9df;--accent:#0d8a6a;--bubble:#fff}*{box-sizing:border-box}body{margin:0;font:14px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--text)}body.dark{--bg:#202123;--panel:#171719;--text:#ececf1;--muted:#aaa;--line:#444;--bubble:#292a2d}button,input,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);background:transparent;border-radius:9px;padding:8px 11px;cursor:pointer}.primary{background:var(--accent);color:white;border:0}.danger{color:#d34}.link{border:0;text-align:left}.modal{position:fixed;inset:0;background:var(--bg);display:grid;place-items:center;z-index:5}.modal form{width:min(360px,90vw);padding:28px;background:var(--bubble);border:1px solid var(--line);border-radius:18px}.modal input{display:block;width:100%;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--bg)}.error{color:#d34;margin-top:10px}#app{height:100vh;display:grid;grid-template-columns:280px 1fr}aside{background:var(--panel);padding:14px;overflow:auto;display:flex;flex-direction:column;gap:8px}.brand{font-size:17px;font-weight:700;display:flex;justify-content:space-between}.section{margin-top:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.project,.chat{display:flex;align-items:center;gap:5px;padding:8px;border-radius:9px}.project:hover,.chat:hover,.active{background:var(--bubble)}.project span,.chat span{flex:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis}.mini{border:0;padding:3px;color:var(--muted)}#chats{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}main{min-width:0;display:grid;grid-template-rows:auto 1fr auto}header{padding:12px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}header small{display:block;color:var(--muted)}#mobile{display:none}#messages{overflow:auto;padding:24px max(20px,calc((100% - 860px)/2))}.welcome{text-align:center;color:var(--muted);margin-top:15vh}.message{background:var(--bubble);border:1px solid var(--line);padding:14px 16px;border-radius:14px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message.user{margin-left:12%;background:color-mix(in srgb,var(--accent) 10%,var(--bubble))}.who{font-weight:700;margin-bottom:6px}.copy{float:right;border:0;padding:2px;color:var(--muted)}footer{padding:12px max(20px,calc((100% - 860px)/2));border-top:1px solid var(--line)}textarea{width:100%;resize:vertical;padding:13px;background:var(--bubble);border:1px solid var(--line);border-radius:13px}footer>div:last-child{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:12px}footer #send{margin-left:auto}.upload{cursor:pointer;padding:7px}#picked{display:flex;gap:8px;overflow:auto}.filecard{border:1px solid var(--line);border-radius:8px;padding:5px;max-width:140px}.filecard img,.filecard video{width:100px;height:70px;object-fit:cover;display:block}dialog{background:var(--bubble);color:var(--text);border:1px solid var(--line);border-radius:14px;min-width:340px;max-width:650px}dialog input{width:100%;padding:9px;margin:5px 0;background:var(--bg);border:1px solid var(--line)}.actions{text-align:right;margin-top:15px}pre,code{white-space:pre-wrap} @media(max-width:750px){#app{grid-template-columns:1fr}aside{position:fixed;z-index:3;inset:0 18% 0 0;transform:translateX(-110%);transition:.2s}aside.open{transform:none}#mobile{display:block}header>div:last-child button:not(#stop){display:none}#messages{padding:14px}.message.user{margin-left:5%}footer{padding:10px}footer span{display:none}}

[hidden]{display:none!important}