.chat-widget{position:fixed;bottom:24px;right:24px;z-index:1000;font-family:'Be Vietnam Pro',sans-serif}.chat-toggle{width:56px;height:56px;border-radius:50%;background:#0f7b6c;border:none;box-shadow:0 4px 16px rgba(15,123,108,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:#fff;transition:transform .2s,box-shadow .2s}.chat-toggle:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(15,123,108,.45)}.chat-container{position:absolute;bottom:72px;right:0;width:380px;max-height:520px;background:#fff;border-radius:16px;border:1px solid #e9ecef;box-shadow:0 12px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden;opacity:0;transform:translateY(12px) scale(.96);pointer-events:none;transition:all .25s ease}.chat-container.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.chat-header{background:#0f7b6c;padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem}.chat-avatar{width:40px;height:40px;background:rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.chat-info h3{color:#fff;font-size:1rem;margin:0;font-weight:600}.chat-info p{color:rgba(255,255,255,.8);font-size:.8rem;margin:0;display:flex;align-items:center;gap:6px}.chat-expand{background:0 0;border:none;color:rgba(255,255,255,.8);font-size:1.2rem;cursor:pointer;transition:color .2s;padding:4px}.chat-expand:hover{color:#fff}.chat-clear{background:0 0;border:none;color:rgba(255,255,255,.6);font-size:1rem;cursor:pointer;transition:color .2s;padding:4px;margin-left:auto}.chat-clear:hover{color:#fff}.chat-close{background:0 0;border:none;color:rgba(255,255,255,.8);font-size:1.3rem;cursor:pointer;transition:color .2s;padding:4px;margin-left:.25rem}.chat-close:hover{color:#fff}.chat-container.expanded{width:600px;max-height:80vh;bottom:72px}.chat-container.expanded .chat-messages{min-height:400px}.chat-container.expanded .message{font-size:1rem;padding:.85rem 1.15rem}.chat-container.expanded .chat-input{font-size:1rem;padding:.8rem 1.15rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#888;flex-shrink:0}.status-dot.online{background:#4ade80;box-shadow:0 0 6px rgba(74,222,128,.5);animation:statusPulse 2s ease-in-out infinite}.status-dot.offline{background:#f87171}@keyframes statusPulse{0%,100%{opacity:1}50%{opacity:.5}}.chat-messages{flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;background:#f8f9fa}.message{max-width:85%;padding:.75rem 1rem;border-radius:12px;font-size:.9rem;line-height:1.6;animation:messageSlide .25s ease-out;word-wrap:break-word}@keyframes messageSlide{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.coyote{background:#0f7b6c;color:#fff;align-self:flex-start;border-bottom-left-radius:4px}.message.user{background:#1a1a2e;color:#fff;align-self:flex-end;border-bottom-right-radius:4px;white-space:pre-wrap}.message.streaming::after{content:'';display:inline-block;width:2px;height:1em;background:#fff;margin-left:2px;vertical-align:text-bottom;animation:cursorBlink .6s step-end infinite}@keyframes cursorBlink{0%,100%{opacity:1}50%{opacity:0}}.message.typing{background:#e9ecef;align-self:flex-start;padding:.75rem 1.25rem}.typing-dots{display:flex;gap:4px}.typing-dots span{width:7px;height:7px;background:#6c757d;border-radius:50%;animation:typingBounce 1.4s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-8px)}}.chat-input-area{padding:.75rem 1rem;border-top:1px solid #e9ecef;display:flex;gap:.5rem;background:#fff}.chat-input{flex:1;background:#f8f9fa;border:1px solid #e9ecef;border-radius:24px;padding:.7rem 1rem;color:#333;font-size:.9rem;font-family:'Be Vietnam Pro',sans-serif;outline:0;transition:border-color .2s}.chat-input::placeholder{color:#6c757d}.chat-input:focus{border-color:#0f7b6c}.chat-send{width:42px;height:42px;border-radius:50%;background:#0f7b6c;border:none;color:#fff;font-size:1.1rem;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.chat-send:hover{background:#0a6359}.chat-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem 0;animation:messageSlide .3s ease-out}.suggestion-chip{background:#e8f5f3;border:1px solid #0f7b6c;color:#0f7b6c;padding:.4rem .75rem;border-radius:16px;font-size:.8rem;font-family:'Be Vietnam Pro',sans-serif;cursor:pointer;transition:background .2s,color .2s;text-align:left;line-height:1.4}.suggestion-chip:hover{background:#0f7b6c;color:#fff}.message.coyote h4{font-size:.95rem;font-weight:700;margin:.5rem 0 .25rem 0}.message.coyote h4:first-child{margin-top:0}.message.coyote ol,.message.coyote ul{margin:.25rem 0;padding-left:1.25rem}.message.coyote li{margin-bottom:.15rem}.message.coyote code{background:rgba(255,255,255,.15);padding:.1rem .35rem;border-radius:3px;font-size:.85em;font-family:monospace}.message.coyote strong{font-weight:700}[data-theme=dark] .chat-messages{background:#1a1a2e}[data-theme=dark] .chat-input-area{background:#16162a;border-top-color:#2a2a4a}[data-theme=dark] .chat-input{background:#1a1a2e;border-color:#2a2a4a;color:#e4e4e7}[data-theme=dark] .chat-container{background:#16162a;border-color:#2a2a4a}[data-theme=dark] .message.typing{background:#2a2a4a}[data-theme=dark] .suggestion-chip{background:#1a2a28;border-color:#0f7b6c;color:#4ade80}[data-theme=dark] .suggestion-chip:hover{background:#0f7b6c;color:#fff}.guideline-wrapper{animation:messageSlide .4s ease-out}.chat-guideline{background:linear-gradient(135deg,#e8f5f3,#f0faf8);border:1px solid #b2dfdb;border-radius:12px;padding:.85rem 1rem;display:flex;align-items:flex-start;gap:.65rem;margin-bottom:.5rem}.guideline-icon{font-size:1.4rem;flex-shrink:0;margin-top:2px}.guideline-text{font-size:.8rem;line-height:1.5;color:#2e7d69}.guideline-text strong{font-size:.85rem;color:#0f7b6c}.chat-crisis-banner{background:#fff3e0;border:1px solid #ffe0b2;border-radius:8px;padding:.5rem .75rem;font-size:.75rem;color:#e65100;text-align:center;margin-bottom:.5rem}.crisis-link{font-weight:700;color:#d84315;text-decoration:underline}.crisis-link:hover{color:#bf360c}.chat-feedback{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;animation:messageSlide .3s ease-out}.feedback-label{font-size:.75rem;color:#6c757d}.feedback-btn{background:0 0;border:1px solid #dee2e6;border-radius:8px;padding:.25rem .5rem;font-size:.9rem;cursor:pointer;transition:background .2s,transform .15s}.feedback-btn:hover{background:#e8f5f3;transform:scale(1.15)}.feedback-thanks{font-size:.8rem;color:#0f7b6c;font-style:italic}[data-theme=dark] .chat-guideline{background:linear-gradient(135deg,#0d2b26,#132f2a);border-color:#1a4a40}[data-theme=dark] .guideline-text{color:#80cbc4}[data-theme=dark] .guideline-text strong{color:#4ade80}[data-theme=dark] .chat-crisis-banner{background:#2a1800;border-color:#4a2800;color:#ffb74d}[data-theme=dark] .crisis-link{color:#ff8a65}[data-theme=dark] .feedback-label{color:#9e9ea8}[data-theme=dark] .feedback-btn{border-color:#3a3a5a}[data-theme=dark] .feedback-btn:hover{background:#1a2a28}[data-theme=dark] .feedback-thanks{color:#4ade80}@media (max-width:768px){.chat-widget{bottom:16px;right:16px}.chat-toggle{width:50px;height:50px;font-size:1.4rem}.chat-container{width:calc(100vw - 32px);max-height:70vh;right:-8px;bottom:64px}.chat-container.expanded{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;max-height:100vh;border-radius:0;border:none}}