.message{display:flex;gap:var(--space-sm);align-items:flex-start;width:100%}.message-user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gradient-forest);box-shadow:var(--shadow-soft);margin-top:4px}.message-avatar.user-avatar{background:var(--color-warm-beige)}.avatar-icon{font-size:1rem}.message-bubble{max-width:calc(100% - 50px);min-width:60px;padding:var(--space-md);border-radius:var(--radius-lg);position:relative;flex:0 1 auto}.message-user .message-bubble{background:var(--gradient-forest);color:var(--color-cream);border-bottom-right-radius:var(--space-xs);box-shadow:var(--shadow-soft);max-width:85%}.message-assistant .message-bubble{background:#fffffff2;color:var(--color-text-primary);border-bottom-left-radius:var(--space-xs);box-shadow:var(--shadow-medium);border:1px solid rgba(45,80,22,.08)}.message-text{font-size:.95rem;line-height:1.55;word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.message-user .message-text{color:var(--color-cream)}.markdown-content{width:100%}.markdown-content p{margin-bottom:8px;line-height:1.55}.markdown-content p:last-child{margin-bottom:0}.markdown-content strong{color:var(--color-forest);font-weight:600;background:linear-gradient(120deg,#2d501614,#87a96b1f);padding:1px 5px;border-radius:4px;display:inline}.markdown-content em{font-style:italic;color:var(--color-terracotta)}.markdown-content ul,.markdown-content ol{margin:4px 0 8px;padding-left:18px}.markdown-content li{margin-bottom:2px;position:relative;line-height:1.5}.markdown-content li:last-child{margin-bottom:0}.markdown-content ul li::marker{color:var(--color-sage)}.markdown-content ol li::marker{color:var(--color-forest);font-weight:500}.markdown-content h4{font-family:var(--font-display);font-size:1rem;color:var(--color-earth-brown);margin:10px 0 4px;font-weight:600}.markdown-content h4:first-child{margin-top:0}@media (max-width: 480px){.message{gap:var(--space-xs)}.message-bubble{max-width:calc(100% - 40px);padding:10px 12px}.message-user .message-bubble{max-width:80%}.message-text{font-size:.9rem;line-height:1.5}.message-avatar{width:28px;height:28px}.avatar-icon{font-size:.9rem}.markdown-content p{margin-bottom:6px}.markdown-content h4{margin:8px 0 3px;font-size:.95rem}.markdown-content ul,.markdown-content ol{margin:3px 0 6px}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.message-assistant.streaming .message-text:after{content:"▋";animation:blink 1s step-end infinite;color:var(--color-sage);margin-left:2px}.chat-input-container{background:linear-gradient(180deg,#f5efe600,#f5efe6f2 20%);padding:var(--space-md);padding-top:var(--space-lg);position:relative;z-index:10}@supports (padding-bottom: env(safe-area-inset-bottom)){.chat-input-container{padding-bottom:calc(var(--space-md) + env(safe-area-inset-bottom))}}.chat-input-form{max-width:600px;margin:0 auto}.input-wrapper{display:flex;align-items:flex-end;gap:var(--space-sm);background:#fff;border-radius:var(--radius-lg);padding:var(--space-xs);box-shadow:var(--shadow-medium);border:1px solid rgba(45,80,22,.1);transition:all .2s ease}.input-wrapper:focus-within{box-shadow:var(--shadow-lifted);border-color:var(--color-sage)}.chat-input{flex:1;border:none;background:transparent;padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:1rem;color:var(--color-text-primary);resize:none;min-height:44px;max-height:120px;line-height:1.5}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input:focus{outline:none}.chat-input:disabled{opacity:.6}.send-button{width:44px;height:44px;border-radius:var(--radius-md);border:none;background:var(--gradient-forest);color:var(--color-cream);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.send-button:disabled{background:var(--color-sand);cursor:not-allowed}.send-button:not(:disabled):hover{box-shadow:0 4px 12px #2d50164d}.loading-dots{display:flex;gap:3px}.loading-dots span{width:5px;height:5px;background:currentColor;border-radius:50%;animation:dotPulse 1.4s infinite ease-in-out both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes dotPulse{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.input-hint{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:.7rem;color:var(--color-text-muted);margin-top:var(--space-sm);text-align:center}.hint-icon{font-size:.8rem}@media (max-width: 480px){.chat-input-container{padding:var(--space-sm);padding-top:var(--space-md)}.input-wrapper{border-radius:var(--radius-md)}.chat-input{font-size:16px;padding:var(--space-sm)}.send-button{width:40px;height:40px}.input-hint{font-size:.65rem}}.welcome-screen{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;z-index:1}.floating-leaf{position:absolute;font-size:2rem;opacity:.15;pointer-events:none;z-index:0}.leaf-1{top:15%;right:10%}.leaf-2{bottom:20%;left:8%;animation-delay:2s}.welcome-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-md);max-width:440px;margin:0 auto;position:relative;z-index:1}.welcome-hero{text-align:center;margin-bottom:var(--space-xl)}.tea-cup-icon{position:relative;font-size:3.5rem;margin-bottom:var(--space-md);display:inline-block}.steam{position:absolute;top:-12px;left:50%;transform:translate(-50%);font-size:1.5rem;color:var(--color-sage)}.welcome-title{font-family:var(--font-display);font-size:1.75rem;font-weight:500;color:var(--color-earth-brown);margin-bottom:var(--space-sm);line-height:1.3}.welcome-title .highlight{color:var(--color-forest);font-style:italic}.welcome-subtitle{font-size:.95rem;color:var(--color-text-secondary);line-height:1.6;max-width:340px;margin:0 auto}.quick-prompts{width:100%;margin-bottom:var(--space-lg)}.prompts-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-md);text-align:center;font-weight:500}.prompts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.prompt-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#ffffffb3;border:1px solid rgba(45,80,22,.1);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:all .2s ease;box-shadow:var(--shadow-soft)}.prompt-button:active{transform:scale(.98)}.prompt-icon{font-size:1.25rem;flex-shrink:0}.prompt-text{font-size:.85rem;color:var(--color-text-primary);font-weight:400;line-height:1.3}.start-chat-button{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md) var(--space-lg);background:var(--gradient-forest);color:var(--color-cream);border:none;border-radius:var(--radius-full);font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;box-shadow:var(--shadow-medium);transition:all .2s ease}.start-chat-button svg{transition:transform .2s ease}.start-chat-button:hover svg{transform:translate(4px)}.welcome-footer{margin-top:var(--space-xl);font-size:.75rem;color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;font-weight:400}@media (max-width: 380px){.welcome-content{padding:var(--space-md) var(--space-sm)}.tea-cup-icon{font-size:2.5rem}.welcome-title{font-size:1.5rem}.welcome-subtitle{font-size:.9rem}.prompts-grid{grid-template-columns:1fr}.prompt-button{padding:var(--space-sm) var(--space-md)}}@supports (padding-bottom: env(safe-area-inset-bottom)){.welcome-content{padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom))}}.header{background:linear-gradient(180deg,#2d5016f2,#2d5016e6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:10}@supports (padding-top: env(safe-area-inset-top)){.header{padding-top:calc(var(--space-md) + env(safe-area-inset-top))}}.header-content{max-width:600px;margin:0 auto}.logo-group{display:flex;align-items:center;gap:var(--space-sm)}.logo-icon{width:36px;height:36px;color:var(--color-gold);flex-shrink:0}.logo-icon svg{width:100%;height:100%}.logo-text{display:flex;flex-direction:column;gap:0}.brand-name{font-family:var(--font-display);font-size:1.5rem;font-weight:500;color:var(--color-cream);letter-spacing:.08em;line-height:1.1}.brand-tagline{font-size:.65rem;color:#f5efe6b3;letter-spacing:.04em;font-weight:300;text-transform:uppercase}@media (max-width: 360px){.header{padding:var(--space-sm) var(--space-md)}.brand-name{font-size:1.25rem}.brand-tagline{font-size:.6rem}.logo-icon{width:30px;height:30px}}.typing-indicator-wrapper{display:flex;gap:var(--space-sm);align-items:flex-end}.typing-avatar{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--gradient-forest);box-shadow:var(--shadow-soft);font-size:1rem}.typing-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#ffffffd9;border-radius:var(--radius-lg);border-bottom-left-radius:var(--space-xs);box-shadow:var(--shadow-soft);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(45,80,22,.08)}.typing-text{font-size:.85rem;color:var(--color-text-secondary);font-style:italic}.typing-dots{display:flex;gap:3px}.typing-dots span{width:6px;height:6px;background:var(--color-sage);border-radius:50%}@media (max-width: 480px){.typing-avatar{width:28px;height:28px;font-size:.9rem}.typing-indicator{padding:var(--space-sm) var(--space-md)}.typing-text{font-size:.8rem}.typing-dots span{width:5px;height:5px}}.app{height:100%;display:flex;flex-direction:column;background:var(--gradient-botanical);position:relative;overflow:hidden}.app:before{content:"";position:absolute;top:-50%;right:-30%;width:80%;height:100%;background:radial-gradient(ellipse,rgba(135,169,107,.08) 0%,transparent 70%);pointer-events:none;z-index:0}.app:after{content:"";position:absolute;bottom:-30%;left:-20%;width:60%;height:80%;background:radial-gradient(ellipse,rgba(196,160,82,.06) 0%,transparent 70%);pointer-events:none;z-index:0}.chat-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-md);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.messages-wrapper{max-width:600px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-md);padding-bottom:var(--space-lg)}@media (max-width: 640px){.messages-container{padding:12px}.messages-wrapper{max-width:100%;gap:12px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.messages-wrapper{padding-bottom:calc(var(--space-lg) + env(safe-area-inset-bottom))}}:root{--color-cream: #F5EFE6;--color-sand: #D4C4A8;--color-warm-beige: #C9B896;--color-terracotta: #A67C52;--color-earth-brown: #5C4033;--color-deep-brown: #3D2914;--color-sage: #87A96B;--color-forest: #2D5016;--color-moss: #4A6741;--color-leaf: #6B8E23;--color-mint-soft: #E8F0E3;--color-gold: #C4A052;--color-copper: #B87333;--color-rose-dust: #C9A9A6;--color-text-primary: #2C2416;--color-text-secondary: #5C4D3D;--color-text-muted: #8B7E6A;--gradient-botanical: linear-gradient(135deg, #E8F0E3 0%, #F5EFE6 50%, #F0E6D8 100%);--gradient-earth: linear-gradient(180deg, #F5EFE6 0%, #E8DCC8 100%);--gradient-forest: linear-gradient(135deg, #2D5016 0%, #4A6741 100%);--shadow-soft: 0 2px 12px rgba(93, 64, 33, .08);--shadow-medium: 0 4px 20px rgba(93, 64, 33, .12);--shadow-lifted: 0 8px 32px rgba(93, 64, 33, .16);--font-display: "Cormorant Garamond", Georgia, serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background:var(--gradient-botanical);color:var(--color-text-primary);line-height:1.6;min-height:100vh;min-height:100dvh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh;height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-sand);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-warm-beige)}::selection{background:var(--color-sage);color:#fff}:focus-visible{outline:2px solid var(--color-sage);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes leafFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}75%{transform:translateY(5px) rotate(-3deg)}}