.chat-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.chat-title{font-size:44px;line-height:1.1}.chat-sub{color:var(--muted);margin-top:8px}.chat{border-radius:var(--radius);overflow:hidden}.chat__history{flex-direction:column;gap:12px;height:min(62vh,520px);padding:20px;display:flex;overflow:auto}.chat__row{display:flex}.chat__row--user{justify-content:flex-end}.chat__row--assistant{justify-content:flex-start}.chat__bubble{white-space:pre-wrap;border:1px solid var(--line-soft);border-radius:14px;max-width:min(720px,88%);padding:12px 14px;font-size:14px;line-height:1.6}.chat__bubble--assistant{color:var(--text);background:#ffffff0a}.chat__bubble--user{color:var(--text);background:linear-gradient(90deg,#22d3ee2e,#a78bfa24);border-color:#22d3ee38}.chat__composer{border-top:1px solid var(--line);background:#d1c9c91f;padding:14px}.chat__input{resize:none;border:1px solid var(--line);width:100%;color:var(--text);background:#ffffff0a;border-radius:14px;outline:none;padding:12px;font-size:16px;line-height:1.5}.chat__input:focus{border-color:#22d3ee59;box-shadow:0 0 0 4px #22d3ee1a}.chat__actions{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-bottom:20px;display:flex}.chat__counter{color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:4px 8px;font-size:12px}.chat__counter--warn{color:#ffd7a1;border-color:#ffd7a159}.chat__typing{align-items:center;gap:6px;display:inline-flex}.chat__typing i{background:#ffffff73;border-radius:999px;width:6px;height:6px;animation:1.1s ease-in-out infinite chatDot;display:inline-block}.chat__typing i:nth-child(2){animation-delay:.15s}.chat__typing i:nth-child(3){animation-delay:.3s}@keyframes chatDot{0%,to{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.chat-note{color:var(--muted);margin-top:14px;font-size:13px}.chat-cta{flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}@media (max-width:760px){.chat-cta{margin-top:20px;position:relative}}@supports (height:100dvh){.chat__history{height:min(62dvh,520px)}}