:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#eef2ff;--muted:#9aa3c7;--line:#eef2ff1f;--panel:#12182b;--paper:#070a14;--brand:#3d7eff;--user:#1c2744}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);background:var(--paper);font:15px/1.5 ui-sans-serif,system-ui,sans-serif}button,textarea,select,input{font:inherit;color:inherit}button{cursor:pointer}.app{grid-template-columns:260px 1fr;height:100dvh;display:grid}.side{border-right:1px solid var(--line);background:#0c1222;flex-direction:column;min-height:0;display:flex}.brand{padding:1rem 1rem .4rem}.brand strong{font-size:1.05rem;display:block}.brand span{color:var(--muted);font-size:.8rem}.side-actions,.history{padding:.75rem}.history{flex-direction:column;gap:.35rem;display:flex;overflow:auto}.chat-item,.new-chat,.send,.code-form button{border:1px solid var(--line);text-align:left;background:0 0;border-radius:10px;padding:.55rem .7rem}.new-chat,.send,.code-form button{background:var(--brand);color:#fff;border-color:#0000}.chat-item.active{background:var(--panel)}.chat-item small{color:var(--muted);display:block}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}select,.code-form input,textarea{border:1px solid var(--line);background:#0b1020;border-radius:10px;padding:.55rem .7rem}.thread{flex-direction:column;flex:1;gap:.8rem;padding:1.25rem 1rem .5rem;display:flex;overflow:auto}.bubble{white-space:pre-wrap;border-radius:14px;max-width:min(720px,100%);padding:.75rem .9rem}.bubble.user{background:var(--user);align-self:flex-end}.bubble.assistant{background:var(--panel);border:1px solid var(--line);align-self:flex-start}.empty{color:var(--muted);text-align:center;max-width:36rem;margin:auto}.composer{grid-template-columns:1fr auto;gap:.6rem;padding:.8rem 1rem 1rem;display:grid}textarea{resize:none;min-height:52px;max-height:160px}.note{color:#f0a3a8;padding:0 1rem}.code-form{background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:.6rem;width:min(420px,100%);margin:auto;padding:1.1rem;display:grid}@media (max-width:800px){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.side{max-height:34dvh}}