:root{color-scheme:light;--ink: #0a1220;--ink-muted: #5b6472;--ink-faint: #8b93a7;--surface: #ffffff;--surface-raised: #ffffff;--surface-muted: #f5f6f9;--border: #e7e9ee;--border-strong: #cfd5e0;--blue: #1370f7;--blue-soft: rgba(19, 112, 247, .1);--blue-glow: rgba(19, 112, 247, .22);--navy: #0a1220;--accent-peach: #f6cfa9;--accent-lavender: #bcb0ea;--accent-sky: #9fb6ff;--accent-gradient: linear-gradient(90deg, var(--accent-peach), var(--accent-lavender));--accent-gradient-chat: linear-gradient(90deg, var(--accent-lavender), var(--accent-sky));--status-ready-bg: #e8f7ef;--status-ready: #1b7a4e;--status-error-bg: #fdecea;--status-error: #9b1c1c;--marketing-sky: #eaf0ff;--marketing-lavender: #f3eef9;--atmosphere-top: #f7f9ff;--atmosphere-mid: #f5f6f9;--atmosphere-bottom: #ffffff;--grid-line: rgba(10, 18, 32, .04);--demo-panel-bg: rgba(255, 255, 255, .82);--topbar-bg: rgba(255, 255, 255, .88);--radius-pill: 999px;--radius-md: 11px;--radius-lg: 16px;--radius-xl: 22px;--font-display: "Outfit", system-ui, sans-serif;--font-ui: "Outfit", system-ui, sans-serif;--shadow-soft: 0 1px 2px rgba(13, 27, 62, .04), 0 10px 30px rgba(13, 27, 62, .065);--shadow-lift: 0 24px 60px rgba(13, 27, 62, .08);--sidebar-width: 260px;--header-height: 64px;--theme-color: #f5f6f9;--logo-stroke: #0a1220}[data-theme=dark]{color-scheme:dark;--ink: #e8ecf4;--ink-muted: #8b93a7;--ink-faint: #5c6578;--surface: #0b0e14;--surface-raised: #12161f;--surface-muted: #07090e;--border: #1c2230;--border-strong: #2a3344;--blue: #1370f7;--blue-soft: rgba(19, 112, 247, .14);--blue-glow: rgba(19, 112, 247, .28);--navy: #0a1220;--accent-peach: #3d4a66;--accent-lavender: #2a3a5c;--accent-sky: #1370f7;--accent-gradient: linear-gradient(90deg, #1a4a9e, #1370f7);--accent-gradient-chat: linear-gradient(90deg, #1370f7, #3d8bff);--status-ready-bg: rgba(34, 160, 98, .14);--status-ready: #3dd68c;--status-error-bg: rgba(220, 70, 70, .14);--status-error: #f07178;--marketing-sky: rgba(19, 112, 247, .18);--marketing-lavender: rgba(80, 110, 180, .1);--atmosphere-top: #0a0f1a;--atmosphere-mid: #07090e;--atmosphere-bottom: #05070c;--grid-line: rgba(255, 255, 255, .015);--demo-panel-bg: rgba(12, 16, 24, .72);--topbar-bg: rgba(11, 14, 20, .85);--shadow-soft: 0 1px 0 rgba(255, 255, 255, .03), 0 12px 32px rgba(0, 0, 0, .35);--shadow-lift: 0 24px 64px rgba(0, 0, 0, .45);--theme-color: #07090e;--logo-stroke: #e8ecf4}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-ui);color:var(--ink);background:var(--surface-muted);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;margin:0}p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md);padding:12px 20px;border:1px solid transparent;cursor:pointer;font-weight:500;font-size:14px;line-height:1.2;letter-spacing:.01em;transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 28px var(--blue-glow);background:#2a7fff}.btn-secondary{background:transparent;color:var(--ink);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){transform:translateY(-1px);border-color:var(--ink-faint);background:var(--surface-raised)}.btn-ghost{background:transparent;color:var(--ink-muted);border-color:transparent;padding-inline:12px}.btn-ghost:hover:not(:disabled){color:var(--ink)}.btn-arrow:after{content:"→";font-size:1.05em}.pill-toggle{display:grid;grid-template-columns:1fr 1fr;padding:5px;border-radius:12px;background:var(--navy);border:1px solid var(--border);position:relative}.pill-toggle .slider{position:absolute;top:5px;left:5px;height:calc(100% - 10px);width:calc(50% - 5px);background:var(--accent-gradient);border-radius:9px;transition:transform .28s cubic-bezier(.22,.9,.31,1),background .28s ease;z-index:1}.pill-toggle.chat .slider{transform:translate(100%);background:var(--accent-gradient-chat)}.pill-toggle button{position:relative;z-index:2;border:none;border-radius:9px;padding:14px 10px;background:transparent;color:var(--ink-muted);cursor:pointer;font-weight:500;font-size:15px;transition:color .25s ease}.pill-toggle button.active{color:var(--navy)}[data-theme=dark] .pill-toggle button.active{color:#fff}@media (prefers-reduced-motion: reduce){.pill-toggle .slider,.pill-toggle button{transition:none}}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-md);padding:4px 10px;font-size:12px;font-weight:500}.badge-ready{background:var(--status-ready-bg);color:var(--status-ready)}.badge-ready:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-warn{background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue)}.badge-warn:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge-channel{background:var(--blue-soft);color:var(--ink-muted);text-transform:capitalize}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;color:var(--ink-muted);font-weight:500}.field input,.field textarea,.field select{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;background:var(--surface-muted);color:var(--ink);outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.field textarea{min-height:120px;resize:vertical}.muted{color:var(--ink-muted)}.skeleton{background:linear-gradient(90deg,var(--border),var(--surface-muted),var(--border));background-size:200% 100%;animation:shimmer 1.2s ease infinite;border-radius:8px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes softIn{0%{opacity:0}to{opacity:1}}@keyframes corePulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.85}}.fade-up{animation:fadeUp .6s ease both}.fade-up-delay{animation:fadeUp .6s ease .12s both}.fade-up-delay-2{animation:fadeUp .6s ease .22s both}