@font-face{font-family:Geist;src:url('geist.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:light;--page:#fff;--surface:#fff;--surface-subtle:#fafafa;--line:#e8e8ec;--line-strong:#dcdce3;--ink:#202028;--muted:#73737e;--subtle:#747480;--accent:#6366f1;--accent-soft:rgba(99,102,241,.08);--success:#258965;--warning:#c18b2e;--card-shadow:0 16px 56px -28px rgba(20,20,35,.14)}
:root[data-theme="dark"]{color-scheme:dark;--page:#000;--surface:#020202;--surface-subtle:#060607;--line:#1c1c21;--line-strong:#292930;--ink:#f6f6fa;--muted:#a3a3af;--subtle:#858592;--accent:#8b85f5;--accent-soft:rgba(139,133,245,.1);--success:#6ac5a0;--warning:#d6ab55;--card-shadow:0 22px 70px -35px rgba(0,0,0,.45)}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{margin:0;min-height:100%;background:var(--page);color:var(--ink)}
body{font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}
button,input{font:inherit}
.demo-stage{min-height:100svh;display:grid;place-items:center;padding:28px 20px}
.xander-card{width:min(100%,580px);overflow:hidden;border:1px solid var(--line-strong);border-radius:14px;background:var(--surface);box-shadow:var(--card-shadow);isolation:isolate;animation:card-arrive .8s cubic-bezier(.2,.75,.2,1) both}
.card-heading{display:flex;align-items:center;gap:12px;padding:21px 23px;border-bottom:1px solid var(--line)}
.brand-mark{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--accent-soft);flex:none}
.brand-mark img{display:block;width:26px;height:26px}
.identity{min-width:0;flex:1}
.identity h1{font-size:15px;line-height:1.35;font-weight:650;letter-spacing:-.02em;margin:0 0 4px}
.identity p{margin:0;color:var(--muted);font-size:11px;line-height:1.4}
.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--success);margin-right:5px;vertical-align:1px}
.demo-badge{font-size:8px;font-weight:500;letter-spacing:.06em;line-height:1.2;color:var(--subtle);text-transform:uppercase;white-space:nowrap}
.conversation-viewport{height:520px;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;scroll-behavior:auto;outline:none}
.conversation-viewport::-webkit-scrollbar{display:none}
.conversation-track{padding:24px 23px 30px;opacity:1;transition:opacity .65s ease;min-height:100%}
[data-resetting="true"] .conversation-track{opacity:0}
.message{margin-bottom:25px}
.message:last-child{margin-bottom:0}
.message.is-visible{animation:message-in .42s cubic-bezier(.2,.7,.2,1) both}
.user-message{max-width:92%;width:fit-content;margin-left:auto;border:1px solid color-mix(in srgb,var(--accent) 11%,transparent);border-radius:12px 12px 3px 12px;background:var(--accent-soft);padding:12px 15px;font-size:13px;line-height:1.65;letter-spacing:-.008em;color:var(--ink)}
.assistant-heading{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.5;font-weight:550;color:var(--muted);margin-bottom:11px}
.assistant-heading img{width:15px;height:15px;display:block}
.assistant-copy{font-size:12.5px;line-height:1.7;margin:0;color:var(--muted);letter-spacing:-.005em}
[data-stream]{position:relative}
[data-stream].is-streaming::after{content:"";display:inline-block;width:2px;height:12px;background:var(--accent);margin-left:3px;vertical-align:-1px;animation:caret .8s steps(1) infinite}
.blockers{margin-top:15px}
.blocker{display:grid;grid-template-columns:7px minmax(0,1fr);gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}
.blocker.is-visible{animation:message-in .4s ease both}
.blocker:first-child{padding-top:0}
.blocker-dot{width:5px;height:5px;border-radius:50%;margin-top:6px;background:var(--warning)}
.blocker:nth-child(2) .blocker-dot{background:var(--accent)}
.blocker h2{font-size:12px;font-weight:600;line-height:1.55;margin:0 0 4px;color:var(--ink);letter-spacing:-.01em}
.blocker .assistant-copy{font-size:12px;min-height:20px}
.source-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px}
.source-chip{display:inline-flex;gap:5px;align-items:center;font-size:9px;line-height:1.6;color:var(--subtle);padding:3px 6px;border:1px solid var(--line);border-radius:5px;background:var(--surface-subtle)}
.icon{width:13px;height:13px;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.source-chip .icon{width:11px;height:11px}
.result-card{border:1px solid var(--line-strong);border-radius:9px;background:var(--surface-subtle);margin-top:13px;overflow:hidden}
.result-card.is-visible{animation:message-in .45s cubic-bezier(.2,.75,.2,1) both}
.result-topline{display:flex;align-items:center;gap:6px;padding:10px 12px 0;font-size:9px;font-weight:500;color:var(--muted)}
.result-topline>.icon{width:12px;height:12px;color:var(--accent)}
.task-body{display:flex;gap:11px;align-items:flex-start;padding:10px 12px 11px}
.task-cover{width:42px;height:42px;object-fit:cover;border-radius:6px;flex:none;border:1px solid var(--line)}
.task-content{min-width:0;flex:1}
.task-title{font-size:12px;line-height:1.5;font-weight:550;margin:0 0 6px;letter-spacing:-.01em}
.task-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:10px;line-height:1.5}
.task-meta span{display:inline-flex;align-items:center;gap:4px}
.task-meta .icon{width:11px;height:11px}
.avatar{width:20px;height:20px;object-fit:cover;border-radius:50%;border:1px solid var(--line);display:inline-block;vertical-align:middle;flex:none}
.status{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);border-radius:5px;background:var(--surface);font-size:8px;font-weight:500;line-height:1.5;padding:3px 6px;white-space:nowrap;color:var(--muted)}
.status::before{content:"";height:4px;width:4px;border:1px solid var(--subtle);border-radius:50%}
.result-footer{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line);padding:8px 12px;font-size:9px;line-height:1.4;color:var(--subtle)}
.result-footer .icon{width:11px;height:11px}
.message-preview{padding:12px 13px}
.recipient{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink);font-weight:550;line-height:1.5}
.recipient small{font-size:9px;color:var(--subtle);font-weight:400;margin-left:auto}
.message-text{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0 0;padding-left:27px}
.sent-line{display:flex;align-items:center;gap:5px;padding:0 13px 11px 40px;font-size:10px;color:var(--success);line-height:1.4}
.sent-line .icon{width:12px;height:12px}
[data-paused="true"] *,[data-paused="true"] *::before,[data-paused="true"] *::after{animation-play-state:paused!important}
.embedded .demo-stage{padding:0;min-height:0;display:block}
.embedded,.embedded body{background:transparent}:root.embedded{color-scheme:normal}
.embedded .xander-card{width:100%;max-width:none;box-shadow:none;animation:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes card-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes message-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:480px){.demo-stage{padding:14px 10px}.card-heading{padding:18px 18px}.conversation-track{padding:22px 18px 26px}.conversation-viewport{height:520px}.demo-badge{font-size:7px}.user-message{font-size:12px;max-width:94%;padding:11px 12px}.task-body{gap:8px}.task-cover{width:34px;height:40px}.task-meta{gap:7px}.task-title{font-size:11px}.task-meta{font-size:9px}.status{font-size:7px;padding:3px 5px}.message-text{padding-left:0}.sent-line{padding-left:13px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.conversation-track{transition:none}}

.conversation-viewport:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:0 0 12px 12px}
[data-review]:not([data-review=""]) *,[data-review]:not([data-review=""]) *::after{animation:none!important;transition:none!important}

[data-review]:not([data-review=""]){animation:none!important}