:root{--bg:#0f1115;--panel:#171a21;--border:#262b36;--text:#e8eaed;--muted:#8b93a3;--user:#243044;--accent:#6ea8fe}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.chat{max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:16px;gap:12px}.chat__header{display:flex;align-items:baseline;gap:10px}.chat__header h1{margin:0;font-size:20px;letter-spacing:.04em}.chat__tag{font-size:12px;color:var(--muted)}.chat__messages{list-style:none;margin:0;padding:12px;flex:1 1;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:12px}.chat__empty{color:var(--muted);font-size:14px}.msg{display:flex;flex-direction:column;gap:2px;max-width:85%}.msg--user{align-self:flex-end;text-align:right}.msg--sarah{align-self:flex-start}.msg__role{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.msg__content{background:#1f2530;border:1px solid var(--border);padding:8px 12px;border-radius:10px;white-space:pre-wrap;word-break:break-word}.msg--user .msg__content{background:#243044}.chat__composer{display:flex;gap:8px}.chat__input{flex:1 1;background:var(--panel);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:12px 14px;font-size:15px;outline:none}.chat__input:focus{border-color:var(--accent)}.chat__send{background:var(--accent);color:#0b1220;border:none;border-radius:10px;padding:0 18px;font-size:15px;font-weight:600;cursor:pointer}.chat__send:disabled{opacity:.5;cursor:not-allowed}.auth{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;max-width:380px}.auth__msg{margin:0;color:var(--muted);font-size:14px}.auth__err{margin:0;color:#ff6b6b;font-size:13px}.chat__signout{margin-left:auto;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:4px 10px;font-size:12px;cursor:pointer}.rate{display:flex;align-items:center;gap:8px;margin-top:10px}.rate__btn{background:#1f2530;border:1px solid var(--border);border-radius:8px;font-size:16px;line-height:1;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .06s ease}.rate__btn:hover{background:#2a3340;border-color:var(--accent)}.rate__btn:active{transform:scale(.92)}.rate__note{flex:1 1;min-width:0;background:var(--panel);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:7px 11px;font-size:13px;outline:none}.rate__note::placeholder{color:var(--muted)}.rate__note:focus{border-color:var(--accent)}.rate__done{color:var(--muted)}.rate__btn,.rate__done{font-size:12px;letter-spacing:.02em}.rate__btn{font-weight:600;padding:5px 12px}.rate__btn--good{color:#34d399;border-color:rgba(52,211,153,.4)}.rate__btn--good:hover{background:rgba(52,211,153,.15);border-color:#34d399}.rate__btn--bad{color:#f87171;border-color:rgba(248,113,113,.4)}.rate__btn--bad:hover{background:rgba(248,113,113,.15);border-color:#f87171}.rate__done--good{color:#34d399}.rate__done--bad{color:#f87171}