*{margin:0;padding:0;box-sizing:border-box}:root{--sage: #7C9E87;--sage-light: #e8f0ea;--terracotta: #C17F5E;--terracotta-light: #f5ece7;--warm-white: #FAFAF8;--warm-white-dark: #F2F1EE;--text-primary: #2D2D2D;--text-secondary: #6B6B6B;--blue: #8BA7C7;--amber: #C9A96E;--soft-red: #C47F7F;--light-grey: #D4D4D4;--radius: 16px;--shadow: 0 2px 12px rgba(0, 0, 0, .06)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--warm-white);color:var(--text-primary);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;border:none;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--light-grey);border-radius:3px}.chat-page{display:flex;flex-direction:column;height:100vh;max-width:680px;margin:0 auto}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--warm-white-dark)}.chat-header-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:var(--text-primary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--sage)}.session-id{font-size:11px;color:var(--text-secondary);font-weight:400}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.chat-input-area{padding:16px 24px 24px;border-top:1px solid var(--warm-white-dark)}.crisis-banner{background:#fff5f5;border:1px solid var(--soft-red);border-radius:var(--radius);padding:16px 20px;margin-bottom:12px;font-size:14px;line-height:1.6;color:var(--text-primary)}.crisis-banner strong{display:block;margin-bottom:4px;color:var(--soft-red)}.input-wrapper{display:flex;align-items:flex-end;gap:12px;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 16px}.input-wrapper textarea{flex:1;resize:none;font-size:15px;line-height:1.5;max-height:120px;background:transparent;color:var(--text-primary)}.input-wrapper textarea::placeholder{color:var(--text-secondary)}.send-btn{width:36px;height:36px;border-radius:50%;background:var(--sage);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.send-btn:hover{background:#6b8e76}.send-btn:disabled{background:var(--light-grey);cursor:not-allowed}.message-row{display:flex;flex-direction:column}.message-row.user{align-items:flex-end}.message-row.assistant{align-items:flex-start}.message-bubble{max-width:85%;padding:14px 18px;border-radius:var(--radius);font-size:15px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.message-row.user .message-bubble{background:var(--terracotta);color:#fff;border-bottom-right-radius:4px}.message-row.assistant .message-bubble{background:#fff;color:var(--text-primary);border-left:3px solid var(--sage);border-bottom-left-radius:4px;box-shadow:var(--shadow)}.typing-indicator{display:flex;align-items:flex-start}.typing-bubble{background:#fff;border-left:3px solid var(--sage);border-radius:var(--radius);border-bottom-left-radius:4px;box-shadow:var(--shadow);padding:16px 20px;display:flex;gap:5px;align-items:center}.typing-dot{width:8px;height:8px;border-radius:50%;background:var(--sage);animation:typingPulse 1.4s ease-in-out infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,60%,to{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}}.emotion-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:500;margin-top:6px;text-transform:lowercase}.emotion-badge.joy,.emotion-badge.calm,.emotion-badge.gratitude,.emotion-badge.hope{background:var(--sage-light);color:var(--sage)}.emotion-badge.sadness,.emotion-badge.grief,.emotion-badge.loneliness{background:#e8eff5;color:var(--blue)}.emotion-badge.anxiety,.emotion-badge.fear,.emotion-badge.worry,.emotion-badge.overwhelm{background:#f5f0e4;color:var(--amber)}.emotion-badge.anger,.emotion-badge.frustration,.emotion-badge.resentment{background:#f5e8e8;color:var(--soft-red)}.emotion-badge.neutral{background:#f0f0f0;color:var(--text-secondary)}.therapist-page{max-width:800px;margin:0 auto;padding:32px 24px}.therapist-header{margin-bottom:32px}.therapist-header h1{font-size:24px;font-weight:600;margin-bottom:4px}.therapist-header p{color:var(--text-secondary);font-size:14px}.session-list{display:flex;flex-direction:column;gap:12px}.session-card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;cursor:pointer;transition:box-shadow .2s}.session-card:hover{box-shadow:0 4px 20px #0000001a}.session-card-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:16px}.session-meta{display:flex;flex-direction:column;gap:4px}.session-meta .sid{font-size:14px;font-weight:600}.session-meta .date{font-size:12px;color:var(--text-secondary)}.session-stats{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.crisis-dot{width:8px;height:8px;border-radius:50%;background:var(--soft-red)}.session-expanded{border-top:1px solid var(--warm-white-dark);padding:20px}.session-actions{display:flex;gap:8px;margin-bottom:16px}.action-btn{padding:8px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;transition:background .2s}.action-btn.primary{background:var(--sage);color:#fff}.action-btn.primary:hover{background:#6b8e76}.action-btn.secondary{background:var(--warm-white-dark);color:var(--text-primary)}.action-btn.secondary:hover{background:#e6e5e2}.session-messages{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.session-msg{font-size:14px;line-height:1.5}.session-msg .role{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.session-msg.user .role{color:var(--terracotta)}.session-msg.assistant .role{color:var(--sage)}.summary-box{background:var(--warm-white);border-radius:var(--radius);padding:20px;margin-top:16px;font-size:14px;line-height:1.7;white-space:pre-wrap}.summary-box h3{font-size:14px;font-weight:600;margin-bottom:8px;color:var(--sage)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary);font-size:15px}