@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap");@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif&display=swap");*,:after,:before{box-sizing:border-box}.react-flow{background:#fff!important}body,html{height:100%;overflow:hidden}body{margin:0;font-family:var(--font-sans);color:var(--color-slate-900);background:var(--color-white)}.chat-clone-page{font-family:Inter,sans-serif;background-color:#fff;background-image:radial-gradient(#cbd5e1 .5px,transparent 0);background-size:16px 16px;color:#1a1a1a;height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.chat-foaster-logo{position:fixed;top:1.15rem;left:1.5rem;display:inline-flex;align-items:center;gap:.5rem;height:40px;z-index:80;transition:transform .2s ease;text-decoration:none;opacity:0;animation:chatFadeIn .5s ease 4.2s forwards}.chat-foaster-logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:visible;flex-shrink:0;background:transparent;border-radius:999px}.chat-foaster-logo img{width:120px;height:120px;object-fit:contain;display:block;transform:scale(.33);transform-origin:center center}.chat-foaster-logo-text{font-family:"Instrument Serif",serif;font-weight:400;font-size:2rem;color:#1a1a1a;letter-spacing:-.02em;opacity:.92;transform:scaleX(.88) scaleY(1.1);transform-origin:left center}.chat-foaster-logo:hover{transform:translateY(-1px)}.chat-foaster-logo:hover .chat-foaster-logo-text{opacity:1}@media (max-width:720px){.chat-foaster-logo{height:36px;top:.85rem;left:.85rem;gap:.35rem}.chat-foaster-logo-text{font-size:1rem}}.chat-scroll-wrapper{flex:1 1;width:100%;overflow-y:auto;overflow-x:hidden;direction:rtl;opacity:0;animation:chatFadeIn .6s ease 4s forwards}.chat-scroll-wrapper::-webkit-scrollbar{width:3px}.chat-scroll-wrapper::-webkit-scrollbar-track{background:transparent}.chat-scroll-wrapper::-webkit-scrollbar-thumb{background:rgba(0,0,0,.08);border-radius:10px}.chat-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.15)}.chat-scroll-wrapper{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.08) transparent}.chat-clone-container{direction:ltr;display:flex;flex-direction:column;max-width:720px;width:100%;margin:0 auto;padding:80px 0 140px;gap:32px}@media (max-width:768px){.chat-clone-container{padding:60px 16px 120px}}.chat-message-row{display:flex;width:100%;opacity:0;transform:translateY(10px);flex-direction:column}.chat-message-row:first-child{animation:chatFadeSlideIn .5s ease 4.2s forwards}.chat-message-row:nth-child(2){animation:chatFadeSlideIn .5s ease 5.5s forwards}.chat-message-row:nth-child(3){animation:chatFadeSlideIn .5s ease 6.5s forwards}.chat-message-row:nth-child(4){animation:chatFadeSlideIn .5s ease 7.5s forwards}.chat-message-row:nth-child(5){animation:chatFadeSlideIn .5s ease 8.5s forwards}.chat-message-row:nth-child(6){animation:chatFadeSlideIn .5s ease 9.5s forwards}.chat-message-row.chat-animated{animation:chatFadeSlideIn .5s ease forwards}@keyframes chatFadeSlideIn{to{opacity:1;transform:translateY(0)}}@keyframes chatFadeIn{to{opacity:1}}.chat-message-content{display:flex;width:100%;position:relative}.chat-message-row.chat-ai .chat-message-content{justify-content:flex-start;padding-left:0}.chat-message-row.chat-user .chat-message-content{justify-content:flex-end;align-items:flex-end;position:relative}.chat-message-bubble{max-width:92%;line-height:1.5;font-size:15px;font-weight:400}.chat-message-row.chat-ai .chat-message-bubble{color:#334155;padding:0 8px;background:transparent;border-radius:0;border:none;box-shadow:none;max-width:80%;line-height:1.6}.chat-message-row.chat-user .chat-message-bubble{background-color:#f2f2f2;padding:12px 18px;border-radius:24px;border:none;color:#111;box-shadow:none;max-width:92%;line-height:1.5}.chat-input-area{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(0deg,#fff 85%,hsla(0,0%,100%,0));display:flex;justify-content:center;padding:20px 20px 32px;opacity:0;animation:chatFadeIn .5s ease 4.2s forwards}.chat-foaster-logo.chat-immediate,.chat-input-area.chat-immediate,.chat-scroll-wrapper.chat-immediate{opacity:1;animation:none}.chat-input-wrapper{--focus-color:#cffafe;width:100%;max-width:720px;position:relative;padding:1px;border-radius:21px;background:linear-gradient(120deg,#cffafe,#e0f2fe 20%,#fce7f3 40%,#fef3c7 60%,#ffedd5 80%,#d1fae5);box-shadow:0 0 12px -4px rgba(6,182,212,.25);min-height:52px;transition:transform .2s,box-shadow .2s,background .3s ease}.chat-input-wrapper:focus-within{background:var(--focus-color);box-shadow:0 0 20px -4px var(--focus-color);transform:translateY(-1px)}.chat-input-inner-wrapper{background:#fff;border-radius:20px;padding:8px 16px 8px 20px;display:flex;align-items:center;min-height:52px;width:100%}.chat-input-inner-wrapper.multiline{align-items:flex-end}.chat-icon-btn{width:36px;height:36px;border:none;background:transparent;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#9ca3af;transition:background .2s,color .2s}.chat-icon-btn:hover{background-color:#f3f4f6;color:#1a1a1a}.chat-input-field{flex:1 1;border:none;outline:none;font-size:15px;padding:0 12px;color:#1a1a1a;background:transparent;font-family:Inter,sans-serif;font-weight:400;resize:none;line-height:1.5;max-height:180px;overflow-y:auto}.chat-input-textarea{width:100%;min-height:36px;padding-top:7px;padding-bottom:7px}.chat-input-field::placeholder{color:#9ca3af;font-weight:300}.chat-send-btn{width:36px;height:36px;background-color:#1a1a1a;color:#fff;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,opacity .2s}.chat-send-btn:hover{transform:scale(1.05)}.chat-send-btn:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;transform:none}.chat-send-btn svg{width:16px;height:16px}.chat-typing-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:transparent;border-radius:12px;border:none;box-shadow:none}.chat-typing-indicator span{display:block;width:10px;height:10px;background-color:#0f172a;border-radius:50%;animation:chatTypingBlink 1s ease-in-out infinite}@keyframes chatTypingBlink{0%,to{opacity:.3;transform:scale(.95)}50%{opacity:1;transform:scale(1)}}.onboarding-header-bar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 28px;pointer-events:none}.onboarding-header-bar>*{pointer-events:auto}.onboarding-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:transform .2s ease}.onboarding-logo:hover{transform:translateY(-1px)}.onboarding-logo-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;overflow:visible;flex-shrink:0}.onboarding-logo-icon img{width:120px;height:120px;object-fit:contain;display:block;transform:scale(.33);transform-origin:center center}.onboarding-logo-text{font-family:"Instrument Serif",serif;font-weight:400;font-size:2rem;color:#1a1a1a;letter-spacing:-.02em;opacity:.92;transform:scaleX(.88) scaleY(1.1);transform-origin:left center}.onboarding-logo:hover .onboarding-logo-text{opacity:1}.onboarding-step-badge{background:transparent;border:1px solid #d1d5db;border-radius:999px;padding:6px 16px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#9ca3af;margin-right:56px}.onboarding-header-bar.animated{animation:onboardingHeaderFadeIn .6s ease forwards}@keyframes onboardingHeaderFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.step-node-scrollable::-webkit-scrollbar{width:4px}.step-node-scrollable::-webkit-scrollbar-track{background:transparent}.step-node-scrollable::-webkit-scrollbar-thumb{background:transparent;border-radius:999px;-webkit-transition:background .2s ease;transition:background .2s ease}.step-node-scrollable.show-scrollbar::-webkit-scrollbar-thumb{background:rgba(148,163,184,.45)}.step-node-scrollable.show-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(148,163,184,.6)}.step-node-scrollable{scrollbar-width:thin;scrollbar-color:transparent transparent}.step-node-scrollable.show-scrollbar{scrollbar-color:rgba(148,163,184,.45) transparent}:root{--color-slate-900:#0f172a;--color-slate-800:#1e293b;--color-slate-700:#334155;--color-slate-600:#475569;--color-slate-500:#64748b;--color-slate-400:#94a3b8;--color-slate-300:#cbd5e1;--color-slate-200:#e2e8f0;--color-slate-100:#f1f5f9;--color-slate-50:#f8fafc;--color-white:#fff;--color-black:#1a1a1a;--color-success:#10b981;--color-success-light:#ecfdf5;--color-success-dark:#059669;--color-info:#3b82f6;--color-info-light:#eff6ff;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#dc2626;--color-error-light:#fef2f2;--color-error-border:#fecaca;--color-highlight:#9ca3af;--font-sans:"Inter",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--font-serif:"Playfair Display",serif;--font-display:"Instrument Serif",serif;--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:24px;--text-3xl:36px;--text-4xl:42px;--text-5xl:48px;--text-6xl:3.5rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.1;--leading-snug:1.35;--leading-normal:1.5;--leading-relaxed:1.6;--leading-loose:1.8;--tracking-tighter:-0.02em;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.05em;--tracking-wider:0.1em;--space-px:1px;--space-0:0;--space-0-5:2px;--space-1:4px;--space-1-5:6px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-10:40px;--space-11:44px;--space-12:48px;--space-14:56px;--space-16:64px;--radius-none:0;--radius-sm:4px;--radius-default:6px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:18px;--radius-4xl:24px;--radius-full:9999px;--shadow-none:none;--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-sm:0 2px 8px rgba(0,0,0,.05);--shadow-default:0 4px 6px rgba(0,0,0,.05);--shadow-md:0 4px 20px -12px rgba(0,0,0,.08);--shadow-lg:0 10px 25px rgba(0,0,0,.1);--shadow-xl:0 15px 30px rgba(0,0,0,.15);--shadow-card:0 4px 24px -4px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.05);--transition-fast:0.15s ease;--transition-default:0.2s ease;--transition-medium:0.3s ease;--transition-slow:0.5s ease;--transition-bounce:0.3s cubic-bezier(0.34,1.56,0.64,1);--bg-dots:radial-gradient(var(--color-slate-300) 0.5px,transparent 0.5px);--bg-dots-size:16px 16px}