*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#eef3fb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{max-width:850px;height:100dvh;margin:auto;display:flex;flex-direction:column;padding:16px;gap:14px}.topbar{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #263449;border-radius:18px;background:#111c2d}.mark{width:42px;height:42px;border-radius:14px;background:#2563eb;display:grid;place-items:center;font-size:24px;font-weight:800}.topbar h1{font-size:18px;margin:0}.topbar p,.note{font-size:12px;color:#9aabc2;margin:4px 0 0}.status{margin-right:auto;font-size:12px;color:#86efac}.chat{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:8px 2px}.welcome{margin:auto;text-align:center;color:#aab9ce}.welcome h2{color:#fff}.bubble{max-width:88%;padding:12px 14px;border-radius:16px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.user{align-self:flex-start;background:#1d4ed8}.assistant{align-self:flex-end;background:#172438;border:1px solid #293a52}.composer{display:flex;gap:8px;padding:10px;background:#111c2d;border:1px solid #263449;border-radius:18px}.composer textarea{flex:1;resize:none;border:0;outline:0;background:transparent;color:#fff;font:inherit;max-height:120px;padding:10px}.composer button{border:0;border-radius:13px;padding:0 20px;background:#2563eb;color:white;font-weight:700}.composer button:disabled{opacity:.5}.note{text-align:center;margin:0 0 4px}@media(min-width:700px){.app{padding:24px}.bubble{max-width:75%}}