:root{--bg:#fff;--panel:#f5f5f4;--text:#1c1917;--muted:#78716c;--border:#e7e5e4;--accent:#c2410c;--user:#f5f5f4}@media (prefers-color-scheme:dark){:root{--bg:#1c1917;--panel:#24201e;--text:#f5f5f4;--muted:#a8a29e;--border:#3a3532;--accent:#fb923c;--user:#2c2724}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}button,textarea,input{font:inherit;color:inherit}.login{place-items:center;height:100%;padding:16px;display:grid}.login form{flex-direction:column;gap:12px;width:min(320px,100%);display:flex}.login input{border:1px solid var(--border);background:var(--bg);border-radius:8px;padding:10px 12px}.err{color:#dc2626;min-height:1.5em;margin:0;font-size:14px}.primary{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 14px}.primary:disabled{opacity:.5;cursor:default}.app{height:100%;display:flex}aside{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;width:260px;display:flex}aside header{gap:8px;padding:12px;display:flex}aside header button{flex:1}.list{flex:1;padding:0 8px;overflow-y:auto}.conv{cursor:pointer;border-radius:8px;align-items:center;gap:4px;padding:8px 10px;display:flex}.conv:hover,.conv.active{background:var(--border)}.conv span{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.conv button{color:var(--muted);cursor:pointer;background:0 0;border:0;display:none}.conv:hover button{display:block}aside footer{border-top:1px solid var(--border);padding:12px}aside footer button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0}main{flex-direction:column;flex:1;min-width:0;display:flex}.msgs{flex:1;padding:24px 16px;overflow-y:auto}.msg{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-width:760px;margin:0 auto 16px;padding:10px 14px}.msg.user{background:var(--user)}.msg.err{color:#dc2626}.empty{text-align:center;max-width:760px;color:var(--muted);margin:20vh auto 0}.composer{align-items:flex-end;gap:8px;width:100%;max-width:760px;margin:0 auto;padding:12px 16px 20px;display:flex}.composer textarea{resize:none;border:1px solid var(--border);background:var(--bg);border-radius:12px;flex:1;max-height:200px;padding:10px 12px}.menu{cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:8px 12px;font-size:22px;display:none}@media (width<=700px){aside{z-index:2;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}aside.open{transform:none}.menu{display:block}}