.care-avatar{background:linear-gradient(135deg,hsl(var(--care)) 0,hsl(172 55% 32%) 100%);box-shadow:0 2px 8px hsl(var(--care)/.35)}.care-online-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 2px hsl(var(--card));flex-shrink:0}.care-chat-shell{display:flex;flex-direction:column;height:min(72dvh,640px);min-height:420px;border-radius:1rem;border:1px solid hsl(var(--border));overflow:hidden;background:hsl(var(--card));box-shadow:0 4px 24px hsl(var(--care)/.08),0 1px 3px hsl(0 0% 0%/.06)}.care-chat-shell--compact{height:min(58dvh,520px);min-height:360px}.care-chat-messages{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:linear-gradient(180deg,hsl(var(--care)/.04) 0,transparent 120px),hsl(var(--background)/.5)}.care-bubble--user{background:linear-gradient(135deg,hsl(var(--care)) 0,hsl(172 50% 32%) 100%);color:hsl(var(--care-foreground));box-shadow:0 1px 2px hsl(var(--care)/.25)}.care-bubble--user,.care-bubble--user-study{border-radius:1.125rem 1.125rem .25rem 1.125rem}.care-bubble--user-study{background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--primary)/.85) 100%);color:hsl(var(--primary-foreground))}.care-bubble--assistant{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:1.125rem 1.125rem 1.125rem .25rem;box-shadow:0 1px 2px hsl(0 0% 0%/.04)}.care-typing-dots{display:inline-flex;gap:4px;align-items:center;height:8px}.care-typing-dots span{width:6px;height:6px;border-radius:50%;background:hsl(var(--care)/.7);animation:care-typing-bounce 1.2s ease-in-out infinite}.care-typing-dots span:nth-child(2){animation-delay:.15s}.care-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes care-typing-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.text-care{color:hsl(var(--care))}.bg-care{background-color:hsl(var(--care))}.bg-care\/10{background-color:hsl(var(--care)/.1)}.hover\:bg-care\/90:hover{background-color:hsl(var(--care)/.9)}.text-care-foreground{color:hsl(var(--care-foreground))}.focus\:ring-care\/40:focus{--tw-ring-color:hsl(var(--care)/0.4)}