@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--ink-0: #020409;--ink-1: #080d1a;--ink-2: #0c1222;--ink-3: #111827;--ink-4: #1a2540;--ink-5: #243050;--slate-1: rgba(255, 255, 255, .04);--slate-2: rgba(255, 255, 255, .07);--slate-3: rgba(255, 255, 255, .1);--slate-4: rgba(255, 255, 255, .14);--text-hi: #f1f5fd;--text-md: #94a3b8;--text-lo: #4b5879;--violet: #6366f1;--violet-light: #818cf8;--violet-dim: rgba(99, 102, 241, .18);--violet-glow: rgba(99, 102, 241, .35);--emerald: #10b981;--emerald-dim: rgba(16, 185, 129, .14);--rose: #f43f5e;--rose-dim: rgba(244, 63, 94, .14);--amber: #f59e0b;--amber-dim: rgba(245, 158, 11, .14);--glass: rgba(12, 18, 34, .85);--glass-border: rgba(255, 255, 255, .07);--r-xl: 22px;--r-lg: 16px;--r-md: 12px;--r-sm: 8px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-back: cubic-bezier(.34, 1.56, .64, 1);--dur: .22s;--font: "Inter", system-ui, -apple-system, sans-serif}html,body,#root{height:100%;font-family:var(--font);background:var(--ink-0);color:var(--text-hi);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background-image:radial-gradient(ellipse 90% 60% at 50% -5%,rgba(99,102,241,.12) 0%,transparent 65%),radial-gradient(ellipse 50% 40% at 85% 90%,rgba(99,102,241,.06) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 10% 80%,rgba(129,140,248,.04) 0%,transparent 60%)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.025'/%3E%3C/svg%3E");background-size:200px 200px;opacity:.4}.shell{position:relative;z-index:1;width:100%;max-width:800px;height:min(94vh,840px);background:var(--ink-1);border:1px solid var(--glass-border);border-radius:var(--r-xl);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 0 0 1px #ffffff0a,0 32px 80px #000000b3,0 0 120px #6366f10f,inset 0 1px #ffffff0f}.shell:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.5) 30%,rgba(129,140,248,.7) 50%,rgba(99,102,241,.5) 70%,transparent 100%);z-index:20}.shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:radial-gradient(ellipse 80% 40% at 50% 0%,rgba(99,102,241,.06) 0%,transparent 60%)}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--glass-border);background:#080d1acc;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);position:relative;z-index:10;flex-shrink:0}.header-brand{display:flex;align-items:center;gap:12px}.logo{width:36px;height:36px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#818cf8,#a5b4fc);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 4px 16px #6366f166,0 0 0 1px #ffffff1f;position:relative;overflow:hidden}.logo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 60%)}.brand-name{font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--text-hi)}.brand-sub{font-size:11px;color:var(--text-lo);font-weight:400;margin-top:1px;letter-spacing:.01em}.status-pill{display:flex;align-items:center;gap:7px;padding:6px 13px;background:var(--slate-1);border:1px solid var(--glass-border);border-radius:40px;font-size:11px;font-weight:500;color:var(--text-lo);transition:all var(--dur) var(--ease);-webkit-user-select:none;user-select:none}.status-pill.live{color:var(--emerald);border-color:#10b98147;background:var(--emerald-dim)}.pip{width:6px;height:6px;border-radius:50%;background:var(--text-lo);transition:all var(--dur) var(--ease);flex-shrink:0}.status-pill.live .pip{background:var(--emerald);box-shadow:0 0 0 3px #10b98133;animation:heartbeat 2.4s ease infinite}@keyframes heartbeat{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 5px #10b9810d}}.view{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;z-index:1}.landing-view{align-items:center;justify-content:center;padding:40px 28px;gap:0}.hero{text-align:center;margin-bottom:42px;max-width:500px}.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;background:var(--violet-dim);border:1px solid var(--violet-glow);border-radius:40px;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-light);margin-bottom:24px;animation:fadeUp .6s var(--ease-back) both}.hero-eyebrow-dot{width:5px;height:5px;border-radius:50%;background:var(--violet-light);box-shadow:0 0 6px var(--violet);animation:pulse-sm 2s ease infinite}@keyframes pulse-sm{0%,to{opacity:1}50%{opacity:.4}}.hero-title{font-size:36px;font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text-hi);margin-bottom:16px;animation:fadeUp .6s .08s var(--ease-back) both}.hero-title .grad{background:linear-gradient(135deg,#a5b4fc,#818cf8 40%,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-body{font-size:14px;color:var(--text-md);line-height:1.7;max-width:380px;margin:0 auto;animation:fadeUp .6s .14s var(--ease-back) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.card{width:100%;max-width:500px;background:#111827b3;border:1px solid var(--glass-border);border-radius:var(--r-xl);padding:28px;display:flex;flex-direction:column;gap:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 40px #00000059,0 0 0 1px #ffffff0a;animation:fadeUp .6s .2s var(--ease-back) both;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(99,102,241,.08) 0%,transparent 70%)}.field-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-lo)}.search-row{display:flex;gap:10px}.input-wrap{flex:1;display:flex;align-items:center;gap:10px;background:#1a254099;border:1px solid var(--glass-border);border-radius:var(--r-md);padding:0 14px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.input-wrap:focus-within{border-color:#6366f199;box-shadow:0 0 0 3px #6366f11f,0 0 20px #6366f10f}.input-wrap.err{border-color:#f43f5e80;box-shadow:0 0 0 3px #f43f5e1a;animation:shakeX .4s var(--ease)}@keyframes shakeX{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.input-icon{display:flex;align-items:center;color:var(--text-lo);flex-shrink:0}.input-wrap input{flex:1;background:none;border:none;outline:none;color:var(--text-hi);font-family:var(--font);font-size:14px;padding:14px 0;letter-spacing:-.01em}.input-wrap input::placeholder{color:var(--text-lo)}.btn-cta{display:flex;align-items:center;justify-content:center;gap:7px;padding:0 22px;height:50px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:var(--r-md);font-family:var(--font);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all var(--dur) var(--ease);position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f159,0 0 0 1px #ffffff1a inset}.btn-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 60%);opacity:0;transition:opacity var(--dur) var(--ease)}.btn-cta:hover:not(:disabled):before{opacity:1}.btn-cta:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px #6366f180,0 0 0 1px #ffffff1f inset}.btn-cta:active:not(:disabled){transform:translateY(0)}.btn-cta:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.err-hint{display:none;align-items:center;gap:5px;font-size:12px;color:var(--rose);margin-top:-6px;animation:fadeUp .25s var(--ease-out)}.err-hint.show{display:flex}.status-area{min-height:28px}.steps{display:none;flex-direction:column;gap:8px;padding:2px 0}.steps.show{display:flex}.step{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-lo);opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease-back)}.step.in{opacity:1;transform:translateY(0)}.step.done{color:var(--emerald)}.step.error{color:var(--rose)}.step-dot{width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10px;background:#1a2540cc;border:1px solid var(--glass-border);transition:all .3s var(--ease)}.step.loading .step-dot{border-color:#6366f180;background:#6366f11a}.step.done .step-dot{border-color:#10b98166;background:#10b9811a}.step.error .step-dot{border-color:#f43f5e66;background:#f43f5e1a}.spin{width:11px;height:11px;border-radius:50%;border:1.5px solid rgba(99,102,241,.25);border-top-color:var(--violet);animation:spinning .65s linear infinite}@keyframes spinning{to{transform:rotate(360deg)}}.pills{display:flex;gap:8px}.pill{flex:1;display:flex;align-items:center;gap:6px;padding:9px 11px;background:#1a254066;border:1px solid var(--glass-border);border-radius:var(--r-sm);font-size:11.5px;color:var(--text-md);font-weight:500;transition:all var(--dur) var(--ease)}.pill:hover{border-color:var(--slate-3);color:var(--text-hi)}.pill-icon{font-size:13px}.chat-view{overflow:hidden}.profile-bar{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;background:#080d1abf;border-bottom:1px solid var(--glass-border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0}.profile-left{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#818cf8);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;border:2px solid rgba(99,102,241,.35);box-shadow:0 0 12px #6366f140}.profile-name{font-size:13px;font-weight:600;color:var(--text-hi);letter-spacing:-.01em}.profile-handle{font-size:11px;color:var(--text-lo);margin-top:1px}.btn-outline{display:flex;align-items:center;gap:6px;padding:7px 13px;background:none;border:1px solid var(--glass-border);border-radius:var(--r-sm);color:var(--text-lo);font-family:var(--font);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--dur) var(--ease);white-space:nowrap;flex-shrink:0}.btn-outline:hover{border-color:#6366f166;color:var(--violet-light);background:var(--violet-dim)}.messages{flex:1;overflow-y:auto;padding:28px 22px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth}.messages::-webkit-scrollbar{width:3px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--ink-4);border-radius:3px}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:40px}.empty-glyph{width:52px;height:52px;border-radius:16px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:10px;box-shadow:0 0 24px #6366f11a}.empty-title{font-size:15px;font-weight:600;color:var(--text-hi);margin-bottom:4px}.empty-body{font-size:13px;color:var(--text-lo);line-height:1.65;max-width:260px}.msg-row{display:flex;gap:12px;animation:msgPop .3s var(--ease-back) both}@keyframes msgPop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.msg-row.user{flex-direction:row-reverse}.msg-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;margin-top:2px}.msg-row.bot .msg-avatar{background:linear-gradient(135deg,#6366f1,#818cf8);box-shadow:0 2px 10px #6366f14d}.msg-row.user .msg-avatar{background:var(--ink-4);border:1px solid var(--glass-border);color:var(--text-lo);font-size:11px}.msg-body{display:flex;flex-direction:column;gap:4px;max-width:72%}.msg-row.user .msg-body{align-items:flex-end}.bubble{padding:13px 17px;border-radius:18px;font-size:14px;line-height:1.68;white-space:pre-wrap;word-break:break-word}.msg-row.bot .bubble{background:#1a2540cc;border:1px solid var(--glass-border);border-top-left-radius:4px;color:var(--text-hi);box-shadow:0 2px 12px #0003}.msg-row.user .bubble{background:linear-gradient(135deg,#6366f1,#4f46e5);border-top-right-radius:4px;color:#fff;box-shadow:0 4px 20px #6366f14d}.msg-row.bot.err .bubble{background:var(--rose-dim);border-color:#f43f5e40;color:#fda4af}.ts{font-size:10px;color:var(--text-lo);padding:0 4px}.retry-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;margin-top:2px;font-size:11px;font-family:var(--font);font-weight:500;color:var(--text-lo);background:none;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all var(--dur) var(--ease)}.retry-btn:hover{color:var(--violet-light);border-color:#6366f159;background:var(--violet-dim)}.typing-bubble{display:flex;align-items:center;gap:5px;padding:14px 18px}.dot{width:7px;height:7px;border-radius:50%;background:var(--text-lo);animation:bop 1.3s infinite ease-in-out}.dot:nth-child(2){animation-delay:.16s}.dot:nth-child(3){animation-delay:.32s}@keyframes bop{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px);background:var(--violet-light)}}.chips{display:flex;gap:7px;flex-wrap:wrap;padding:0 22px 12px;flex-shrink:0}.chip{padding:7px 14px;background:#1a254080;border:1px solid var(--glass-border);border-radius:40px;font-family:var(--font);font-size:12px;color:var(--text-md);cursor:pointer;transition:all var(--dur) var(--ease);white-space:nowrap}.chip:hover{border-color:#6366f173;color:var(--violet-light);background:var(--violet-dim)}.chip:disabled{opacity:.35;cursor:not-allowed}.composer{display:flex;align-items:flex-end;gap:10px;padding:12px 16px;border-top:1px solid var(--glass-border);background:#080d1ab3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);flex-shrink:0}.compose-field{flex:1;display:flex;align-items:flex-end;background:#1a2540b3;border:1px solid var(--glass-border);border-radius:16px;padding:0 16px;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.compose-field:focus-within{border-color:#6366f18c;box-shadow:0 0 0 3px #6366f11a}.compose-field textarea{flex:1;background:none;border:none;outline:none;color:var(--text-hi);font-family:var(--font);font-size:14px;line-height:1.55;padding:13px 0;resize:none;max-height:120px;overflow-y:auto}.compose-field textarea::placeholder{color:var(--text-lo)}.send{width:44px;height:44px;border-radius:13px;flex-shrink:0;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--dur) var(--ease);box-shadow:0 4px 16px #6366f159,0 0 0 1px #ffffff1a inset}.send:hover:not(:disabled){background:linear-gradient(135deg,#818cf8,#6366f1);transform:scale(1.06);box-shadow:0 6px 22px #6366f180,0 0 0 1px #ffffff1f inset}.send:active:not(:disabled){transform:scale(.96)}.send:disabled{opacity:.3;cursor:not-allowed;box-shadow:none}.send svg{width:18px;height:18px}.toast-rack{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;min-width:280px;max-width:360px;background:#111827f2;border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:0 12px 40px #0000008c,0 0 0 1px #ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:toastIn .35s var(--ease-back) both;pointer-events:all;cursor:pointer;position:relative;overflow:hidden}.toast:after{content:"";position:absolute;bottom:0;left:0;height:2px;animation:drain var(--toast-dur, 4s) linear forwards}.toast.success:after{background:var(--emerald)}.toast.error:after{background:var(--rose)}.toast.info:after{background:var(--violet)}@keyframes drain{0%{width:100%}to{width:0%}}@keyframes toastIn{0%{opacity:0;transform:translate(18px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toastOut{to{opacity:0;transform:translate(18px)}}.toast-icon{width:30px;height:30px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:1px}.toast.success .toast-icon{background:var(--emerald-dim)}.toast.error .toast-icon{background:var(--rose-dim)}.toast.info .toast-icon{background:var(--violet-dim)}.toast-title{font-size:13px;font-weight:600;color:var(--text-hi);margin-bottom:2px}.toast-msg{font-size:12px;color:var(--text-md);line-height:1.5}@media(max-width:540px){body{padding:0}.shell{height:100vh;height:100dvh;border-radius:0;border:0;max-width:100%}.hero-title{font-size:26px}.pills,.search-row{flex-direction:column}.btn-cta{height:46px}.chips{display:none}.landing-view{padding:28px 16px}.card{padding:20px}}