@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";:root{--bg: #f5f0ea;--bg2: #ede8e0;--surface: #faf7f3;--surface2: #f0ebe2;--border: rgba(160, 140, 110, .18);--border2: rgba(160, 140, 110, .32);--ink: #2c2417;--ink2: #5c4f3a;--muted: #8c7d68;--ghost: #b8a990;--accent: #7c6b4e;--accent-warm: #c4956a;--accent-light: rgba(196, 149, 106, .15);--user-bg: #2c2417;--user-text: #f5f0ea;--crisis-bg: #fff4f4;--crisis-border:#ffd6d6;--crisis-text: #8b1a1a;--radius-sm: 10px;--radius: 18px;--radius-lg: 28px;--radius-xl: 40px;--shadow-sm: 0 2px 8px rgba(44, 36, 23, .06);--shadow: 0 8px 32px rgba(44, 36, 23, .1);--shadow-lg: 0 24px 64px rgba(44, 36, 23, .14);font-family:DM Sans,system-ui,sans-serif;line-height:1.6;color:var(--ink);background:var(--bg)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;min-height:100dvh}button,textarea,input{font:inherit;color:inherit}a{text-decoration:none}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.orb1{width:600px;height:600px;top:-200px;left:-100px;background:radial-gradient(circle,#e8d5b8 0%,transparent 70%);animation:drift1 20s ease-in-out infinite alternate}.orb2{width:500px;height:500px;bottom:-150px;right:-100px;background:radial-gradient(circle,#d4c4a8 0%,transparent 70%);animation:drift2 25s ease-in-out infinite alternate}.orb3{width:300px;height:300px;top:40%;right:20%;background:radial-gradient(circle,#c4a882 0%,transparent 70%);opacity:.2;animation:drift3 18s ease-in-out infinite alternate}@keyframes drift1{0%{transform:translate(0) scale(1)}to{transform:translate(40px,60px) scale(1.1)}}@keyframes drift2{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,-50px) scale(1.05)}}@keyframes drift3{0%{transform:translate(0)}to{transform:translate(20px,-30px)}}.shell{position:relative;z-index:1;display:flex;height:100dvh;overflow:hidden}.sidebar{position:fixed;inset:0 auto 0 0;width:min(360px,90vw);z-index:50;background:var(--surface);border-right:1px solid var(--border2);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(-105%);transition:transform .32s cubic-bezier(.22,1,.36,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.sidebar.open{transform:translate(0)}.sidebar-inner{flex:1;overflow-y:auto;padding:24px 20px 16px;display:flex;flex-direction:column;gap:20px}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.sidebar-brand{display:flex;align-items:center;gap:10px}.brand-glyph{font-size:22px;color:var(--accent-warm);line-height:1}.brand-name{font-family:Playfair Display,serif;font-size:22px;color:var(--ink);letter-spacing:-.01em}.icon-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border2);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted);transition:all .18s ease}.icon-btn:hover{background:var(--surface2);color:var(--ink)}.close-btn{font-size:12px}.sidebar-tabs{display:flex;gap:4px;background:var(--surface2);border-radius:var(--radius-sm);padding:4px}.tab-btn{flex:1;padding:8px 10px;border:none;border-radius:7px;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--muted);transition:all .18s ease;white-space:nowrap}.tab-btn.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.tab-content{display:flex;flex-direction:column;gap:14px}.tab-desc{font-size:13.5px;color:var(--muted);line-height:1.55}.coping-list{display:flex;flex-direction:column;gap:10px}.coping-card{width:100%;text-align:left;background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:all .22s ease}.coping-card:hover,.coping-card.coping-open{border-color:var(--accent-warm);background:var(--surface)}.coping-header{display:flex;align-items:center;gap:12px}.coping-icon{font-size:20px;color:var(--accent-warm);width:24px;text-align:center;flex-shrink:0}.coping-meta{flex:1}.coping-title{font-weight:500;font-size:15px;color:var(--ink)}.coping-subtitle{font-size:12px;color:var(--muted);margin-top:1px}.coping-chevron{font-size:18px;color:var(--muted);line-height:1}.coping-body{margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-size:14px;color:var(--ink2);line-height:1.65}.session-stats{background:var(--bg);border:1px solid var(--border2);border-radius:var(--radius);overflow:hidden}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border)}.stat-row:last-child{border-bottom:none}.stat-label{font-size:13.5px;color:var(--ink2)}.stat-value{font-size:15px;font-weight:600;color:var(--ink)}.session-note{font-size:12.5px;color:var(--muted);line-height:1.6;padding:12px 14px;background:var(--surface2);border-radius:var(--radius-sm)}.new-chat-btn{padding:13px 20px;border-radius:var(--radius);border:1px solid var(--border2);background:var(--ink);color:var(--bg);font-size:14px;font-weight:500;cursor:pointer;transition:all .18s ease;letter-spacing:.01em}.new-chat-btn:hover{opacity:.85;transform:translateY(-1px)}.sidebar-footer{padding:16px 20px 20px;border-top:1px solid var(--border)}.crisis-quick-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--ghost);margin-bottom:10px}.crisis-quick-links{display:flex;gap:8px}.crisis-link{padding:9px 16px;border-radius:var(--radius-sm);border:1px solid var(--crisis-border);background:var(--crisis-bg);color:var(--crisis-text);font-size:13px;font-weight:500;cursor:pointer;transition:all .18s ease}.crisis-link:hover{opacity:.8}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c24174d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;animation:fadeIn .22s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main{flex:1;display:flex;flex-direction:column;min-height:0;height:100dvh;position:relative}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f5f0ead9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);position:relative;z-index:10;flex-shrink:0}.header-center{display:flex;align-items:center;gap:8px;position:absolute;left:50%;transform:translate(-50%)}.header-glyph{font-size:18px;color:var(--accent-warm)}.header-title{font-family:Playfair Display,serif;font-size:20px;color:var(--ink);letter-spacing:-.01em}.menu-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.menu-btn span{display:block;width:18px;height:1.5px;background:var(--ink2);border-radius:2px;transition:all .18s ease}.header-status{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--surface2);border:1px solid var(--border2)}.status-dot{width:7px;height:7px;border-radius:50%;background:#5a9e6f;box-shadow:0 0 0 2px #5a9e6f33;animation:statusPulse 3s ease infinite}@keyframes statusPulse{0%,to{box-shadow:0 0 0 2px #5a9e6f33}50%{box-shadow:0 0 0 5px #5a9e6f1a}}.status-label{font-size:12px;color:var(--ink2);font-weight:500;white-space:nowrap}.crisis-banner{margin:14px 16px 0;padding:14px 16px;background:var(--crisis-bg);border:1px solid var(--crisis-border);border-radius:var(--radius);display:flex;align-items:flex-start;gap:12px;animation:slideDown .3s ease;flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.crisis-icon{font-size:20px;color:#c44;margin-top:1px}.crisis-text{flex:1}.crisis-text strong{display:block;color:var(--crisis-text);font-size:14px;margin-bottom:3px}.crisis-text p{font-size:13px;color:#7a5050}.crisis-actions{display:flex;flex-direction:column;gap:6px}.crisis-call{padding:7px 12px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--crisis-border);color:var(--crisis-text);font-size:12px;font-weight:600;text-align:center;white-space:nowrap;transition:all .15s ease}.crisis-call:hover{background:var(--crisis-bg)}.crisis-911{color:#8b0000;border-color:#faa}.crisis-text-link{padding:7px 12px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--crisis-border);color:var(--crisis-text);font-size:12px;font-weight:600;text-align:center;white-space:nowrap;transition:all .15s ease}.crisis-text-link:hover{background:var(--crisis-bg)}.messages-wrap{flex:1;min-height:0;overflow-y:auto;scroll-behavior:smooth}.messages-wrap::-webkit-scrollbar{width:6px}.messages-wrap::-webkit-scrollbar-track{background:transparent}.messages-wrap::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.messages{padding:24px 20px 16px;display:flex;flex-direction:column;gap:20px;max-width:760px;margin:0 auto;width:100%}.message-row{display:flex;gap:12px;align-items:flex-end;animation:messageIn .4s cubic-bezier(.22,1,.36,1)}@keyframes messageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.first-message{animation:firstIn .6s cubic-bezier(.22,1,.36,1)}@keyframes firstIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.user-row{flex-direction:row-reverse}.avatar-wrap{flex-shrink:0}.avatar{width:34px;height:34px;border-radius:50%;background:var(--surface2);border:1px solid var(--border2);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--accent-warm)}.bubble-wrap{max-width:min(580px,calc(100% - 50px));display:flex;flex-direction:column;gap:4px}.user-row .bubble-wrap{align-items:flex-end}.sender-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--ghost);padding:0 4px}.bubble{padding:14px 18px;border-radius:var(--radius-lg);line-height:1.68;font-size:15.5px;word-break:break-word}.assistant-bubble{background:var(--surface);border:1px solid var(--border2);color:var(--ink);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-family:DM Sans,sans-serif;font-weight:300;font-style:normal}.user-bubble{background:var(--user-bg);color:var(--user-text);border-bottom-right-radius:var(--radius-sm)}.message-time{font-size:11px;color:var(--ghost);padding:0 4px}.time-right{text-align:right}.typing-indicator{display:flex;align-items:center;gap:5px;padding:16px 18px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-sm);width:fit-content;box-shadow:var(--shadow-sm)}.typing-indicator span{width:7px;height:7px;border-radius:50%;background:var(--ghost);animation:typingBounce 1.4s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.18s}.typing-indicator span:nth-child(3){animation-delay:.36s}@keyframes typingBounce{0%,80%,to{transform:scale(.75);opacity:.4}40%{transform:scale(1);opacity:1}}.composer-area{flex-shrink:0;padding:12px 20px calc(16px + env(safe-area-inset-bottom));background:#f5f0eaeb;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border)}.composer-note{max-width:720px;margin:0 auto 10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;display:flex;align-items:center;gap:8px}.error-note{background:var(--crisis-bg);border:1px solid var(--crisis-border);color:var(--crisis-text)}.listening-note{background:var(--accent-light);border:1px solid rgba(196,149,106,.3);color:var(--accent)}.pulse-ring{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent-warm);animation:pulseRing 1s ease infinite}@keyframes pulseRing{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.composer{max-width:720px;margin:0 auto;display:flex;align-items:flex-end;gap:10px;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-xl);padding:8px 8px 8px 12px;box-shadow:0 4px 24px #2c241714,0 1px 4px #2c24170a;transition:box-shadow .2s ease,border-color .2s ease}.composer:focus-within{border-color:#a08c6e80;box-shadow:0 6px 32px #2c24171f,0 1px 4px #2c24170a}.composer-input{flex:1;border:none;background:transparent;outline:none;resize:none;min-height:26px;max-height:160px;padding:9px 4px;font-size:15.5px;color:var(--ink);line-height:1.55;caret-color:var(--accent-warm)}.composer-input::placeholder{color:var(--ghost)}.composer-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--border2);background:var(--surface2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s ease;flex-shrink:0}.composer-btn:hover{background:var(--bg2);color:var(--ink)}.mic-active{background:var(--accent-light);border-color:#c4956a66;color:var(--accent-warm)}.mic-active:hover{background:var(--accent-light)}.send-btn{background:var(--ink);border-color:var(--ink);color:var(--bg)}.send-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.send-disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.composer-hint{max-width:720px;margin:8px auto 0;text-align:center;font-size:11.5px;color:var(--ghost);letter-spacing:.01em}@media (max-width: 640px){.header{padding:14px 16px}.header-title{font-size:18px}.status-label{display:none}.header-status{padding:6px 10px}.messages{padding:16px 14px 12px;gap:16px}.bubble{font-size:15px;padding:12px 15px}.composer-area{padding:10px 14px calc(14px + env(safe-area-inset-bottom))}.composer{border-radius:26px;padding:6px 6px 6px 12px}.composer-btn{width:38px;height:38px}.composer-hint{display:none}.crisis-banner{flex-direction:column;gap:10px}.crisis-actions{flex-direction:row}}@media (min-width: 1200px){.messages{padding:32px 24px 20px}}