.chat-welcome{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100%;padding-block:32px;display:flex}.chat-filio-card{aspect-ratio:1;background:var(--color-surface);border-radius:var(--radius-lg);width:clamp(140px,40vw,184px);box-shadow:var(--shadow-lg);justify-content:center;align-items:center;display:flex;overflow:hidden}.chat-filio-card .filio-anime,.chat-filio-card .filio-anime-video,.chat-filio-card img{object-fit:cover;width:100%;height:100%;display:block}.chat-filio-rise{animation:chat-rise .5s var(--ease-fluid) both}.chat-filio-float{animation:5s ease-in-out .6s infinite chat-float}.chat-welcome-bubble{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-width:42ch;box-shadow:var(--shadow-md);color:var(--color-fg);animation:chat-rise .5s var(--ease-fluid) 80ms both;padding:16px 20px;font-size:1.0625rem;line-height:1.6;position:relative}.chat-welcome-bubble:before{content:"";background:var(--color-surface);border-top:1px solid var(--color-border);border-left:1px solid var(--color-border);width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.chat-welcome-starters{animation:chat-rise .5s var(--ease-fluid) .16s both;flex-direction:column;align-items:center;gap:12px;display:flex}@keyframes chat-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes chat-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}