@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Lato:wght@300;400;700&display=swap";:root{--ns-olive:#3e4b31;--ns-olive-light:#5a6b45;--ns-ocre:#b56a3a;--ns-ocre-light:#c97d4e;--ns-warm:#fdfbf8;--ns-beige:#f5f0e8;--ns-text:#2c1f0e;--ns-text-light:#5a4a38;--ns-white:#fff;--ns-border:#3e4b312e;--ns-error:#d84315;--ns-shadow:0 2px 16px #3e4b311f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--ns-warm);color:var(--ns-text);-webkit-font-smoothing:antialiased;font-family:Lato,-apple-system,BlinkMacSystemFont,sans-serif}.chat-container{background:var(--ns-white);max-width:640px;height:100dvh;box-shadow:var(--ns-shadow);flex-direction:column;margin:0 auto;display:flex}.chat-header{background:var(--ns-olive);color:var(--ns-white);border-bottom:3px solid var(--ns-ocre);flex-shrink:0;align-items:center;gap:14px;padding:16px 24px;display:flex}.chat-header-logo{filter:brightness(0)invert()opacity(.9);flex-shrink:0;width:52px;height:52px}.chat-header-text{flex-direction:column;line-height:1.15;display:flex}.chat-header-name{letter-spacing:.03em;color:var(--ns-white);font-family:Playfair Display,serif;font-size:1.35rem;font-weight:700}.chat-header-name em{color:var(--ns-ocre-light);font-style:italic}.chat-header-tagline{letter-spacing:2px;text-transform:uppercase;color:#ffffffb3;margin-top:2px;font-family:Lato,sans-serif;font-size:.65rem;font-weight:300}.chat-messages{background:var(--ns-warm);flex-direction:column;flex:1;gap:12px;padding:20px 16px;display:flex;overflow-y:auto}.chat-bubble{gap:10px;max-width:85%;animation:.3s fadeIn;display:flex}.chat-bubble.assistant{align-self:flex-start}.chat-bubble.user{flex-direction:row-reverse;align-self:flex-end}.bubble-avatar{width:34px;height:34px;color:var(--ns-olive);background:#3e4b311f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex;overflow:hidden}.bubble-avatar img{object-fit:contain;filter:invert(24%)sepia(25%)saturate(600%)hue-rotate(70deg)brightness(60%);width:24px;height:24px}.bubble-content{border-radius:18px;padding:12px 16px;font-family:Lato,sans-serif;font-size:.95rem;line-height:1.55}.chat-bubble.assistant .bubble-content{background:var(--ns-beige);color:var(--ns-text);border:1px solid #b56a3a1f;border-bottom-left-radius:6px}.chat-bubble.user .bubble-content{background:var(--ns-ocre);color:var(--ns-white);border-bottom-right-radius:6px}.bubble-content p{white-space:pre-wrap;word-break:break-word}.bubble-content.typing{align-items:center;gap:5px;padding:14px 20px;display:flex}.dot{background:var(--ns-ocre);opacity:.45;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bounce}.dot:first-child{animation-delay:0s}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chat-complete{text-align:center;background:var(--ns-beige);color:var(--ns-olive);border:1px solid #b56a3a33;border-radius:12px;margin:12px 0;padding:20px;font-family:Lato,sans-serif;font-size:.9rem;line-height:1.6}.chat-error{text-align:center;background:var(--ns-warm);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px;display:flex}.error-icon{color:var(--ns-text-light)}.chat-error p{color:var(--ns-text-light);font-size:1rem;line-height:1.6}.chat-inline-error{text-align:center;color:var(--ns-error);padding:8px 16px;font-size:.85rem}.chat-input{border-top:1px solid var(--ns-border);background:var(--ns-white);flex-shrink:0;gap:10px;padding:14px 16px;display:flex}.chat-input input{border:1.5px solid var(--ns-border);background:var(--ns-warm);color:var(--ns-text);border-radius:24px;outline:none;flex:1;padding:12px 16px;font-family:Lato,sans-serif;font-size:.95rem;transition:border-color .2s}.chat-input input:focus{border-color:var(--ns-ocre)}.chat-input input::placeholder{color:var(--ns-text-light);opacity:.7}.chat-input button{background:var(--ns-ocre);width:44px;height:44px;color:var(--ns-white);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background .2s,transform .1s;display:flex}.chat-input button:hover:not(:disabled){background:var(--ns-ocre-light)}.chat-input button:active:not(:disabled){transform:scale(.95)}.chat-input button:disabled{opacity:.45;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.chat-container{box-shadow:none}.chat-header-logo{width:42px;height:42px}.chat-header-name{font-size:1.15rem}}