:root{color:#e9efed;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--canvas:#0b0e11;--panel:#11161a;--panel-2:#151b20;--panel-3:#1b2228;--line:#293139;--line-soft:#20272d;--text:#e9efed;--muted:#8e9a96;--faint:#59635f;--teal:#68c7b1;--teal-dark:#173f39;--teal-soft:#b9eadf;--green:#63c48a;--red:#df7e7e;background:#0b0e11;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:var(--canvas);overflow-x:hidden}button{font:inherit;color:inherit}svg{display:block}.demo{background-color:var(--canvas);background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;flex-direction:column;width:100%;min-height:100dvh;display:flex;overflow:hidden}.demo-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;width:min(1500px,100% - 64px);height:66px;margin:0 auto;display:flex}.wordmark{color:var(--text);letter-spacing:-.01em;align-items:center;gap:11px;font-size:14px;font-weight:680;text-decoration:none;display:flex}.companion-mark{width:29px;height:29px}.companion-mark rect{fill:var(--teal)}.companion-mark path{fill:none;stroke:#0c2420;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.header-meta{align-items:center;gap:14px;display:flex}.demo-label{color:var(--muted);text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:8px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:10px;display:inline-flex}.demo-label i,.truth-source i{background:var(--green);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #63c48a1a}.replay{border:1px solid var(--line);color:#b8c2bf;cursor:pointer;background:#12171b;border-radius:7px;align-items:center;gap:7px;height:32px;padding:0 11px;font-size:11px;display:inline-flex}.replay:hover{color:var(--text);border-color:#435049}.replay:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.replay svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:14px}.intro{text-align:center;flex:none;padding:30px 24px 24px}.capture-brand,.og-subtitle{display:none}.kicker{color:var(--teal);letter-spacing:.18em;margin:0 0 10px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:700}.intro h1{color:var(--text);letter-spacing:-.045em;margin:0;font-size:clamp(32px,3.1vw,48px);line-height:1.05}.intro h1 span{color:#93a09c;font-weight:520}.intro>p:not(.kicker){color:#9da9a5;margin:12px 0 0;font-size:14px;line-height:1.48}.trust-tags{color:#7f8c87;justify-content:center;align-items:center;gap:10px;margin-top:15px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:9px;display:flex}.trust-tags i{background:#44504b;border-radius:50%;width:2px;height:2px}.product-stage{flex:560px;grid-template-columns:minmax(650px,1fr) 165px 294px;align-items:center;gap:22px;width:min(1450px,100% - 64px);min-height:470px;margin:0 auto;display:grid}.desktop-device{background:#101418;border:1px solid #323b42;border-radius:12px;min-width:0;height:clamp(460px,54vh,545px);margin:0;overflow:hidden;box-shadow:0 24px 70px #00000047}.window-chrome{color:#89938f;background:#161b20;border-bottom:1px solid #252c31;grid-template-columns:1fr auto 1fr;align-items:center;height:38px;padding:0 14px;font-size:9px;display:grid}.window-dots{gap:6px;display:flex}.window-dots i{border:1px solid #4a5550;border-radius:50%;width:7px;height:7px}.window-platform{color:#5f6a66;justify-self:end}.desktop-body{grid-template-columns:202px minmax(0,1fr);height:calc(100% - 38px);display:grid}.desktop-sidebar{background:#13181c;border-right:1px solid #252c31;min-width:0;padding:16px 10px}.desktop-app-title{align-items:center;gap:8px;padding:0 8px 19px;font-size:12px;font-weight:650;display:flex}.desktop-app-title svg{fill:none;stroke:#1a2926;stroke-width:1.45px;background:#c6d1ce;border-radius:5px;width:19px;height:19px}.desktop-sidebar>p{color:#65706c;letter-spacing:.13em;margin:7px 8px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:8px}.project-row{color:#b4bdb9;grid-template-columns:17px minmax(0,1fr) auto;align-items:center;gap:7px;height:32px;padding:0 8px;font-size:10px;display:grid}.project-row svg,.phone-project svg{fill:none;stroke:#7f8c87;stroke-width:1.4px;stroke-linejoin:round;width:14px}.project-row small{color:#56605c}.desktop-thread{text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;width:calc(100% - 16px);min-height:48px;margin:2px 8px 10px;padding:7px 9px;display:flex}.desktop-thread.selected{box-shadow:inset 2px 0 var(--teal);background:#1a2421;border-color:#314039}.desktop-thread span{color:#d1dad7;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9px;overflow:hidden}.desktop-thread time{color:#69736f;font-size:7px}.sidebar-fade-row{background:#1d2327;border-radius:4px;width:calc(100% - 24px);height:7px;margin:15px 12px}.sidebar-fade-row.short{width:45%}.desktop-thread-view{background:#101418;grid-template-rows:62px minmax(0,1fr) 63px;min-width:0;height:100%;display:grid}.thread-heading{border-bottom:1px solid #20262b;justify-content:space-between;align-items:center;gap:16px;padding:0 19px;display:flex}.thread-heading small{color:#66716d;letter-spacing:.12em;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:7px}.thread-heading h2{color:#dfe6e3;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;font-weight:580;overflow:hidden}.real-thread{color:#91cdbc;letter-spacing:.08em;border:1px solid #28433c;border-radius:5px;flex:none;align-items:center;gap:6px;padding:5px 7px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:7px;display:inline-flex}.real-thread i{background:var(--teal);border-radius:50%;width:5px;height:5px}.desktop-messages{padding:18px clamp(18px,5%,38px);overflow:hidden}.desktop-message{opacity:1;width:min(90%,540px);margin:0 0 15px;animation:.28s both rise-in;position:relative}.desktop-message.from-user{background:#18231f;border:1px solid #2d3c37;border-radius:9px 9px 3px;margin-left:auto;padding:9px 11px}.desktop-message small{color:#6f7a76;margin-bottom:4px;font-size:7px;font-weight:700;display:block}.desktop-message p{color:#c9d2cf;margin:0;font-size:10px;line-height:1.5}.desktop-message.pending{opacity:.68}.syncing{color:#63706a;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:6px;position:absolute;bottom:-13px;right:7px}.execution-card{background:#13181d;border:1px solid #273039;border-radius:8px;width:min(96%,570px);padding:10px 12px;animation:.28s both rise-in}.execution-title{color:#bdc6c2;align-items:center;gap:7px;margin-bottom:7px;font-size:9px;display:flex}.spinner{border:1.5px solid #34413c;border-top-color:var(--teal);border-radius:50%;width:11px;height:11px;animation:1s linear infinite spin}.check{color:#77d29c;background:#173c2b;border-radius:50%;place-items:center;width:12px;height:12px;font-size:8px;display:grid}.execution-card ol{margin:0;padding:0 0 0 18px;list-style:none}.execution-card li{opacity:0;color:#88938f;align-items:center;gap:7px;height:0;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:8px;transition:height .2s,opacity .2s;display:flex;overflow:hidden}.execution-card li.visible{opacity:1;height:17px}.execution-card li i{border-radius:50%;flex:none;width:5px;height:5px}.execution-card li i.neutral{background:#697570}.execution-card li i.failure{background:var(--red)}.execution-card li i.success{background:var(--green)}.desktop-composer{color:#626d69;background:#151a1e;border:1px solid #2a3238;border-radius:8px;justify-content:space-between;align-items:center;margin:8px 18px 12px;padding:0 10px 0 13px;font-size:9px;display:flex}.desktop-composer button{color:#6f7d78;background:#26302c;border:0;border-radius:6px;width:25px;height:25px}.connection{flex-direction:column;justify-content:center;align-self:center;align-items:center;height:290px;display:flex;position:relative}.connection-line{background:#334039;height:1px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.connection-line:before,.connection-line:after{content:"";background:#53605a;border-radius:50%;width:5px;height:5px;position:absolute;inset:-2px auto auto}.connection-line:before{left:0}.connection-line:after{right:0}.line-dot{display:none}.packet{border:2px solid var(--canvas);background:var(--teal);opacity:0;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;left:7px;box-shadow:0 0 0 3px #68c7b11f}.connection.outbound .packet{opacity:1;animation:.75s ease-in-out both packet-out}.connection.inbound .packet{opacity:1;animation:.75s ease-in-out both packet-in}.relay-node{z-index:2;color:#b4bfbb;background:#111619;border:1px solid #334039;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.relay-node svg{fill:none;stroke:#7f938b;stroke-width:1.4px;stroke-linecap:round;width:19px;margin-bottom:5px}.relay-node strong{font-size:9px;font-weight:650}.relay-node small{color:#5f6b66;margin-top:2px;font-size:6px}.endpoint-label{color:#697570;white-space:nowrap;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:7px;position:absolute}.desktop-label{top:calc(50% + 14px);left:2px}.phone-label{top:calc(50% + 14px);right:2px}.wss-label{color:#67736e;opacity:.62;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:7px;position:absolute;top:calc(50% - 26px)}.connection.outbound .relay-node,.connection.inbound .relay-node{border-color:#4b7368}.connection.outbound .wss-label,.connection.inbound .wss-label{color:var(--teal);opacity:1}.phone-device{background:#151a1e;border:1px solid #3b444b;border-radius:34px;width:286px;height:clamp(500px,57vh,570px);margin:0 auto;padding:10px;position:relative;box-shadow:0 22px 65px #00000057}.phone-device:before,.phone-device:after{content:"";background:#343d43;border-radius:2px 0 0 2px;width:3px;position:absolute;left:-3px}.phone-device:before{height:45px;top:104px}.phone-device:after{height:66px;top:163px}.phone-speaker{z-index:3;background:#2c3439;border-radius:999px;width:48px;height:4px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:#101418;border:1px solid #242b30;border-radius:25px;height:100%;overflow:hidden}.phone-browser-bar{color:#69736f;text-align:center;grid-template-columns:16px 1fr 8px;align-items:center;gap:4px;height:31px;padding:6px 11px 0;font-size:7px;display:grid}.phone-browser-bar i{background:#5e6864;border-radius:50%;width:3px;height:3px;box-shadow:0 5px #5e6864,0 -5px #5e6864}.lock-icon{color:#76817c;transform:rotate(-28deg)}.phone-app-bar{color:#d4dcd9;border-bottom:1px solid #242b30;grid-template-columns:23px minmax(0,1fr) 8px;align-items:center;gap:8px;height:44px;padding:0 13px;font-size:10px;font-weight:650;display:grid}.phone-app-bar .companion-mark{width:22px;height:22px}.online-dot{background:#56605c;border-radius:50%;width:6px;height:6px}.phone-device.connected .online-dot{background:var(--green);box-shadow:0 0 0 3px #63c48a1a}.phone-waiting{color:#737e79;flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 75px);display:flex}.phone-waiting>span{border:1px solid #344039;border-radius:8px;width:37px;height:58px;margin-bottom:13px}.phone-waiting p{margin:0;font-size:10px}.phone-waiting small{color:#4f5955;margin-top:5px;font-size:7px}.thread-picker{padding:29px 17px;animation:.28s both rise-in}.connected-label{color:#7e8985;margin:0 0 3px;font-size:8px}.thread-picker h3{color:#dce3e1;letter-spacing:.02em;align-items:center;gap:6px;margin:0;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:12px;display:flex}.thread-picker h3 i{background:var(--green);border-radius:50%;width:6px;height:6px}.phone-section-label{color:#616c67;letter-spacing:.12em;margin:29px 0 8px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:7px}.phone-thread-card{text-align:left;background:#151c1a;border:1px solid #2a3430;border-radius:9px;flex-direction:column;align-items:flex-start;gap:6px;width:100%;padding:12px;display:flex;position:relative}.phone-project{color:#7c8883;align-items:center;gap:6px;font-size:7px;display:flex}.phone-thread-card strong{color:#d5ddda;font-size:9px;line-height:1.4}.phone-thread-card small{color:#6c7873;font-size:7px}.phone-thread-card small b{color:var(--teal);font-size:12px}.tap-ring{border:1px solid var(--teal);opacity:0;border-radius:50%;width:18px;height:18px;animation:.75s .35s both tap;position:absolute;bottom:18px;right:22px}.phone-thread-view{grid-template-rows:48px minmax(0,1fr) auto 50px;height:calc(100% - 75px);animation:.25s both rise-in;display:grid}.phone-thread-heading{border-bottom:1px solid #20272c;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px;min-width:0;padding:0 10px;display:grid}.phone-thread-heading button{color:#9aa5a1;background:0 0;border:0;font-size:20px}.phone-thread-heading div{min-width:0}.phone-thread-heading small{color:#5e6964;letter-spacing:.08em;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:6px;display:block}.phone-thread-heading strong{color:#cbd3d0;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;display:block;overflow:hidden}.phone-messages{padding:12px 10px 8px;overflow:hidden}.phone-bubble{color:#aeb8b4;max-width:88%;margin-bottom:10px;font-size:7.5px;line-height:1.55;animation:.25s both rise-in}.phone-bubble.user{color:#c8dfd8;background:#1a302a;border-radius:8px 8px 3px;margin-left:auto;padding:7px 8px}.phone-bubble.codex{padding:2px}.phone-bubble small{color:#6e7d77;text-align:right;margin-top:4px;font-size:5.5px;display:block}.phone-result{color:#aeb9b5;font-size:7.5px;line-height:1.5;animation:.3s both rise-in}.phone-author{color:#697570;font-size:6px;font-weight:700}.phone-result p{margin:4px 0}.phone-result strong{color:#8bd7a6;background:#14261b;border:1px solid #28523a;border-radius:5px;align-items:center;gap:5px;margin-top:6px;padding:5px 7px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:7px;display:inline-flex}.phone-result strong i{font-style:normal}.same-thread{color:#8cc7b7;background:#13201d;border:1px solid #24463d;border-radius:6px;justify-content:center;align-items:center;gap:5px;margin:0 10px 3px;padding:6px;font-size:6.5px;animation:.25s both rise-in;display:flex}.same-thread svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:11px}.phone-composer{color:#5f6a66;background:#151a1e;border:1px solid #2b3339;border-radius:8px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:7px;margin:7px 9px 9px;padding:0 5px 0 9px;font-size:6.5px;display:grid}.phone-composer span{min-width:0;line-height:1.3}.phone-composer.typing{color:#b9c6c1;border-color:#3b5a51}.phone-composer button{background:var(--teal);color:#10231e;border:0;border-radius:6px;width:24px;height:24px;font-weight:800}.phone-composer button.sending{animation:.35s both button-press}.caret{background:var(--teal);width:1px;height:8px;margin-left:1px;animation:.7s step-end infinite blink;display:inline-block}.demo-footer{border-top:1px solid var(--line-soft);color:#68736f;flex:0 0 52px;justify-content:space-between;align-items:center;width:min(1450px,100% - 64px);height:52px;margin:0 auto;font-size:9px;display:flex}.step-copy{color:#8f9b96}.truth-source{align-items:center;gap:8px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}@keyframes button-press{50%{transform:scale(.86)}}@keyframes tap{0%{opacity:0;transform:scale(.5)}30%{opacity:.9}to{opacity:0;transform:scale(1.8)}}@keyframes packet-out{0%{left:calc(100% - 16px)}to{left:7px}}@keyframes packet-in{0%{left:7px}to{left:calc(100% - 16px)}}html[data-capture=readme] .demo-header,html[data-capture=og] .demo-header,html[data-capture=readme] .demo-footer,html[data-capture=og] .demo-footer{display:none}html[data-capture=readme] .demo,html[data-capture=og] .demo{height:100vh;min-height:0;overflow:hidden}html[data-capture=readme] .capture-brand,html[data-capture=og] .capture-brand{color:#cbd5d1;letter-spacing:.01em;margin:0 0 7px;font-size:13px;font-weight:650;display:block}html[data-capture=readme] .intro{padding-top:44px}html[data-capture=readme] .product-stage{padding-bottom:38px}html[data-capture=og] .intro{padding:22px 20px 12px}html[data-capture=og] .capture-brand{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:10px}html[data-capture=og] .kicker,html[data-capture=og] .intro>p:not(.kicker):not(.og-subtitle):not(.capture-brand),html[data-capture=og] .trust-tags{display:none}html[data-capture=og] .intro h1{font-size:38px}html[data-capture=og] .og-subtitle{color:#9da9a5;margin:8px 0 0;font-size:11px;line-height:1.4;display:block}html[data-capture=og] .product-stage{flex:auto;grid-template-columns:minmax(530px,1fr) 120px 235px;gap:15px;width:calc(100% - 58px);min-height:0;padding-bottom:14px}html[data-capture=og] .desktop-device{height:380px}html[data-capture=og] .phone-device{width:230px;height:390px}html[data-capture=og] .phone-bubble:not(.new-command){display:none}html[data-capture=og] .execution-card li.visible{height:13px}@media (width<=1050px){.product-stage{grid-template-columns:minmax(510px,1fr) 92px 250px;gap:12px;width:min(930px,100% - 32px)}.desktop-body{grid-template-columns:164px minmax(0,1fr)}.phone-device{width:244px}.endpoint-label{display:none}.desktop-sidebar{padding-left:7px;padding-right:7px}}@media (width<=820px){.demo{overflow:visible}.demo-header{width:calc(100% - 32px)}.demo-label{display:none}.intro{padding:28px 20px 20px}.wide-break{display:none}.trust-tags{flex-wrap:wrap}.product-stage{flex-direction:column;gap:22px;width:calc(100% - 28px);display:flex}.desktop-device{width:100%;min-height:410px}.desktop-sidebar{display:none}.desktop-body{display:block}.desktop-thread-view{height:100%}.connection{flex:0 0 82px;width:260px;height:82px;transform:rotate(90deg)}.connection .relay-node{transform:rotate(-90deg)}.connection .wss-label{transform:rotate(-90deg)translateY(-26px)}.phone-device{width:286px;min-height:520px}.demo-footer{gap:18px;width:calc(100% - 32px);height:auto;min-height:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}