.char-hero{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;max-height:220px;padding:36px 16px 20px;transition:max-height .4s,padding .4s;display:flex;overflow:hidden}.char-hero--collapsed{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;max-height:60px;padding:10px 16px}.char-avatar-ring{will-change:transform, box-shadow;background:#fff3;border:3px solid #fff9;border-radius:50%;flex-shrink:0;transition:width .4s,height .4s,margin-bottom .4s;position:relative;overflow:hidden}.char-hero:not(.char-hero--collapsed) .char-avatar-ring{width:80px;height:80px;margin-bottom:14px;box-shadow:0 8px 28px #0000002e}.char-hero--collapsed .char-avatar-ring{width:36px;height:36px;margin-bottom:0;box-shadow:0 4px 12px #00000026}.char-avatar-ring img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;transform:translateY(2px)}.char-avatar-ring--idle{animation:3s ease-in-out infinite char-float}.char-avatar-ring--thinking{animation:1s ease-in-out infinite char-pulse}.char-avatar-ring--responding{animation:.8s ease-in-out 3 char-glow}.char-dots{background:#fff;border-radius:10px;align-items:center;gap:3px;padding:3px 5px;display:flex;position:absolute;top:-6px;right:-10px;box-shadow:0 2px 8px #0000001f}.char-dots span{background:#555;border-radius:50%;width:5px;height:5px;animation:1.4s ease-in-out infinite char-dot;display:inline-block}.char-dots span:nth-child(2){animation-delay:.2s}.char-dots span:nth-child(3){animation-delay:.4s}.char-name{color:#fff;margin:0;font-size:1rem;font-weight:800;line-height:1.2}.char-welcome{color:#ffffffd9;text-align:center;box-sizing:border-box;white-space:pre-line;overflow-wrap:break-word;word-wrap:break-word;width:100%;max-width:100%;margin:6px 0 0;padding:0 12px;font-size:14px;line-height:1.4}.char-status{flex-direction:column;gap:2px;display:flex}.char-state-label{color:#ffffffbf;margin:0;font-size:.7rem;line-height:1.2}@keyframes char-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes char-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes char-glow{0%,to{box-shadow:0 4px 12px #00000026}50%{box-shadow:0 8px 32px #ffffff73}}@keyframes char-dot{0%,80%,to{opacity:.4;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}