:root{--ns-green:#2d8b6f;--ns-green-light:#e8f5f0;--ns-green-dark:#1d6b52;--ns-warm:#f9f6f2;--ns-text:#2c3e3a;--ns-text-light:#6b7f7a;--ns-white:#fff;--ns-border:#e0e8e5;--ns-user-bg:#dcf0e8;--ns-error:#d84315;--ns-shadow:0 2px 12px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--ns-warm);color:var(--ns-text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,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-green);color:var(--ns-white);text-align:center;flex-shrink:0;padding:20px 24px}.chat-header h1{letter-spacing:.02em;margin:0;font-size:1.4rem;font-weight:600}.chat-header p{opacity:.85;margin-top:2px;font-size:.8rem}.chat-messages{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{background:var(--ns-green-light);width:32px;height:32px;color:var(--ns-green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.bubble-content{border-radius:18px;padding:12px 16px;font-size:.95rem;line-height:1.5}.chat-bubble.assistant .bubble-content{background:var(--ns-green-light);color:var(--ns-text);border-bottom-left-radius:6px}.chat-bubble.user .bubble-content{background:var(--ns-green);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-green);opacity:.4;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-green-light);color:var(--ns-green-dark);border-radius:12px;margin:12px 0;padding:20px;font-size:.9rem;line-height:1.5}.chat-error{text-align:center;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.5}.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: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-size:.95rem;transition:border-color .2s}.chat-input input:focus{border-color:var(--ns-green)}.chat-input input::placeholder{color:var(--ns-text-light)}.chat-input button{background:var(--ns-green);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-green-dark)}.chat-input button:active:not(:disabled){transform:scale(.95)}.chat-input button:disabled{opacity:.5;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}}