@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&family=Caveat:wght@400;600;700&display=swap";:root{color-scheme:light;font-family:DM Sans,system-ui,sans-serif;line-height:1.55;font-weight:400;--bg-base: #f4faf6;--bg-soft: #ecf7f0;--bg-paper: #ffffff;--bg-elevated: #ffffff;--bg-mint: #e0f4e9;--bg-mint-hover: #d0eedd;--green-50: #f0faf4;--green-100: #dcf3e3;--green-200: #b8e6c8;--green-300: #7dd3a0;--green-400: #4cbe7c;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--green-800: #166534;--green-900: #14532d;--text-primary: #0f1f17;--text-secondary: #4b5b52;--text-tertiary: #7a8a82;--text-muted: #a5b3ac;--text-on-green: #ffffff;--text-green: #16a34a;--text-green-dark: #15803d;--border-subtle: #e3efe8;--border-default: #cde4d6;--border-strong: #a8d4b8;--border-green: #22c55e;--shadow-xs: 0 1px 2px rgba(22, 163, 74, .05);--shadow-sm: 0 2px 8px rgba(22, 163, 74, .06);--shadow-md: 0 8px 24px rgba(22, 163, 74, .1);--shadow-lg: 0 16px 40px rgba(22, 163, 74, .14);--shadow-xl: 0 24px 60px rgba(22, 163, 74, .18);--shadow-glow: 0 0 0 4px rgba(34, 197, 94, .15);--shadow-green: 0 8px 20px rgba(22, 163, 74, .35);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-2xl: 32px;--radius-pill: 999px;--ease-out: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{background-image:radial-gradient(circle at 8% 12%,rgba(34,197,94,.1) 0%,transparent 35%),radial-gradient(circle at 92% 88%,rgba(124,222,152,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.5) 0%,transparent 60%);background-attachment:fixed}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--green-200);border-radius:999px;border:2px solid var(--bg-base)}::-webkit-scrollbar-thumb:hover{background:var(--green-300)}.page-shell{display:flex;height:100%}.sidebar{width:275px;background:var(--bg-paper);border-right:1px solid var(--border-subtle);padding:18px 14px 14px;display:none;flex-direction:column;gap:12px;position:relative;overflow:hidden;box-shadow:4px 0 24px #16a34a0a}.sidebar:before{content:"";position:absolute;top:-60px;right:-60px;width:200px;height:200px;background:radial-gradient(circle,var(--green-100) 0%,transparent 70%);pointer-events:none;border-radius:50%}.brand-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;position:relative}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--green-500) 0%,var(--green-700) 100%);color:#fff;display:grid;place-items:center;font-size:20px;box-shadow:var(--shadow-green);animation:float 3s ease-in-out infinite;position:relative}.brand-mark:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:linear-gradient(135deg,var(--green-400),var(--green-600));z-index:-1;opacity:.4;filter:blur(8px)}.brand-name{font-family:Poppins,sans-serif;font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--text-primary);display:flex;align-items:center;gap:6px}.brand-name:after{content:"💚";font-size:14px;animation:heartbeat 1.5s ease-in-out infinite}.new-chat-btn{border:2px dashed var(--green-300);background:var(--green-50);border-radius:var(--radius-md);padding:12px 14px;text-align:left;color:var(--green-700);font-size:14px;font-weight:600;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s var(--ease-out);display:flex;align-items:center;gap:8px}.new-chat-btn:before{content:"✨";font-size:16px;transition:transform .3s var(--ease-out)}.new-chat-btn:hover{background:var(--green-100);border-color:var(--green-500);border-style:solid;transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-sm)}.new-chat-btn:hover:before{transform:rotate(180deg) scale(1.2)}.history-search{width:100%;border:2px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-soft);padding:11px 14px 11px 40px;outline:none;color:var(--text-primary);font-size:13px;font-family:inherit;transition:all .2s var(--ease-smooth);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}.history-search::placeholder{color:var(--text-tertiary)}.history-search:focus{border-color:var(--green-500);background-color:var(--bg-paper);box-shadow:var(--shadow-glow)}.history-header{margin-top:4px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.history-label{font-size:11px;color:var(--text-tertiary);font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-family:Poppins,sans-serif}.delete-all-btn{border:none;background:transparent;color:var(--text-tertiary);font-size:11px;cursor:pointer;font-weight:600;transition:all .15s ease;padding:4px 8px;border-radius:6px;font-family:inherit}.delete-all-btn:hover{color:#ef4444;background:#ef444414}.history-list{display:flex;flex-direction:column;gap:3px;min-height:140px;overflow-y:auto;margin:0 -4px;padding:0 4px}.history-item{display:flex;align-items:center;gap:8px;border-radius:12px;padding:9px 10px;position:relative;transition:all .2s var(--ease-smooth);border:1px solid transparent}.history-item:before{content:"💬";font-size:12px;opacity:.4;transition:all .2s ease}.history-item:hover{background:var(--green-50);border-color:var(--green-100);transform:translate(2px)}.history-item:hover:before{opacity:1}.history-item.active{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);border-color:var(--green-600);box-shadow:var(--shadow-sm);transform:translate(2px)}.history-item.active:before{content:"🟢";opacity:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.6))}.history-item.active:after{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:24px;background:var(--green-500);border-radius:0 4px 4px 0}.history-title-btn{border:none;background:transparent;text-align:left;flex:1;min-width:0;cursor:pointer;color:var(--text-primary);font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;font-family:inherit}.history-item.active .history-title-btn{color:#fff;font-weight:600}.history-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .15s ease}.history-item:hover .history-actions,.history-item.active .history-actions{opacity:1}.history-action-btn{border:none;background:transparent;width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:12px;color:var(--text-tertiary);display:grid;place-items:center;transition:all .15s ease}.history-item.active .history-action-btn{color:#fffc}.history-action-btn:hover{background:var(--green-100);color:var(--green-700);transform:scale(1.1)}.history-item.active .history-action-btn:hover{background:#fff3;color:#fff}.history-edit-input{flex:1;min-width:0;border:2px solid var(--green-500);border-radius:8px;padding:6px 10px;outline:none;background:var(--bg-paper);color:var(--text-primary);font-size:13px;font-family:inherit}.empty-history{margin:8px 4px;color:var(--text-tertiary);font-size:12px;text-align:center;font-style:italic;padding:20px 0}.empty-history:before{content:"🌱";display:block;font-size:28px;margin-bottom:8px;font-style:normal;animation:grow 2s ease-in-out infinite}.sidebar-footer{margin-top:auto;font-size:11px;color:var(--text-tertiary);display:flex;align-items:center;gap:8px;padding:12px 4px 0;border-top:1px solid var(--border-subtle);font-weight:500}.sidebar-footer:before{content:"🔒";font-size:12px}.sidebar-footer:after{content:"🛡️";margin-left:auto;font-size:12px}.app-shell{flex:1;min-width:0;display:flex;flex-direction:column;max-width:980px;margin:0 auto;position:relative}.app-header{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:20px 24px 4px}.header-switches{display:flex;gap:8px}.switch-pill{border:2px solid var(--border-subtle);border-radius:var(--radius-pill);padding:6px 14px;display:inline-flex;align-items:center;gap:8px;background:var(--bg-paper);color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .25s var(--ease-out);font-family:Poppins,sans-serif;letter-spacing:.01em;box-shadow:var(--shadow-xs)}.switch-pill:before{font-size:13px}.switch-pill:nth-child(1):before{content:"🔍"}.switch-pill:nth-child(2):before{content:"🛡️"}.switch-pill:hover{transform:translateY(-2px);border-color:var(--green-300);box-shadow:var(--shadow-sm)}.switch-knob{width:28px;height:16px;border-radius:999px;background:var(--border-default);position:relative;transition:all .3s var(--ease-out)}.switch-knob:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 2px 4px #0003;transition:transform .3s var(--ease-out)}.switch-pill.on{background:linear-gradient(135deg,var(--green-500),var(--green-600));color:#fff;border-color:var(--green-500);box-shadow:var(--shadow-green)}.switch-pill.on .switch-knob{background:#ffffff4d}.switch-pill.on .switch-knob:after{transform:translate(12px)}.chat-feed{flex:1;overflow-y:auto;padding:8px 24px 200px;scroll-behavior:smooth;display:flex;flex-direction:column;position:relative}.welcome-panel{margin:auto;width:100%;max-width:780px;text-align:center;padding-top:4vh;position:relative}.welcome-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:2px solid var(--green-200);background:var(--bg-paper);border-radius:var(--radius-pill);font-size:12px;font-weight:700;color:var(--green-700);letter-spacing:.04em;margin-bottom:24px;box-shadow:var(--shadow-sm);font-family:Poppins,sans-serif;animation:bounceIn .6s var(--ease-out)}.welcome-eyebrow:before{content:"🌿";font-size:14px;animation:sway 3s ease-in-out infinite}.welcome-panel h1{margin:0;font-family:Poppins,sans-serif;font-size:clamp(36px,6vw,56px);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary);animation:bounceIn .7s var(--ease-out) .1s backwards}.welcome-panel h1 .emoji{display:inline-block;animation:wiggle 2.5s ease-in-out infinite;font-size:1em}.welcome-panel h1 .gradient-text{background:linear-gradient(135deg,var(--green-600) 0%,var(--green-400) 50%,var(--green-700) 100%);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 4s ease infinite;font-weight:900}.welcome-subtitle{margin:20px auto 32px;max-width:560px;font-size:16px;line-height:1.6;color:var(--text-secondary);font-weight:400;animation:bounceIn .7s var(--ease-out) .2s backwards}.welcome-subtitle strong{color:var(--green-700);font-weight:700}.welcome-handwritten{display:block;font-family:Caveat,cursive;font-size:22px;color:var(--green-600);margin-top:4px;font-weight:600;transform:rotate(-2deg)}.starter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;max-width:740px;margin:0 auto;animation:bounceIn .7s var(--ease-out) .3s backwards}.prompt-pill{border:2px solid var(--border-subtle);background:var(--bg-paper);color:var(--text-primary);border-radius:var(--radius-md);padding:14px 16px;font-size:13.5px;font-weight:500;cursor:pointer;transition:all .3s var(--ease-out);text-align:left;font-family:inherit;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.prompt-pill:before{content:attr(data-emoji);font-size:22px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--green-50);flex-shrink:0;transition:all .3s var(--ease-out)}.prompt-pill:after{content:"→";margin-left:auto;color:var(--text-muted);transition:all .3s var(--ease-out);font-size:16px;font-weight:700}.prompt-pill:hover{transform:translateY(-4px) scale(1.02);border-color:var(--green-400);background:var(--bg-paper);box-shadow:var(--shadow-md)}.prompt-pill:hover:before{transform:scale(1.15) rotate(-8deg);background:var(--green-100)}.prompt-pill:hover:after{transform:translate(4px);color:var(--green-600)}.messages-panel{width:100%;max-width:780px;margin:0 auto;padding-top:20px}.message-row{display:flex;margin:18px 0;animation:messageIn .4s var(--ease-out);align-items:flex-end;gap:8px}.message-row.user{justify-content:flex-end}.message-row.assistant{justify-content:flex-start}.message-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:16px;flex-shrink:0;box-shadow:var(--shadow-sm)}.message-row.assistant .message-avatar{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-700) 100%);color:#fff;box-shadow:var(--shadow-green);position:relative}.message-row.assistant .message-avatar:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--green-300);border:2px solid #fff;border-radius:50%;animation:pulse 2s ease-in-out infinite}.message-row.user .message-avatar{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid var(--green-200)}.message-bubble{max-width:min(76%,600px);border-radius:20px;padding:12px 16px;position:relative;line-height:1.55}.message-row.user .message-bubble{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);color:#fff;border-bottom-right-radius:6px;box-shadow:var(--shadow-md)}.message-row.assistant .message-bubble{background:var(--bg-paper);color:var(--text-primary);border:1px solid var(--border-subtle);border-bottom-left-radius:6px;box-shadow:var(--shadow-sm)}.message-bubble p{margin:0;white-space:pre-wrap;font-size:14.5px}.message-row.assistant .message-bubble p{color:var(--text-primary)}.typing-indicator{display:inline-flex;align-items:center;gap:6px;min-width:auto;padding:4px 0}.typing-indicator span{width:8px;height:8px;border-radius:999px;background:var(--green-500);animation:bounce 1.2s infinite ease-in-out;opacity:.5}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.15s}.typing-indicator span:nth-child(3){animation-delay:.3s}.typing-indicator small{margin-left:10px;font-size:12px;color:var(--text-tertiary);font-weight:600;font-style:italic;font-family:Caveat,cursive;font-size:16px}.typing-indicator small:before{content:"🌱";margin-right:4px}.chat-input-wrap{position:sticky;bottom:0;z-index:7;width:min(780px,calc(100% - 48px));margin:0 auto 20px;background:var(--bg-paper);border:2px solid var(--border-subtle);border-radius:26px;padding:10px 12px;box-shadow:var(--shadow-lg);transition:all .3s var(--ease-smooth)}.chat-input-wrap:focus-within{border-color:var(--green-500);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.chat-input{width:100%;resize:none;border:none;border-radius:14px;min-height:28px;max-height:180px;padding:8px 10px;font:inherit;font-size:15px;outline:none;background:transparent;color:var(--text-primary)}.chat-input::placeholder{color:var(--text-tertiary)}.chat-input:before{content:"💭"}.attachment-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:0 4px}.attachment-chip{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--green-300);background:var(--green-50);color:var(--green-700);border-radius:var(--radius-pill);padding:5px 6px 5px 12px;font-size:12px;font-weight:600;max-width:100%;animation:chipIn .3s var(--ease-out)}.attachment-chip:before{content:"📎";font-size:12px}.attachment-chip span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove-btn{border:none;background:var(--green-200);color:var(--green-800);cursor:pointer;font-size:12px;line-height:1;padding:0;width:20px;height:20px;border-radius:999px;display:grid;place-items:center;transition:all .15s ease;font-weight:700}.attachment-remove-btn:hover{background:var(--green-300);transform:rotate(90deg)}.hidden-file-input{display:none}.input-actions{display:flex;align-items:center;gap:6px;margin-top:4px;padding:0 4px}.tool-btn{width:40px;height:40px;border-radius:12px;border:1.5px solid transparent;background:transparent;color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:all .25s var(--ease-out);font-family:inherit}.tool-btn svg{width:18px;height:18px}.tool-btn:hover{transform:translateY(-2px) scale(1.05);background:var(--green-50);border-color:var(--green-200);color:var(--green-700)}.tool-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn{border:none;border-radius:14px;padding:10px 20px;color:#fff;background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);cursor:pointer;font-weight:700;font-size:13px;margin-left:auto;font-family:Poppins,sans-serif;letter-spacing:.01em;transition:all .25s var(--ease-out);display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-green);position:relative;overflow:hidden}.btn:before{content:"🚀";font-size:14px;transition:transform .3s var(--ease-out)}.btn:after{content:"Send"}.btn:hover:not(:disabled){transform:translateY(-2px) scale(1.04);box-shadow:0 12px 28px #16a34a73}.btn:hover:not(:disabled):before{transform:translate(4px) rotate(-15deg)}.btn:disabled{opacity:.5;cursor:not-allowed;background:var(--border-default);box-shadow:none}.btn:disabled:before{content:"😴"}.btn-secondary{background:var(--bg-soft);color:var(--text-primary);border:1.5px solid var(--border-default);margin-left:0;box-shadow:none}.btn-secondary:before{content:"⏹️"}.btn-secondary:after{content:"Stop"}.btn-secondary:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626;box-shadow:var(--shadow-sm)}.error-text{margin:12px auto 4px;max-width:780px;color:#dc2626;font-size:.9rem;text-align:center;padding:12px 16px;background:#fef2f2;border:2px solid #fecaca;border-radius:var(--radius-md);font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.error-text:before{content:"⚠️";font-size:18px}.icon-btn{border:none;background:transparent;color:var(--text-primary);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;cursor:pointer;font-size:18px;transition:all .2s ease;font-family:inherit}.icon-btn:hover{background:var(--green-50);transform:scale(1.05)}.mobile-only{display:grid;margin-right:auto}.mobile-sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1f1780;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;display:flex;justify-content:flex-start;animation:fadeIn .2s ease}.mobile-sidebar-sheet{width:min(86vw,320px);background:var(--bg-paper);border-right:1px solid var(--border-subtle);padding:18px 14px 14px;display:flex;flex-direction:column;gap:12px;animation:slideIn .3s var(--ease-out);box-shadow:4px 0 24px #16a34a1a}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}@keyframes heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.2)}50%{transform:scale(1)}75%{transform:scale(1.15)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}@keyframes sway{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes grow{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.1) rotate(-5deg)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes bounceIn{0%{opacity:0;transform:translateY(20px) scale(.95)}60%{transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes messageIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes chipIn{0%{opacity:0;transform:scale(.8) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (min-width: 900px){.sidebar{display:flex}.mobile-only{display:none}.app-header{padding:22px 24px 4px}.mobile-sidebar-overlay{display:none}}@media (max-width: 899px){.app-shell{max-width:720px}.chat-feed{padding:2px 14px 160px}.welcome-panel{padding-top:16px}.welcome-panel h1{font-size:clamp(28px,7vw,42px)}.welcome-subtitle{margin-top:14px;margin-bottom:22px;font-size:14px}.starter-grid{grid-template-columns:1fr;gap:8px}.prompt-pill{padding:12px 14px;font-size:13px}.chat-input-wrap{width:calc(100% - 20px);margin-bottom:12px;border-radius:22px}.messages-panel{padding-top:12px}.message-bubble{max-width:86%}.btn:after{content:""}.btn:before{font-size:16px}.welcome-handwritten{font-size:18px}}