:root{--accent: #8b5cf6;--accent-soft: #ede7fb;--surface: #ffffff;--surface-2: #f4f1fb;--tertiary: #ede9fb;--border: #e8e4f2;--brand: #7b61ff;--brand-soft: #e7e1ff;--text: #171520;--text-secondary: #5b5670;--text-muted: #a3a3a3;--text-inverse: #ffffff;--inverse: #171520;--inverse-2: #241f35;--surface-primary: #fcfaf7;--surface-secondary: #f1ede6;--surface-card: #ffffff;--blue: #0ca5e9;--green: #00b86b;--indigo: #635bff;--orange: #ff9d00;--pink: #ff1e6f;--yellow: #ffce1f;--avatar-chef: #ffd6a5;--avatar-coach: #ffb4a2;--avatar-finance: #a7e8bd;--avatar-psych: #cdb4ff;--avatar-tutor: #fde68a;--avatar-writer: #a0c4ff;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-heading: "Funnel Sans", "Inter", system-ui, sans-serif;--font-display: "Anton", "Inter", sans-serif;--font-serif: "Newsreader", Georgia, serif;--font-elegant: "Playfair Display", Georgia, serif;--radius-card: 20px;--radius-tile: 24px;--radius: 22px;--radius-pill: 9999px;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .06);--shadow-md: 0 6px 20px rgba(23, 21, 32, .08);--shadow-lg: 0 8px 28px rgba(23, 21, 32, .12);--shadow-brand: 0 6px 18px rgba(123, 97, 255, .4);--content-max: 840px;--phone-w: 390px;--phone-h: 844px}[data-theme=dark]{--surface: #17151f;--surface-2: #232030;--tertiary: #2a2342;--border: #2b2738;--brand-soft: #2c2547;--text: #f5f3fa;--text-secondary: #a8a3b5;--text-muted: #6e6b7c;--surface-primary: #121119;--surface-secondary: #272430;--surface-card: #1d1b26;--shadow-sm: 0 2px 12px rgba(0, 0, 0, .35);--shadow-md: 0 6px 20px rgba(0, 0, 0, .45);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .55)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;overscroll-behavior:none;max-width:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-body);color:var(--text);background:var(--surface-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;touch-action:manipulation;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}h1,h2,h3,h4{font-family:var(--font-heading);margin:0;line-height:1.15}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}.screen{width:100%;min-height:100vh;min-height:100dvh;background:var(--surface-primary);overflow-x:hidden}.phone{width:var(--phone-w);min-height:var(--phone-h);margin:0 auto;background:var(--surface);border-radius:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.center-page{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:var(--surface)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 24px;border-radius:var(--radius-pill);font-weight:600;transition:transform .12s ease,filter .12s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.btn-soft{background:var(--brand-soft);color:var(--brand)}.btn-ghost{background:var(--surface-2);color:var(--text-secondary)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-pill);background:var(--surface-2);color:var(--text-secondary)}.icon-btn svg{width:18px;height:18px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);flex:none;font-size:20px;line-height:1}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);font-size:12px;font-weight:600}.badge-brand{background:var(--tertiary);color:var(--brand)}.badge-green{background:#00b86b1a;color:var(--green)}.badge svg{width:13px;height:13px}.card{background:var(--surface-card);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:24px}.bubble{padding:14px 18px;font-size:15px;line-height:1.5;max-width:460px}.bubble-user{background:var(--brand);color:#fff;border-radius:20px 20px 6px}.bubble-agent{background:var(--surface-2);color:var(--text);border-radius:20px 20px 20px 6px}.row-user{display:flex;justify-content:flex-end}.row-agent{display:flex;gap:12px;align-items:flex-start}.input-bar{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 8px 8px 20px;box-shadow:var(--shadow-md)}.input-bar input{flex:1;border:none;outline:none;background:none;font:inherit;font-size:15px;color:var(--text)}.input-bar input::placeholder{color:var(--text-secondary)}.send-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-pill);background:var(--brand);color:#fff;box-shadow:var(--shadow-brand);flex:none}.send-btn svg{width:22px;height:22px}.carousel{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;overflow-x:clip;touch-action:pan-y;user-select:none;-webkit-user-select:none}.carousel-track{position:relative;width:100%;height:112px;--cf-step: 96px}.cf-item{position:absolute;left:50%;top:50%;width:96px;height:96px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .42s ease}.cf-item .avatar{width:96px;height:96px;font-size:46px}.cf-item[data-dist="0"] .avatar{box-shadow:0 5px 16px #7b61ff59;outline:3px solid var(--brand);outline-offset:-3px}.cf-dot{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:var(--brand)}@media(prefers-reduced-motion:reduce){.cf-item{transition:none}}@media(max-width:640px){.carousel-track{height:96px;--cf-step: 76px}.cf-item,.cf-item .avatar{width:80px;height:80px}.cf-item .avatar{font-size:38px}}.agent-graph{position:relative;width:100%;max-width:760px;aspect-ratio:760 / 460}.agent-graph>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.graph-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.node-airo{width:96px;height:96px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:700;font-size:24px;border:4px solid #fff;box-shadow:var(--shadow-brand)}.node-chip{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;border:3px solid #fff;box-shadow:var(--shadow-sm)}.node-chip svg{width:24px;height:24px}.node-name{font-family:var(--font-heading);font-weight:600;font-size:13px;max-width:132px}.node-status{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600}.node-status svg{width:12px;height:12px}.st-done{color:var(--green)}.st-run{color:var(--brand)}.st-queue{color:var(--text-muted)}.st-error{color:var(--pink)}.edge-active{stroke:var(--brand);stroke-width:2.5;fill:none;stroke-linecap:round}.edge-pending{stroke:#cdc8dd;stroke-width:2;fill:none;stroke-linecap:round}.stack{display:flex;flex-direction:column}.row{display:flex}.center{align-items:center;justify-content:center}.between{justify-content:space-between}.grow{flex:1}.muted{color:var(--text-secondary)}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::view-transition-group(*){animation-duration:.5s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.vt-morphing .app-sidebar{transition:none!important}::view-transition-image-pair(composer-bar){animation-duration:.5s}@keyframes vt-fade-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes vt-fade-sink{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(14px)}}::view-transition-old(root){animation:vt-fade-sink .34s ease both}::view-transition-new(root){animation:vt-fade-rise .46s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(root),::view-transition-new(root){animation:none!important}}