:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
:root{--vh:1vh;--bg:#0f1821;--surface:#121b25;--text:#f3f7fa;--primary:#00b2ff;--accent:#00b2ff}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,Liberation Sans,sans-serif}.app{min-height:calc(var(--vh)*100);flex-direction:column;display:flex}.topbar{z-index:10;background:#0b1219;border-bottom:1px solid rgba(255,255,255,.06);justify-content:space-between;align-items:center;height:56px;padding:0 14px;display:flex;position:-webkit-sticky;position:sticky;top:0}.brand{align-items:center;gap:10px;display:flex}.logo{width:auto;height:28px;display:block}.brand-name{letter-spacing:.2px;color:var(--accent);font-weight:700}.quota{opacity:.9;font-size:14px}.shell{flex:1;justify-content:center;align-items:center;padding:16px;display:flex}.chat-card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:16px;flex-direction:column;width:100%;max-width:820px;min-height:60vh;display:flex;box-shadow:0 10px 30px rgba(0,0,0,.25)}.messages{scroll-behavior:smooth;flex:1;padding:16px;overflow-y:auto}.msg{margin:10px 0;display:flex}.msg.user{justify-content:flex-end}.msg.assistant{justify-content:flex-start}.bubble{word-wrap:break-word;white-space:pre-wrap;border-radius:14px;max-width:80%;padding:12px 14px;font-size:15px;line-height:1.45}.msg.user .bubble{color:var(--text);background:#0a2631;border:1px solid rgba(0,178,255,.25)}.msg.assistant .bubble{color:var(--text);background:#0f141c;border:1px solid rgba(255,255,255,.06)}.bubble a{color:var(--primary);text-decoration:underline}.composer{background:#0e1620;border-top:1px solid rgba(255,255,255,.08);border-radius:0 0 16px 16px;grid-template-columns:1fr auto;gap:10px;padding:12px;display:grid}.composer textarea{resize:none;color:var(--text);background:#0a121b;border:1px solid rgba(255,255,255,.12);border-radius:10px;outline:none;min-height:44px;padding:12px}.composer textarea:disabled{opacity:.6;cursor:not-allowed}.send{background:var(--primary);color:#0f1821;cursor:pointer;border:none;border-radius:10px;min-width:92px;padding:0 16px;font-weight:700}.send:disabled{opacity:.6;cursor:not-allowed}.meta{opacity:.7;padding:6px 12px 12px;font-size:12px}.typing{align-items:center;gap:6px;display:inline-flex}.typing span{opacity:.2;background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink;display:inline-block}.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}@media (max-width:640px){.bubble{max-width:90%}}.composer textarea,.composer input,.send{font-size:16px}.to-bottom{background:var(--primary);color:#0f1821;cursor:pointer;border:none;border-radius:999px;margin:0 auto;padding:8px 14px;font-weight:700;display:block;position:-webkit-sticky;position:sticky;bottom:12px}