:root{--ground:#f4f5f7;--surface:#fff;--hairline:#e3e6eb;--ink:#14171c;--ink-2:#4a5160;--ink-3:#5e6675;--control:#c9ced8}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--ground);color:var(--ink);font:15px/1.45 Inter,system-ui,-apple-system,Segoe UI,sans-serif}@media (min-width:768px){body{font-size:16px}}header.top{background:var(--surface);border-bottom:1px solid var(--hairline);justify-content:center;align-items:center;height:52px;font:600 17px Space Grotesk,Inter,sans-serif;display:flex}.app{flex-direction:column;height:100dvh;display:flex}.convo{flex-direction:column;flex:1;justify-content:flex-end;gap:12px;width:100%;max-width:760px;margin:0 auto;padding:16px;display:flex;overflow-y:auto}.me{background:var(--ink);color:#fff;white-space:pre-wrap;border-radius:18px 18px 4px;align-self:flex-end;max-width:85%;padding:10px 14px}.bot{color:var(--ink);white-space:pre-wrap}.empty{color:var(--ink-3);text-align:center;margin:auto}form.bar{background:var(--surface);border-top:1px solid var(--hairline);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}form.bar .row{align-items:center;gap:8px;max-width:760px;margin:0 auto;display:flex}form.bar input{border:1px solid var(--control);min-height:44px;font:inherit;background:#fff;border-radius:22px;flex:1;padding:0 16px}form.bar button,.btn{background:var(--ink);color:#fff;min-width:44px;min-height:44px;font:inherit;cursor:pointer;border:0;border-radius:22px;padding:0 16px}form.bar button:disabled{opacity:.5}.login{flex-direction:column;gap:12px;max-width:360px;margin:20vh auto;padding:0 16px;display:flex}.login h1{margin:0;font:600 24px Space Grotesk,Inter,sans-serif}.login input{border:1px solid var(--control);min-height:44px;font:inherit;border-radius:10px;padding:0 12px}.small{color:var(--ink-3);font-size:13px}