:root{--bg:#f7f6f3;--panel:#fff;--ink:#1f2421;--muted:#6b7280;--line:#e7e5df;--user:#1f2421;--user-ink:#f7f6f3;--robert:#eef0ee;--accent:#2f6f5e}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans Arabic,sans-serif;line-height:1.55}.app{flex-direction:column;max-width:760px;height:100dvh;margin:0 auto;display:flex}.header{border-bottom:1px solid var(--line);padding:20px 20px 12px}.header h1{margin:0;font-size:18px;font-weight:650}.header p{color:var(--muted);margin:2px 0 0;font-size:13px}.thread{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.empty{text-align:center;color:var(--muted);max-width:420px;margin:auto}.empty strong{color:var(--ink)}.row{display:flex}.row.user{justify-content:flex-end}.bubble{white-space:pre-wrap;word-wrap:break-word;border-radius:14px;max-width:80%;padding:10px 14px}.row.user .bubble{background:var(--user);color:var(--user-ink);border-bottom-right-radius:4px}.row.assistant .bubble{background:var(--robert);color:var(--ink);border-bottom-left-radius:4px}.bubble .who{letter-spacing:.03em;text-transform:uppercase;opacity:.55;margin-bottom:3px;font-size:11px;display:block}.cursor:after{content:"▍";opacity:.5;animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.composer{border-top:1px solid var(--line);background:var(--bg);align-items:flex-end;gap:10px;padding:12px 20px 20px;display:flex}.composer textarea{resize:none;border:1px solid var(--line);font:inherit;background:var(--panel);color:var(--ink);border-radius:12px;flex:1;max-height:160px;padding:11px 13px}.composer textarea:focus{border-color:var(--accent);outline:none}.composer button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:12px;padding:11px 18px;font-weight:600}.composer button:disabled{opacity:.45;cursor:default}.login{text-align:center;width:100%;max-width:320px;margin:auto;padding:24px}.login h1{margin:0 0 4px;font-size:22px}.login p{color:var(--muted);margin:0 0 18px;font-size:14px}.login form{flex-direction:column;gap:10px;display:flex}.login input{border:1px solid var(--line);font:inherit;background:var(--panel);color:var(--ink);border-radius:12px;padding:11px 13px}.login input:focus{border-color:var(--accent);outline:none}.login button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:12px;padding:11px 18px;font-weight:600}.login button:disabled{opacity:.45;cursor:default}.login-error{color:#b3261e;margin-top:12px;font-size:13px}