.cdp{--status-h:72px;--wire:#bfb5a5;--cdp-ease:cubic-bezier(.23, 1, .32, 1);--cdp-dur:.18s;flex-direction:column;min-height:100dvh;font-size:16px;display:flex}.cdp main{flex:1 0 auto}:where(.cdp) :is(h1,h2,h3,p){margin:0;font-weight:500}:where(.cdp) button:where(:not(.d4-cta)){font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;padding:0}:where(.cdp) a{color:inherit;text-decoration:none}.cdp :focus-visible{border-radius:3px;outline:none;box-shadow:0 0 0 3px #2563eb47}.cdp .num{font-variant-numeric:tabular-nums}.cdp .board{border-top:1px solid var(--stone-20);scroll-margin-top:var(--nav-h);min-height:calc(100dvh - var(--nav-h));flex-direction:column;justify-content:center;padding-bottom:88px;display:flex;position:relative}.cdp .board>.wrap{width:100%}.cdp .status{height:var(--status-h);border-bottom:1px solid var(--stone-20);justify-content:space-between;align-items:center;gap:16px;display:flex}.cdp .status-r{align-items:center;gap:16px;min-width:0;margin-left:auto;display:flex}.cdp .timer{color:var(--ink);text-align:right;min-width:4.2ch;font-size:15px}.cdp .board[data-state=idle] .timer{display:none}.cdp .view-switch{gap:16px;display:flex}.cdp .view-switch button{font:inherit;color:var(--ink-40);cursor:pointer;transition:color var(--cdp-dur) var(--cdp-ease), border-color var(--cdp-dur) var(--cdp-ease);background:0 0;border:0;border-bottom:1px solid #0000;padding:4px 0;font-size:15px}.cdp .view-switch button:hover{color:var(--ink-60)}.cdp .view-switch button.is-on{color:var(--ink);border-bottom-color:var(--ink)}.cdp .view-switch button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.cdp .status .simbar{margin-left:8px}.cdp .how{font:inherit;color:var(--ink-60);white-space:nowrap;cursor:pointer;transition:color var(--cdp-dur) var(--cdp-ease);background:0 0;border:0;align-items:center;gap:6px;padding:4px 0;font-size:15px;display:inline-flex}.cdp .how svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;width:16px;height:16px}.cdp .how svg circle:last-child{fill:currentColor;stroke:none}.cdp .how:hover{color:var(--ink)}.cdp .how:focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:none}@media (min-width:861px){.cdp .status .simbar{order:-1;margin-left:0}.cdp .view-switch{margin-left:auto}.cdp .status-r{margin-left:4px}.cdp .how-t{display:none}.cdp .how svg{width:18px;height:18px}}.cdp .body{height:clamp(460px, calc(100dvh - var(--nav-h) - var(--status-h) - 112px), 660px);border-bottom:1px solid var(--stone-20);grid-template-columns:minmax(0,1fr) 156px minmax(0,1fr);display:grid;position:relative}.cdp .transcript{border-right:1px solid var(--stone-20);scrollbar-width:none;flex-direction:column;gap:18px;padding:28px 32px 32px 0;display:flex;position:relative;overflow-y:auto}.cdp .transcript::-webkit-scrollbar{display:none}.cdp .transcript.has-more{-webkit-mask-image:linear-gradient(#000 calc(100% - 48px),#0000);mask-image:linear-gradient(#000 calc(100% - 48px),#0000)}.cdp .idle{text-align:center;max-width:30ch;color:var(--ink-60);margin:auto;font-size:17px;line-height:1.5}.cdp .idle-ellie{width:72px;height:72px;margin:0 auto 12px;display:block}.cdp .idle a{color:var(--ink);border-bottom:1px solid var(--stone-20)}.cdp .idle a:hover{border-color:var(--ink)}.cdp .row{grid-template-columns:52px minmax(0,1fr);align-items:baseline;gap:0 12px;display:grid}.cdp .ts{color:var(--ink-40);font-size:13px}.cdp .tool-stack{min-width:0}.cdp .tool-stack>.text{margin-bottom:18px}.cdp .row-assistant .text,.cdp .row-caller .text,.cdp .tool-stack>.text{text-wrap:pretty;max-width:58ch;font-size:16px;line-height:1.5}.cdp .row-caller .text{text-align:right;max-width:44ch;color:var(--ink-60);justify-self:end}.cdp .row-sys .text{color:var(--ink-40);padding-top:3px;font-size:14px}.cdp .row-sys .text b{color:var(--ink-60);font-weight:500}.cdp .enter{animation:cdp-enter .26s var(--cdp-ease) both}@keyframes cdp-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.cdp .tcall{border-top:1px solid var(--stone-20);border-bottom:1px solid var(--stone-20);transition:border-color .3s var(--cdp-ease)}.cdp .tcall-head{--line:22px;width:100%;font-size:15px;line-height:var(--line);text-align:left;align-items:flex-start;gap:12px;padding:11px 0;display:flex}.cdp .tcall-head .jack{margin-top:calc((var(--line) - 8px) / 2)}.cdp .jack{border:1px solid var(--ink-40);background:var(--stone-00);width:8px;height:8px;transition:background .2s var(--cdp-ease), border-color .2s var(--cdp-ease), box-shadow .2s var(--cdp-ease);border-radius:1px;flex:none}.cdp .jack.is-live{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px #2563eb2e}.cdp .jack.is-used{background:var(--ink);border-color:var(--ink)}.cdp .jack.is-failed{background:0 0;border-color:#0000;position:relative}.cdp .jack.is-failed:before,.cdp .jack.is-failed:after{content:"";background:var(--ink);border-radius:1px;width:10px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.cdp .jack.is-failed:after{transform:translate(-50%,-50%)rotate(-45deg)}.cdp .tcall-head .jack.is-live{background:var(--ink-40);border-color:var(--ink-40);box-shadow:none}.cdp .tcall-head .what{flex-direction:column;min-width:0;display:flex}.cdp .tcall-head .act{font-weight:500}.cdp .tcall-head .where{color:var(--ink-60);font-size:14px;font-weight:400;line-height:20px}.cdp .tcall-head .lat{color:var(--ink-40);white-space:nowrap;margin-left:auto;font-size:14px}.cdp .tcall-head .lat.pending:after{content:"…"}.cdp .tcall-head .chev{width:14px;height:14px;margin-top:calc((var(--line) - 14px) / 2);color:var(--ink-40);transition:transform var(--cdp-dur) var(--cdp-ease), color var(--cdp-dur) var(--cdp-ease);flex:none}.cdp .tcall-head .chev svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;display:block}.cdp .tcall-head:disabled{cursor:default}.cdp .tcall-head:hover .chev{color:var(--ink)}.cdp .tcall-head[aria-expanded=true] .chev{transform:rotate(180deg)}.cdp .tcall-body{gap:14px;padding:4px 0 14px 20px;display:grid}.cdp .payload h3{color:var(--ink);margin-bottom:4px;font-size:14px}.cdp .kv{max-height:280px;overflow:auto}.cdp .kv-row{border-top:1px solid var(--stone-10);grid-template-columns:minmax(72px,120px) minmax(0,1fr);gap:12px;padding:5px 0;font-size:14px;line-height:1.4;display:grid}.cdp .kv-row:first-child{border-top:0}.cdp .kv-row .kk{color:var(--ink-40);overflow-wrap:anywhere}.cdp .kv-row .vv{color:var(--ink);overflow-wrap:anywhere}.cdp .kv-row .vv.empty{color:var(--ink-40)}.cdp .kv-row[data-d="1"]{padding-left:16px}.cdp .kv-row[data-d="2"]{padding-left:32px}.cdp .kv-row[data-d="3"]{padding-left:48px}.cdp .kv-row[data-d]:not([data-item]){padding-left:0}.cdp .kv-row[data-d="1"]:not([data-item]){border-top:0}.cdp .kv-row[data-d="1"]:not([data-item]) .kk{padding-left:16px}.cdp .kv-row[data-d="2"]:not([data-item]) .kk{padding-left:32px}.cdp .kv-row[data-d="3"]:not([data-item]) .kk{padding-left:48px}.cdp .kv-row.cut .kk,.cdp .kv-row.cut .vv{color:var(--ink-40);text-decoration:line-through}.cdp .kv-row.group .kk{color:var(--ink-60)}.cdp .node-col{justify-content:center;align-items:center;display:flex;position:relative}.cdp .ellie{z-index:2;background:var(--stone-00);border:1px solid var(--ink);border-radius:3px;width:100px;padding:12px 12px 10px;position:relative}.cdp .ellie .wave{align-items:flex-end;gap:3px;height:18px;margin-bottom:10px;display:flex}.cdp .ellie .wave i{background:var(--ink);width:3px;height:4px;transition:height .24s var(--cdp-ease), background .24s var(--cdp-ease);border-radius:1px;display:block}.cdp .ellie.is-speaking .wave i{animation:.9s ease-in-out infinite cdp-wave}.cdp .ellie.is-speaking .wave i:nth-child(2){animation-delay:-150ms}.cdp .ellie.is-speaking .wave i:nth-child(3){animation-delay:-300ms}.cdp .ellie.is-speaking .wave i:nth-child(4){animation-delay:-450ms}.cdp .ellie.is-speaking .wave i:nth-child(5){animation-delay:-600ms}@keyframes cdp-wave{0%,to{height:4px}50%{height:18px}}.cdp .ellie.is-listening .wave i{background:var(--ink-40);height:7px}.cdp .ellie.is-calling .wave i{background:var(--ink-40);height:4px}.cdp .ellie .name{letter-spacing:-.01em;font-size:20px;font-weight:500;line-height:1.1}.cdp .ellie .state{color:var(--ink-40);margin-top:6px;font-size:13px;line-height:1.35}.cdp .ellie.is-calling .state,.cdp .ellie.is-speaking .state{color:var(--ink-60)}.cdp .ellie .jack-out,.cdp .ellie .jack-in{border:1px solid var(--ink);background:var(--stone-00);border-radius:1px;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%}.cdp .ellie .jack-out{right:-5px}.cdp .ellie .jack-in{left:-5px}.cdp .ellie.is-calling .jack-out{background:var(--accent);border-color:var(--accent)}.cdp .board[data-state=live] .ellie .jack-in{background:var(--ink)}.cdp .board[data-state=idle] .ellie,.cdp .board[data-state=idle] .ellie .jack-out,.cdp .board[data-state=idle] .ellie .jack-in{border-color:var(--stone-20)}.cdp .board[data-state=idle] .ellie .wave i{background:var(--stone-20)}.cdp .wires{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.cdp .wire{fill:none;stroke:var(--stone-20);stroke-width:1px;transition:stroke .4s var(--cdp-ease), stroke-width .4s var(--cdp-ease)}.cdp .wire.is-live{stroke:var(--accent);stroke-width:1.5px}.cdp .wire.is-used{stroke:var(--ink-60)}.cdp .pulse{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;opacity:1;stroke-dasharray:.14 1.86}.cdp .pulse.out{animation:.62s cubic-bezier(.4,0,.2,1) forwards cdp-travel-out}.cdp .pulse.back{animation:.62s cubic-bezier(.4,0,.2,1) forwards cdp-travel-back}@keyframes cdp-travel-out{0%{stroke-dashoffset:.14px;opacity:1}to{stroke-dashoffset:-1px;opacity:0}}@keyframes cdp-travel-back{0%{stroke-dashoffset:-1px;opacity:1}to{stroke-dashoffset:.14px;opacity:0}}.cdp .wire-in{fill:none;stroke:var(--wire);stroke-width:1px;transition:stroke .4s var(--cdp-ease)}.cdp .board[data-state=live] .wire-in{stroke:var(--ink-40)}.cdp .side{z-index:2;border-left:1px solid var(--stone-20);flex-direction:column;min-height:0;display:flex;position:relative}.cdp .rail{flex-direction:column;flex:auto;justify-content:space-evenly;padding:22px 0 18px clamp(24px,20%,128px);display:flex}.cdp .sys{border-top:1px solid var(--stone-10);padding:12px 0 6px}.cdp .sys:first-child{border-top:0;padding-top:0}.cdp .sys-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px;display:flex}.cdp .sys-name{font-size:15px;font-weight:500}.cdp .sys-vendor{color:var(--ink-40);font-size:13px}.cdp .sys.is-flash .sys-name{animation:cdp-sysflash 1.4s var(--cdp-ease) both}@keyframes cdp-sysflash{0%,80%{color:var(--accent)}to{color:var(--ink)}}.cdp .port{grid-template-columns:8px minmax(0,1fr);align-items:center;column-gap:12px;padding:4px 0;display:grid}.cdp .port .plabel{color:var(--ink-60);white-space:nowrap;text-overflow:ellipsis;transition:color .2s var(--cdp-ease);font-size:14px;overflow:hidden}.cdp .port.is-live .plabel{color:var(--accent)}.cdp .port.is-used .plabel{color:var(--ink)}.cdp .board[data-state=idle] .port .jack{border-color:var(--stone-20)}@media (min-width:861px) and (max-height:820px){.cdp .rail{padding-top:14px;padding-bottom:10px}.cdp .sys{padding:7px 0 3px}.cdp .sys-head{margin-bottom:2px}.cdp .port{padding:2px 0}}@media (max-width:860px){.cdp .body{flex-direction:column;height:auto;display:flex}.cdp .wires{display:none}.cdp .side{display:contents}.cdp .rail{border-left:0;border-bottom:1px solid var(--stone-20);-webkit-overflow-scrolling:touch;order:1;padding:0;display:flex;overflow:auto hidden}.cdp .sys{border-top:0;border-left:1px solid var(--stone-20);flex:none;min-width:196px;padding:12px 16px 10px}.cdp .sys:first-child{border-left:0;padding-left:0}.cdp .sys-name{font-size:15px}.cdp .port{padding:4px 0}.cdp .port .plabel{font-size:14px}.cdp .node-col{flex:none;order:1;padding:16px 0 36px}.cdp .ellie .jack-out,.cdp .ellie .jack-in{display:none}.cdp .transcript{border-right:0;order:3;min-height:320px;max-height:60vh;padding:0}.cdp .row{grid-template-columns:44px minmax(0,1fr);gap:0 10px}.cdp .ts{font-size:12px}.cdp .row-assistant .text,.cdp .row-caller .text,.cdp .tool-stack>.text{font-size:14px}.cdp .row-caller .text{max-width:88%}.cdp .status{gap:10px}.cdp .status-r{flex:none;gap:12px}.cdp .tcall-head{font-size:13.5px}.cdp .tcall-body{padding-left:0}.cdp .kv-row{grid-template-columns:minmax(80px,120px) minmax(0,1fr);gap:10px;font-size:13.5px}.cdp .timer,.cdp .board[data-mode=live][data-state=idle] .node-col{display:none}}@media (prefers-reduced-motion:reduce){.cdp .enter{animation:none}.cdp .ellie.is-speaking .wave i{height:12px;animation:none}.cdp .pulse.out,.cdp .pulse.back{opacity:0;animation:none}.cdp .sys.is-flash .sys-name{animation:none}.cdp .wire,.cdp .jack,.cdp .tcall,.cdp .tel,.cdp .tcall-head .chev{transition:none}}.cdp-cards main{padding:48px 0 96px}.cdp-cards h1{margin:0 0 32px;font-size:32px}.cdp-cards .cards-tool{border-top:1px solid var(--stone-20);padding:28px 0}.cdp-cards .cards-tool h2{margin:0 0 16px;font-size:18px;font-weight:500}.cdp-cards .cards-tool h2 span{color:var(--ink-40)}.cdp-cards .cards-states{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px;display:grid}.cdp-cards .cards-opened{flex-wrap:wrap;grid-column:1/-1;align-items:flex-start;gap:32px;display:flex}.cdp-cards .cards-opened .cards-state{width:min(100%,450px)}.cdp-cards .cards-state>h3{color:var(--ink-40);margin:0 0 10px;font-size:13px;font-weight:400}@media (max-width:900px){.cdp-cards .cards-states{grid-template-columns:1fr}}.cdp .kv-row.item-head{display:none}.cdp .kv-row[data-item]{border-top:0;padding-top:3px;padding-bottom:3px}.cdp .kv-row[data-item][data-d="2"],.cdp .kv-row[data-item][data-d="3"]{padding-left:0}.cdp .kv-row[data-item] .kk{padding-left:16px}.cdp .kv-row[data-item][data-d="3"] .kk{padding-left:32px}.cdp .kv-row.item-head+.kv-row{padding-top:12px;position:relative}.cdp .kv-row.item-head+.kv-row:before{content:"";background:var(--stone-10);height:1px;position:absolute;top:0;left:16px;right:0}.cdp .kv-row.group+.kv-row.item-head+.kv-row{padding-top:9px}.cdp .kv-row.group+.kv-row.item-head+.kv-row:before{display:none}.cdp .kv-row.item-end{padding-bottom:12px}.cdp .find-times{color:var(--ink);padding-right:16px;font-size:14px;line-height:1.4;display:grid}.cdp .find-times .asked{margin:0;padding:2px 0 8px;font-size:14px;font-weight:400}.cdp .find-times .day{padding:8px 0 12px}.cdp .find-times .day.labelled{padding-bottom:28px}.cdp .find-times .head{justify-content:space-between;gap:12px;padding-bottom:8px;display:flex}.cdp .find-times .ct{color:var(--ink-40);white-space:nowrap;opacity:0;transition:opacity .12s}.cdp .find-times .day:hover .ct{opacity:1}.cdp .find-times .strip{background:var(--stone-10);height:4px;position:relative}.cdp .find-times .free{background:var(--ink-60);height:100%;position:absolute;top:0}.cdp .find-times .lb{white-space:nowrap;color:var(--ink-60);opacity:0;font-size:12px;transition:opacity .12s;position:absolute;top:8px}.cdp .find-times .free:before{content:"";position:absolute;inset:-8px 0 -24px}.cdp .find-times .free:hover .lb{opacity:1}.cdp .find-times .lb.from{left:0;transform:translate(-50%)}.cdp .find-times .lb.to{left:100%;transform:translate(-50%)}.cdp .find-times .tight .lb.from{transform:translate(calc(4px - 100%))}.cdp .find-times .tight .lb.to{transform:translate(-4px)}@media (min-width:861px) and (max-width:1100px){.cdp .transcript{--u:clamp(.9px, calc(.039px + .1vw), 1px);padding-right:24px}.cdp .rail{padding-left:clamp(24px,14%,128px)}.cdp .tcall-body{padding-left:12px}.cdp .transcript .ts{font-size:calc(var(--u) * 13)}.cdp .transcript .idle{font-size:calc(var(--u) * 17)}.cdp .row-assistant .text,.cdp .row-caller .text,.cdp .tool-stack>.text{font-size:calc(var(--u) * 16)}.cdp .row-sys .text{font-size:calc(var(--u) * 14)}.cdp .tcall-head{--line:calc(var(--u) * 22);font-size:calc(var(--u) * 15)}.cdp .tcall-head .where{font-size:calc(var(--u) * 14);line-height:calc(var(--u) * 20)}.cdp .tcall-head .lat,.cdp .payload h3,.cdp .kv-row,.cdp .find-times,.cdp .find-times .asked{font-size:calc(var(--u) * 14)}.cdp .find-times .lb{font-size:calc(var(--u) * 12)}}.cdp .kv-row .vv,.cdp .kv-row .kk{overflow-wrap:break-word}@media (max-width:860px){.cdp .side,.cdp .wires{display:none}.cdp .board{height:calc(100dvh - var(--nav-h));justify-content:flex-start;min-height:0;padding-bottom:88px}.cdp .board>.wrap{flex-direction:column;flex:auto;min-height:0;display:flex}.cdp .status{border-bottom:0;flex:none}.cdp .body{border-bottom:0;flex:auto;height:auto;min-height:0}.cdp .transcript{overscroll-behavior:contain;flex:auto;min-height:0;max-height:none}html:has(.cdp .hero.is-gone){overscroll-behavior:none;touch-action:none;overflow:hidden}html:has(.cdp .hero.is-gone) body{overscroll-behavior:none;touch-action:none;overflow:hidden}}.cdp .board button.board-cue{font:inherit;color:var(--ink-60);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.cdp .board button.board-cue:hover{color:var(--ink)}.cdp.board-away .board button.board-cue{visibility:hidden}.cdp .board-cue svg{animation:1.8s ease-in-out infinite cdp-cue-bob}@media (prefers-reduced-motion:reduce){.cdp .board-cue svg{animation:none}}@media (max-width:860px){.cdp .board button.board-cue{bottom:4px}}html:has(.cdp .hero.is-gone){overscroll-behavior:none;overflow:hidden}.cdp .board{will-change:margin-top;transition:margin-top .76s cubic-bezier(.7,0,.18,1)}.cdp.board-away .board{margin-top:calc(-1 * var(--board-h,100dvh - var(--nav-h)))}.cdp .stats{height:calc(100dvh - var(--nav-h));overscroll-behavior:contain;border-top:1px solid var(--stone-20);overflow-y:auto}@media (min-width:861px){.cdp .stats{overflow:hidden}}@media (prefers-reduced-motion:reduce){.cdp .board{transition:none}}