:root{--bg:#fff;--side:#f7f7f8;--text:#202123;--muted:#6e6e80;--line:#e5e5e5;--bubble:#f4f4f4;--accent:#10a37f;--danger:#d33}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px}.app{height:100%;display:flex}.sidebar{width:280px;flex:none;background:var(--side);padding:12px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.side-head,.topbar{display:flex;align-items:center;justify-content:space-between}.side-head{padding:6px 4px 14px}.new-chat{width:100%;text-align:left;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:10px;padding:12px;font-size:15px}#conversations{overflow:auto;flex:1;margin-top:12px}.conversation{display:flex;align-items:center;width:100%;border:0;background:transparent;padding:10px;border-radius:8px;color:var(--text);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.conversation.active,.conversation:hover{background:#e9e9eb}.logout{color:var(--muted);padding:12px;text-decoration:none}.main{min-width:0;flex:1;display:flex;flex-direction:column;height:100%}.topbar{height:58px;padding:0 18px;border-bottom:1px solid var(--line);flex:none}.topbar>div{min-width:0;text-align:center}.topbar strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.icon{border:0;background:transparent;color:var(--text);font-size:22px;padding:8px}.danger{color:var(--danger)}#close-menu,#open-menu{display:none}.messages{flex:1;overflow:auto;padding:24px max(20px,calc((100% - 760px)/2)) 150px}.welcome{text-align:center;margin:15vh auto;color:var(--text)}.welcome span{display:inline-grid;place-items:center;width:48px;height:48px;background:var(--text);color:white;border-radius:50%;font-weight:700}.welcome h1{font-size:25px}.turn{margin:0 0 28px}.prompt-row{display:flex;justify-content:flex-end}.prompt{max-width:85%;padding:11px 16px;background:var(--bubble);border-radius:20px;white-space:pre-wrap;line-height:1.55}.answer{padding:16px 4px 0;line-height:1.65}.answer pre{font:inherit;white-space:pre-wrap;word-break:break-word;margin:0}.actions{margin-top:8px}.copy{border:0;background:transparent;color:var(--muted);padding:5px}.state,.error{display:block;margin-top:8px;color:var(--muted);font-size:13px}.error{color:var(--danger)}.composer-wrap{position:fixed;left:280px;right:0;bottom:0;padding:12px max(20px,calc((100% - 760px)/2)) calc(8px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#fff 18%)}#composer{display:flex;align-items:flex-end;gap:8px;padding:10px 10px 10px 16px;border:1px solid #d9d9df;border-radius:26px;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.08)}textarea{flex:1;max-height:130px;resize:none;border:0;outline:0;background:transparent;color:var(--text);font:16px/1.45 inherit;padding:4px 0}.send{width:36px;height:36px;border:0;border-radius:50%;background:var(--text);color:#fff;font-size:22px}.stop{height:36px;border:0;border-radius:18px;background:var(--text);color:#fff;padding:0 14px}.composer-wrap>p{text-align:center;color:var(--muted);font-size:11px;margin:7px 0 0}.shade{display:none}@media(max-width:720px){.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;transform:translateX(-101%);transition:transform .2s;width:min(86vw,310px);padding-top:calc(12px + env(safe-area-inset-top))}.sidebar.open{transform:none}.shade.open{display:block;position:fixed;z-index:19;inset:0;background:rgba(0,0,0,.35)}#close-menu,#open-menu{display:block}.topbar{padding-top:env(safe-area-inset-top);height:calc(58px + env(safe-area-inset-top))}.messages{padding:20px 14px 145px}.composer-wrap{left:0;padding-left:12px;padding-right:12px}.welcome{margin-top:12vh}.prompt{max-width:92%}}