:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body,#root{width:100%;height:100%;margin:0;padding:0}:root{--bg:#f5f5f7;--header-bg:#fff;--user-bg:#007aff;--user-fg:#fff;--asst-bg:#e9e9eb;--asst-fg:#1d1d1f;--text:#1d1d1f;--muted:#8e8e93;--border:#d1d1d6;--error:#ff3b30}@media (prefers-color-scheme:dark){:root{--bg:#000;--header-bg:#1c1c1e;--user-bg:#0a84ff;--user-fg:#fff;--asst-bg:#2c2c2e;--asst-fg:#f2f2f7;--text:#f2f2f7;--muted:#8e8e93;--border:#38383a;--error:#ff453a}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.gate{flex-direction:column;gap:1rem;max-width:28rem;margin:4rem auto;padding:1.5rem;display:flex}.gate h1{margin:0;font-size:1.6rem}.gate p{color:var(--muted);margin:0}.gate input{border:1px solid var(--border);background:var(--header-bg);color:var(--text);border-radius:.5rem;padding:.75rem 1rem;font-size:1rem}.gate button{background:var(--user-bg);color:var(--user-fg);cursor:pointer;border:0;border-radius:.5rem;padding:.75rem 1rem;font-size:1rem}.gate button:disabled{opacity:.5;cursor:not-allowed}.chat{flex-direction:column;max-width:48rem;height:100%;margin:0 auto;display:flex}header{background:var(--header-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex}header h1{margin:0;font-size:1rem;font-weight:600}header .logout{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.2rem}.messages{flex-direction:column;flex:1;gap:.4rem;padding:.75rem .75rem .25rem;display:flex;overflow-y:auto}.loading,.end{text-align:center;color:var(--muted);padding:.5rem;font-size:.8rem}.bubble{word-wrap:break-word;white-space:pre-wrap;border-radius:1.1rem;max-width:80%;padding:.5rem .75rem}.bubble.user{background:var(--user-bg);color:var(--user-fg);border-bottom-right-radius:.25rem;align-self:flex-end}.bubble.assistant,.bubble.system{background:var(--asst-bg);color:var(--asst-fg);border-bottom-left-radius:.25rem;align-self:flex-start}.bubble-meta{opacity:.65;gap:.5rem;margin-top:.2rem;font-size:.7rem;display:flex}.bubble.user .bubble-meta{color:var(--user-fg)}.bubble.assistant .bubble-meta,.bubble.system .bubble-meta{color:var(--muted)}.error{background:var(--error);color:#fff;padding:.5rem 1rem;font-size:.85rem}.composer{background:var(--header-bg);border-top:1px solid var(--border);padding:.5rem .75rem;padding-bottom:max(.5rem, env(safe-area-inset-bottom,0px));gap:.5rem;display:flex}.composer input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:1.2rem;flex:1;padding:.6rem .9rem;font-size:1rem}.composer button{background:var(--user-bg);width:2.6rem;color:var(--user-fg);cursor:pointer;border:0;border-radius:50%;font-size:1.2rem}.composer button:disabled{opacity:.4;cursor:not-allowed}