:root{--bg:#fbfaf9;--panel:#fff;--ink:#1c1a18;--muted:#6d6863;--line:#e4e0db;--accent:#b8322f;--user-bg:#f2efec;--error-bg:#fdf1f0}@media (prefers-color-scheme:dark){:root{--bg:#181715;--panel:#211f1d;--ink:#f0ede9;--muted:#9d9691;--line:#34312e;--accent:#e57373;--user-bg:#2a2724;--error-bg:#2e1e1d}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.chat{flex-direction:column;gap:1rem;max-width:46rem;height:100dvh;margin:0 auto;padding:1.5rem 1rem;display:flex}.chat__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.chat__header h1{letter-spacing:-.01em;margin:0;font-size:1.15rem}.model{align-items:center;gap:.5rem;display:flex}.model__label{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.6875rem}.model__select{border:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;border-radius:8px;padding:.375rem .5rem;font-size:.875rem}.model__select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chat__header p{color:var(--muted);margin:.15rem 0 0;font-size:.875rem}.chat__log{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.chat__empty{text-align:center;color:var(--muted);max-width:28rem;margin:auto}.chat__hint{font-size:.8125rem}.msg{flex-direction:column;gap:.25rem;display:flex}.msg__role{text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-size:.6875rem}.msg__body{white-space:pre-wrap;overflow-wrap:anywhere}.msg--user .msg__body{background:var(--user-bg);border-radius:8px;align-self:flex-start;padding:.5rem .75rem}.msg__body--pending{color:var(--muted);font-style:italic}.chat__error{background:var(--error-bg);border:1px solid var(--accent);border-radius:8px;padding:.625rem .75rem;font-size:.875rem}.chat__form{gap:.5rem;display:flex}.chat__input{border:1px solid var(--line);background:var(--panel);color:inherit;font:inherit;border-radius:8px;flex:1;padding:.625rem .75rem}.chat__input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chat__button{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.625rem 1.15rem;font-weight:500}.chat__button:disabled{opacity:.45;cursor:not-allowed}