| body { |
| font-family: 'Roboto', sans-serif; |
| background-color: #f8fafc; |
| color: #334155; |
| } |
|
|
| .title-font { |
| font-family: 'Playfair Display', serif; |
| } |
|
|
| .chat-container { |
| height: calc(100vh - 200px); |
| overflow-y: auto; |
| } |
|
|
| .psycho-bubble { |
| background: #fff; |
| border-left: 4px solid #6366f1; |
| padding: 1rem; |
| margin-bottom: 1rem; |
| } |
|
|
| .user-bubble { |
| background: #6366f1; |
| color: #fff; |
| padding: 1rem; |
| margin-bottom: 1rem; |
| border-radius: 0.5rem; |
| } |
|
|
| .tone-bubble { |
| font-size: 0.85rem; |
| color: #64748b; |
| margin-top: -0.75rem; |
| margin-bottom: 0.5rem; |
| } |
