.ad-wire{fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:opacity .4s,stroke .4s}.ad-wire-dashed{stroke:#8a8aa0;stroke-dasharray:3 5;opacity:.55}.ad-wire-live{stroke-width:2px;filter:drop-shadow(0 0 5px);stroke-dasharray:1;stroke-dashoffset:1px;animation:.7s cubic-bezier(.16,1,.3,1) forwards ad-draw}@keyframes ad-draw{to{stroke-dashoffset:0}}.ad-plug{background:radial-gradient(60% 70% at 32%,#b49aff17,#0000 70%),#0b0b12}.ad-orb{background:radial-gradient(circle at 36% 30%,#fff6,#0000 42%),radial-gradient(circle,#fff 0%,#cdbcff 18%,#5a46a8 52%,#14111f 80%);border-radius:9999px;width:54px;height:54px;position:relative;box-shadow:inset 0 0 0 1px #b49aff8c,0 0 34px #b49aff73}.ad-orb-ghost{width:42px;height:42px;box-shadow:none;background:0 0;border:1.5px dashed #8a8aa0}.ad-plug-body{background:radial-gradient(circle at 30% 18%,#ffffff38,#0000 46%),linear-gradient(160deg,#3a2f66,#15121f 80%);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:128px;height:96px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #b49aff8c,inset 0 1px #ffffff59,0 0 50px #b49aff4d,0 18px 40px #0009}.ad-plug-pins{gap:14px;display:flex;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.ad-plug-pins i{background:linear-gradient(#e9e3ff,#8f7fd0);border-radius:2px;width:7px;height:12px;display:block;box-shadow:0 0 8px #b49aff99}@media (min-width:768px){.ad-plug-pins{flex-direction:column;gap:12px;inset:50% -10px auto auto;transform:translateY(-50%)}.ad-plug-pins i{background:linear-gradient(90deg,#8f7fd0,#e9e3ff);width:12px;height:7px}}.ad-socket{width:100%;font-family:var(--font-mono), ui-monospace, monospace;text-align:left;color:#c4c4cf;cursor:pointer;background:#ffffff06;border-radius:10px;outline:none;align-items:center;gap:.6rem;padding:.4rem .7rem;font-size:13px;line-height:1.25rem;transition:color .3s,background-color .3s,box-shadow .3s;display:flex;box-shadow:inset 0 0 0 1px #ffffff12}.ad-socket:hover{color:#f0f0f2}.ad-socket:focus-visible{box-shadow:inset 0 0 0 2px #ffffffb3}.ad-socket[aria-pressed=true]{color:#f0f0f2;background:color-mix(in srgb, var(--c) 13%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 60%, transparent), 0 0 22px color-mix(in srgb, var(--c) 18%, transparent)}.ad-socket-dot{background:var(--c);width:7px;height:7px;box-shadow:0 0 8px var(--c);border-radius:9999px;flex:none}.ad-tag{color:#8a8aa0;flex:none;font-size:12px}.ad-plug-card{background:linear-gradient(180deg, color-mix(in srgb, var(--c) 9%, transparent), transparent 55%), #101018e6;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 30%, transparent), 0 24px 60px -24px #000c;border-radius:16px;padding:1.25rem 1.35rem 1.4rem;transition:box-shadow .4s;position:relative}@media (pointer:coarse) and (max-height:500px) and (min-width:768px){.ad-plug-grid{grid-template-columns:minmax(0,10rem) minmax(0,9rem) minmax(0,1fr);column-gap:2.5rem}.ad-plug-grid>.ad-plug-card{grid-column:1/-1}}.ad-handshake{font-family:var(--font-mono), ui-monospace, monospace;gap:.55rem;font-size:13px;line-height:1.25rem;display:grid}.ad-handshake li{color:#c4c4cf;animation:ad-step-in .45s cubic-bezier(.16, 1, .3, 1) calc(var(--i) * .28s) both;grid-template-columns:6.6rem minmax(0,1fr);gap:.75rem;padding-left:1.1rem;display:grid;position:relative}.ad-handshake li:before{content:"";background:var(--c);width:7px;height:7px;box-shadow:0 0 8px var(--c);border-radius:9999px;position:absolute;top:.45rem;left:0}.ad-handshake li:not(:last-child):after{content:"";background:color-mix(in srgb, var(--c) 40%, transparent);width:1px;position:absolute;top:1.1rem;bottom:-.6rem;left:3px}.ad-handshake code{color:#f0f0f2}@keyframes ad-step-in{0%{opacity:0;transform:translate(-6px)}}.ad-chip{font-family:var(--font-mono), ui-monospace, monospace;color:#d0d0d8;background:#ffffff0a;border-radius:6px;padding:3px 8px;font-size:12px;line-height:1.1rem;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff14}.ad-chip-more{color:#9a9aae;background:0 0;border-style:dashed;box-shadow:inset 0 0 0 1px #ffffff14}.ad-router{background:radial-gradient(50% 60% at 20% 40%,#b49aff14,#0000 70%),#0b0b12}.ad-ask{text-align:left;color:#c4c4cf;cursor:pointer;background:#ffffff08;border-radius:9999px;outline:none;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:13px;line-height:1.25rem;transition:color .3s,background-color .3s,box-shadow .3s;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff17}.ad-ask:hover{color:#f0f0f2}.ad-ask:focus-visible{box-shadow:inset 0 0 0 2px #ffffffb3}.ad-ask[aria-pressed=true]{color:#f0f0f2;background:color-mix(in srgb, var(--c) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 60%, transparent)}.ad-ask-dot{background:var(--c);border-radius:9999px;flex:none;width:7px;height:7px}.ad-claude{background:linear-gradient(#b49aff1a,#0000 50%),#101018eb;border-radius:18px;padding:1.1rem 1.2rem 1.25rem;position:relative;box-shadow:inset 0 0 0 1px #b49aff59,0 0 50px -10px #b49aff40}.ad-bubble{color:#f0f0f2;background:#ffffff0f;border-radius:12px 12px 12px 4px;padding:.6rem .8rem;font-size:14px;line-height:1.4}.ad-reveal{animation:.45s cubic-bezier(.16,1,.3,1) both ad-step-in}.ad-row{font-family:var(--font-mono), ui-monospace, monospace;color:#8a8aa0;border-radius:9px;align-items:center;gap:.55rem;padding:.32rem .65rem;font-size:13px;line-height:1.25rem;transition:color .35s,background-color .35s,box-shadow .35s;display:flex}.ad-row[data-on=true]{color:#f0f0f2;background:color-mix(in srgb, var(--c) 14%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 60%, transparent), 0 0 22px color-mix(in srgb, var(--c) 20%, transparent)}.ad-row[data-dim=true]{color:#8a8aa0}.ad-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:768px){.ad-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}.ad-step{color:#8a8aa0;background:#ffffff05;border-radius:10px;padding:.6rem .75rem .65rem;font-size:13px;line-height:1.3;transition:color .35s,background-color .35s,box-shadow .35s;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.ad-step b{font-family:var(--font-mono), ui-monospace, monospace;margin-bottom:.15rem;font-size:12px;font-weight:400;display:block}.ad-step[data-state=done]{color:#c4c4cf}.ad-step[data-state=now]{color:#f0f0f2;background:color-mix(in srgb, var(--c) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--c) 55%, transparent)}.ad-pl{--pl-chip:40px;background:radial-gradient(60% 40% at 78% 8%,#62e0c80f,#0000 70%),#0b0b12;padding:.5rem 1.25rem 1.5rem}@media (min-width:640px){.ad-pl{padding:.75rem 2rem 1.75rem}}.ad-pl [data-kind=trigger]{--k:#62e0c8;--k-ring:#62e0c880}.ad-pl [data-kind=code]{--k:#a0a0ac;--k-ring:#ffffff21}.ad-pl [data-kind=model]{--k:#c9b8ff;--k-ring:#b49aff8c}.ad-pl [data-kind=service],.ad-pl [data-kind=fork]{--k:#e4e4ea;--k-ring:#ffffff42}.ad-pl [data-kind=lands]{--k:#62e0c8;--k-ring:#62e0c899;--k-bg:#62e0c81a}.ad-pl [data-kind=me]{--k:#ffb37e;--k-ring:#ffb37ea6;--k-bg:#ffb37e1a}.ad-pl-rows{margin:0;padding:0;list-style:none}.ad-pl-row{border-top:1px solid #ffffff12;grid-template-columns:minmax(0,1fr);grid-template-areas:"meta""track""read";row-gap:.75rem;padding:1.2rem 0 1.15rem;display:grid}.ad-pl-row:first-child{border-top:0}@media (min-width:1024px){.ad-pl-row{grid-template:"meta track""read track"1fr/10.5rem minmax(0,1fr);gap:.45rem 1.5rem}}@media (min-width:1280px){.ad-pl-row{grid-template-columns:11.5rem minmax(0,1fr)}}.ad-pl-meta{grid-area:meta;min-width:0}.ad-pl-name{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:-.01em;color:#f0f0f2;font-size:15px;font-weight:400;line-height:1.35}.ad-pl-count{font-family:var(--font-mono), ui-monospace, monospace;color:#9a9aae;margin-top:.2rem;font-size:12px;line-height:1.4}.ad-pl-read{min-width:0;font-family:var(--font-mono), ui-monospace, monospace;color:#9a9aae;overflow-wrap:anywhere;grid-area:read;font-size:12px;line-height:1.45}.ad-pl-read[data-on=true]{color:#d6f7f0}@media (max-width:1023px){.ad-pl-read:empty{display:none}}.ad-pl-scroll{scrollbar-width:thin;scrollbar-color:#ffffff24 transparent;grid-area:track;min-width:0;margin:-6px 0 -8px;padding:6px 0 8px;overflow-x:auto}.ad-pl-track{--grid:var(--n);grid-template-columns:repeat(var(--n), 5.5rem);display:grid;position:relative}@media (min-width:1024px){.ad-pl-track{--grid:var(--cols);grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}}.ad-pl-cell{text-align:center;flex-direction:column;align-items:center;min-width:0;padding:0 .3rem;display:flex;position:relative}.ad-pl-wire{top:calc(var(--pl-chip) / 2 - .5px);background:#62e0c84d;height:1px;position:absolute}.ad-pl-wire[data-side=in]{left:0;right:50%}.ad-pl-wire[data-side=out]{left:50%;right:0}.ad-pl-wire[data-dashed=true]{background:0 0;border-top:1px dashed #ffb37e99;height:0}.ad-pl-chip{z-index:1;width:var(--pl-chip);height:var(--pl-chip);color:var(--k);background:linear-gradient(var(--k-bg,transparent), var(--k-bg,transparent)), #101018;box-shadow:inset 0 0 0 1px var(--k-ring);cursor:default;border-radius:11px;outline:none;flex:none;place-items:center;transition:box-shadow .25s,transform .25s;display:grid;position:relative}.ad-pl-chip:hover,.ad-pl-chip[data-on=true]{box-shadow:inset 0 0 0 1.5px var(--k), 0 0 20px color-mix(in srgb, var(--k) 32%, transparent);transform:translateY(-1px)}.ad-pl-chip:focus-visible{box-shadow:inset 0 0 0 1.5px var(--k), 0 0 0 2px #0b0b12, 0 0 0 3.5px #ffffffd9}.ad-pl-branches{min-width:18px;height:18px;font-family:var(--font-mono), ui-monospace, monospace;color:#0b0b12;background:#d0d0d8;border-radius:9999px;padding:0 4px;font-size:12px;line-height:18px;position:absolute;top:-8px;right:-10px}.ad-pl-label{color:#f0f0f2;overflow-wrap:break-word;margin-top:.55rem;font-size:13px;line-height:1.25}.ad-pl-line{font-family:var(--font-mono), ui-monospace, monospace;color:#9a9aae;overflow-wrap:break-word;margin-top:.15rem;font-size:12px;line-height:1.3}.ad-pl-line[data-tone=model]{color:#c9b8ff}.ad-pl-line[data-tone=alt]{color:#c4c4cf;font-family:inherit}.ad-pl-legend{font-family:var(--font-mono), ui-monospace, monospace;color:#a0a0ac;border-top:1px solid #ffffff12;flex-wrap:wrap;gap:.55rem 1.4rem;padding-top:1.15rem;font-size:12px;line-height:1.25rem;display:flex}.ad-pl-key{align-items:center;gap:.45rem;display:inline-flex}.ad-pl-key svg{color:var(--k)}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.ad-pl-read{display:none}.ad-pl-scroll{margin:0;padding:0;overflow:visible}.ad-pl-track{flex-direction:column;gap:.45rem;width:100%;display:flex}.ad-pl-cell{text-align:left;background:#ffffff09;border-radius:12px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:.1rem .75rem;width:100%;min-height:3.25rem;padding:.55rem .8rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff12}.ad-pl-chip{cursor:pointer;grid-area:1/1;align-self:center;position:relative;top:auto;left:auto}.ad-pl-label,.ad-pl-line{grid-column:2;margin-top:0}.ad-pl-wire{display:none}.ad-pl-tip{font-family:var(--font-mono), ui-monospace, monospace;color:#d6f7f0;overflow-wrap:anywhere;background:#62e0c80f;border-radius:8px;grid-column:1/-1;align-self:stretch;margin-top:.5rem;padding:.5rem .65rem;font-size:12px;line-height:1.45;box-shadow:inset 0 0 0 1px #62e0c838}}.ad-orch{background:radial-gradient(50% 60% at 15% 20%,#b49aff14,#0000 70%),#0b0b12}.ad-lane-label{font-family:var(--font-mono), ui-monospace, monospace;color:#c4c4cf;align-items:center;gap:.5rem;font-size:13px;line-height:1.2;transition:opacity .4s;display:flex}.ad-lane-label[data-open=false]{opacity:.35}.ad-call{min-width:0;font-family:var(--font-mono), ui-monospace, monospace;color:#d0d0d8;background:#14141ef2;border-radius:9px;padding:.4rem .6rem .45rem;font-size:12px;line-height:1.3;transition:opacity .35s,box-shadow .35s,background-color .35s,transform .35s;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.ad-call b{color:#f0f0f2;font-size:13px;font-weight:500;display:block}.ad-call i{color:#9a9aae;overflow-wrap:anywhere;font-style:normal;display:block}.ad-call em{color:#c9b8ff;margin-top:.15rem;font-style:normal;display:block}.ad-call[data-kind=mcp]{box-shadow:inset 0 0 0 1px #b49aff80}.ad-call[data-kind=spawn]{background:#b49aff24;box-shadow:inset 0 0 0 1px #b49affa6}.ad-call[data-kind=report]{background:#b49aff14;border-left:2px solid #b49aff;box-shadow:inset 0 0 0 1px #b49aff73}.ad-call[data-state=future]{opacity:0;transform:translateY(4px)}.ad-call[data-state=now]{box-shadow:inset 0 0 0 1.5px #b49aff,0 0 26px #b49aff59}.ad-log-row{border-left:1.5px solid #b49aff2e;padding:0 0 .9rem 1.1rem;transition:border-color .35s;position:relative}.ad-log-row[data-state=done],.ad-log-row[data-state=now]{border-color:#b49aff99}.ad-log-row:before{content:"";background:#2a2a36;border-radius:9999px;width:8px;height:8px;position:absolute;top:.2rem;left:-5px}.ad-log-row[data-state=now]:before,.ad-log-row[data-state=done]:before{background:#b49aff}.ad-log-row[data-state=now]:before{box-shadow:0 0 10px #b49aff}.ad-log-note{font-family:var(--font-mono), ui-monospace, monospace;color:#c9b8ff;margin-bottom:.35rem;font-size:12px;display:block}.ad-log-calls{grid-template-columns:repeat(var(--n), minmax(0, 1fr))}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.ad-log-row[data-state=future]{display:none}.ad-log-calls{grid-template-columns:minmax(0,1fr)}}.ad-run-tab{color:#a0a0ac;cursor:pointer;background:#ffffff06;border-radius:9999px;outline:none;padding:.42rem .8rem;font-size:13px;line-height:1.25rem;transition:color .3s,background-color .3s,box-shadow .3s;box-shadow:inset 0 0 0 1px #ffffff14}.ad-run-tab:hover{color:#f0f0f2}.ad-run-tab:focus-visible,.ad-replay:focus-visible{box-shadow:inset 0 0 0 2px #ffffffb3}.ad-run-tab[aria-pressed=true]{color:#f0f0f2;background:#b49aff24;box-shadow:inset 0 0 0 1px #b49aff8c}.ad-replay{font-family:var(--font-mono), ui-monospace, monospace;color:#c4c4cf;cursor:pointer;border-radius:9999px;outline:none;padding:.42rem .8rem;font-size:12px;line-height:1.25rem;box-shadow:inset 0 0 0 1px #ffffff24}.ad-replay:hover{color:#fff}@media (prefers-reduced-motion:reduce){.ad-wire-live,.ad-handshake li,.ad-reveal{animation:none!important}.ad-wire-live{stroke-dashoffset:0}.ad-pl-chip,.ad-call{transition:none}}
@property --hub-tilt{syntax:"<angle>";inherits:true;initial-value:0deg}@property --hub-roll{syntax:"<angle>";inherits:true;initial-value:0deg}@property --hub-scale{syntax:"<number>";inherits:true;initial-value:1}@property --hub-face-scale{syntax:"<number>";inherits:true;initial-value:1}@property --hub-lift{syntax:"<length>";inherits:true;initial-value:0}.hub-orbit,.hub-orbit *{transform-style:preserve-3d}.hub-ring{width:0;height:0;transform:translateZ(var(--hub-lift)) rotateZ(var(--hub-roll)) rotateX(var(--hub-tilt)) scale(var(--hub-scale));transition:--hub-tilt 1.1s cubic-bezier(.16,1,.3,1),--hub-roll 1.1s cubic-bezier(.16,1,.3,1),--hub-scale 1.1s cubic-bezier(.16,1,.3,1),--hub-face-scale 1.1s cubic-bezier(.16,1,.3,1),--hub-lift 1.1s cubic-bezier(.16,1,.3,1);position:absolute}.hub-ring-spin{width:0;height:0;transform:rotateZ(var(--hub-spin,0deg));position:absolute}.hub-ring-path{border:1.5px solid color-mix(in srgb, var(--hub-color) 52%, #ffffff4d);opacity:.8;pointer-events:none;border-radius:9999px;transition:opacity .6s,border-color .6s,box-shadow .6s;position:absolute;-webkit-mask-image:conic-gradient(#000 0deg,#00000038 150deg,#000 360deg);mask-image:conic-gradient(#000 0deg,#00000038 150deg,#000 360deg)}.hub-ring[data-selected=true] .hub-ring-path{opacity:1;border-color:color-mix(in srgb, var(--hub-color) 72%, transparent);box-shadow:0 0 26px color-mix(in srgb, var(--hub-color) 26%, transparent), inset 0 0 26px color-mix(in srgb, var(--hub-color) 14%, transparent)}.hub-ring-hit{pointer-events:none;position:absolute;overflow:visible}.hub-ring-hit circle{fill:none;stroke:#0000;stroke-width:30px;pointer-events:stroke;cursor:pointer}.hub-token-pos{width:0;height:0;position:absolute}.hub-token-face{width:0;height:0;transform:rotateZ(calc(-1 * (var(--a) + var(--hub-spin,0deg)))) rotateX(calc(-1 * var(--hub-tilt))) rotateZ(calc(-1 * var(--hub-roll))) scale(var(--hub-face-scale));position:absolute}.hub-token{pointer-events:auto;cursor:pointer;background:radial-gradient(circle at 32% 26%, #ffffff80, transparent 46%), linear-gradient(160deg, color-mix(in srgb, var(--hub-color) 34%, #262338), #12111c 88%);width:26px;height:26px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hub-color) 40%, #fff3), inset 0 1px 0 #ffffff73, 0 6px 16px #00000080;border-radius:9px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;position:absolute;top:-13px;left:-13px}.hub-token:before,.hub-token:after{content:"";border-radius:inherit;background:color-mix(in srgb, var(--hub-color) 26%, #171522);position:absolute;inset:0;transform:translateZ(-3px)}.hub-token:after{background:#0c0b14;transform:translateZ(-6px)}.hub-token-dot{background:color-mix(in srgb, var(--hub-color) 70%, #fff);width:6px;height:6px;box-shadow:0 0 8px var(--hub-color);border-radius:9999px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;transform:translateZ(1px)}.hub-ring[data-selected=true] .hub-token{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hub-color) 70%, #ffffff40), inset 0 1px 0 #ffffff8c, 0 0 18px color-mix(in srgb, var(--hub-color) 34%, transparent), 0 8px 20px #0000008c}.hub-token[data-called=true]{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--hub-color) 60%, #fff), inset 0 1px 0 #ffffffb3, 0 0 34px color-mix(in srgb, var(--hub-color) 75%, transparent), 0 8px 20px #0000008c;transform:scale(1.5)}.hub-token[data-ping=true]{animation:1.4s ease-out infinite hub-token-ping}@keyframes hub-token-ping{0%{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--hub-color) 60%, #fff), 0 0 0 0 color-mix(in srgb, var(--hub-color) 70%, transparent), 0 8px 20px #0000008c}to{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--hub-color) 60%, #fff), 0 0 0 14px transparent, 0 8px 20px #0000008c}}.hub-token-label{white-space:nowrap;font-family:var(--font-mono), ui-monospace, monospace;color:var(--color-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hub-color) 46%, transparent), 0 10px 26px #0000008c;pointer-events:none;background:#0c0b14db;border-radius:8px;padding:5px 10px;font-size:13px;line-height:1.2;animation:.45s cubic-bezier(.16,1,.3,1) both hub-label-in;position:absolute;bottom:30px;left:0;transform:translate(-50%)translateZ(110px)}@keyframes hub-label-in{0%{opacity:0;transform:translate(-50%)translateY(6px)translateZ(110px)}}.hub-spoke{transform-origin:0;background:linear-gradient(90deg, transparent 22%, color-mix(in srgb, var(--hub-color) 55%, transparent));pointer-events:none;height:2px;animation:.5s ease-out both hub-spoke-in;position:absolute;top:-1px;left:0}.hub-spoke:after{content:"";width:46px;height:6px;box-shadow:0 0 14px var(--hub-color);background:linear-gradient(90deg,#0000,#fff);border-radius:9999px;animation:1.5s cubic-bezier(.4,0,.2,1) both hub-pulse;position:absolute;top:-2px;left:0}@keyframes hub-spoke-in{0%{opacity:0}}@keyframes hub-pulse{0%{opacity:0;left:18%}20%{opacity:1}to{opacity:0;left:calc(100% - 46px)}}.hub-core{width:0;height:0;position:absolute}.hub-core>span{pointer-events:none;border-radius:9999px;position:absolute}.hub-core-halo{background:radial-gradient(closest-side, color-mix(in srgb, var(--hero-light) 42%, transparent), transparent);animation:5s ease-in-out infinite alternate hub-breathe;inset:-150px;transform:translateZ(-40px)}.hub-core-shell{background:radial-gradient(circle at 36% 30%, #ffffff4d, transparent 42%), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--hero-light) 30%, #17142a) 0%, #0d0c18 74%, color-mix(in srgb, var(--hero-light) 44%, #0d0c18) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hero-light) 46%, #fff3), inset 0 -18px 34px #0000008c, 0 0 60px color-mix(in srgb, var(--hero-light) 40%, transparent);inset:-62px}.hub-core-nucleus{background:radial-gradient(closest-side, #fff 0%, color-mix(in srgb, var(--hero-light) 82%, #fff) 34%, color-mix(in srgb, var(--hero-light) 40%, transparent) 70%, transparent);animation:3.2s ease-in-out infinite alternate hub-breathe;inset:-30px;transform:translateZ(16px)}.hub-core-gloss{background:radial-gradient(closest-side,#ffffff8c,#0000);width:44px;height:26px;top:-46px;left:-40px;transform:translateZ(44px)rotate(-28deg)}@keyframes hub-breathe{0%{opacity:.72;scale:.94}to{opacity:1;scale:1.05}}.hub-readout{--hub-color:var(--hero-light);font-family:var(--font-mono), ui-monospace, monospace}.hub-readout-tools{scrollbar-width:none;grid-template-rows:repeat(3,auto);grid-auto-flow:column;justify-content:start;gap:4px 6px;margin-inline:-28px;padding:2px 28px;display:grid;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 44px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 44px),#0000)}.hub-readout-tools::-webkit-scrollbar{display:none}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.hub-readout-tools{flex-wrap:wrap;margin-inline:0;padding:2px 0;display:flex;overflow:visible;-webkit-mask-image:none;mask-image:none}}.hub-readout-tool{white-space:nowrap;color:var(--color-text-secondary);cursor:pointer;background:#ffffff09;border-radius:7px;outline:none;flex:none;padding:5px 9px;font-size:.8125rem;line-height:1.25rem;transition:color .3s,background-color .3s,box-shadow .3s;box-shadow:inset 0 0 0 1px #ffffff12}.hub-readout-tool:hover{color:var(--color-text)}.hub-readout-tool:focus-visible{box-shadow:inset 0 0 0 2px #fff9}.hub-readout-tool[aria-pressed=true]{color:var(--color-text);background:color-mix(in srgb, var(--hub-color) 16%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--hub-color) 55%, transparent)}.hub{--hub-violet:#b49aff;--hub-panel:#0d0c16c7;--hub-line:#ffffff14;position:relative}.hub-mono{font-family:var(--font-mono), ui-monospace, monospace;font-variant-ligatures:none}.hub-proc{font-family:var(--font-mono), ui-monospace, monospace;color:var(--color-text-secondary);flex-wrap:wrap;align-items:center;gap:.35rem .7rem;font-size:.8125rem;line-height:1.25rem;display:inline-flex}.hub-proc b{color:var(--color-text);font-weight:500}.hub-live{background:var(--hub-violet);width:8px;height:8px;box-shadow:0 0 10px var(--hub-violet);border-radius:9999px;position:relative}.hub-live:after{content:"";border-radius:inherit;border:1px solid var(--hub-violet);animation:2.4s ease-out infinite hub-ping;position:absolute;inset:-5px}@keyframes hub-ping{0%{opacity:.7;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.hub-h2{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:-.045em;color:var(--color-text);text-wrap:balance;font-size:clamp(1.875rem,1.2rem + 2.6vw,3.25rem);font-weight:300;line-height:1.04}.hub-h2 i{color:var(--hub-violet);font-style:normal}.hub-caret{background:var(--hub-violet);border-radius:2px;width:.5em;height:.86em;margin-left:.14em;animation:1.2s step-end infinite hub-blink;display:inline-block;translate:0 .08em}@keyframes hub-blink{50%{opacity:0}}.hub-prose{color:var(--color-text-secondary)}.hub-prose strong{color:var(--color-text);font-weight:500}.hub-code{font-family:var(--font-mono), ui-monospace, monospace;color:var(--color-text);background:#b49aff1f;border-radius:5px;padding:.12em .4em;font-size:.875em}.hub-hint{font-family:var(--font-mono), ui-monospace, monospace;color:var(--color-text-secondary);font-size:.8125rem;line-height:1.25rem}.hub-hint:before{content:"↳ ";color:var(--hub-violet)}.hub-trace{border:1px solid var(--hub-line);background:linear-gradient(180deg, #b49aff0d, transparent 30%), var(--hub-panel);font-family:var(--font-mono), ui-monospace, monospace;font-variant-ligatures:none;border-radius:16px;font-size:.8125rem;line-height:1.5rem;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 30px 70px -30px #000c}.hub-trace-head{border-bottom:1px solid var(--hub-line);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;padding:.8rem 1.15rem;display:flex}.hub-trace-head b{color:var(--color-text);font-weight:500}.hub-trace-body{padding:.9rem 1.15rem 1.05rem}.hub-line{opacity:0;transition:opacity .5s ease calc(var(--i,0) * .11s), transform .5s cubic-bezier(.16, 1, .3, 1) calc(var(--i,0) * .11s);grid-template-columns:4.6rem minmax(0,1fr);align-items:baseline;column-gap:.75rem;display:grid;transform:translateY(6px)}.hub-trace[data-shown=true] .hub-line{opacity:1;transform:none}.hub-line-kind{color:var(--color-text-secondary)}.hub-line-text{overflow-wrap:anywhere;min-width:0;color:var(--color-text)}.hub-line-text span{color:var(--color-text-secondary)}.hub-line[data-kind=call],.hub-line[data-kind=event],.hub-line[data-kind=connect]{margin-top:.55rem}.hub-line[data-kind=call]:first-child,.hub-line[data-kind=event]:first-child,.hub-line[data-kind=connect]:first-child{margin-top:0}.hub-line[data-kind=call] .hub-line-kind,.hub-line[data-kind=event] .hub-line-kind,.hub-line[data-kind=connect] .hub-line-kind{color:var(--hub-violet)}.hub-line[data-kind=gate] .hub-line-kind{color:#ffb37e}.hub-trace-foot{border-top:1px solid var(--hub-line);color:var(--color-text-secondary);flex-wrap:wrap;gap:.2rem 1.5rem;padding:.7rem 1.15rem;display:flex}.hub-trace-foot b{color:var(--color-text);font-variant-numeric:tabular-nums;font-weight:500}.hub-count{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:-.07em;font-variant-numeric:tabular-nums;color:var(--color-text);font-size:clamp(3rem,2rem + 4.4vw,5.25rem);font-weight:200;line-height:.95}.hub-count-label{font-family:var(--font-mono), ui-monospace, monospace;color:var(--color-text-secondary);font-size:.8125rem;line-height:1.25rem}.hub-process{border:1px solid var(--hub-line);background:#0a0a10;border-radius:18px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #0006,0 50px 110px -40px #000000e6,0 0 90px -30px #b49aff38}.hub-process-scroll{overflow-x:auto}.hub-process-min{min-width:var(--hub-min)}@media (max-width:767px),(pointer:coarse) and (max-height:500px){.hub-process-min{min-width:0}}.stage-panel.hub-stage{color:var(--color-text);background:#0a0a10}.hub-source pre{color:#d9d6ea;tab-size:2;margin:0;padding:1rem 1.15rem 1.15rem;font-size:.8125rem;line-height:1.45rem;overflow-x:auto}.hub-source .hub-tok-s{color:#c9b8ff}.hub-source .hub-tok-c{color:var(--color-text-secondary)}.hub-source .hub-tok-k{color:#8fd8ff}.sheet-panel.hub-source{background:linear-gradient(#b49aff0d,#0000 30%),#0d0c16}.hub-decision{border-top:1px solid var(--hub-line);padding:1.35rem 0 1.45rem 1.35rem;position:relative}.hub-decision:before{content:"";background:var(--hub-violet);border-radius:2px;width:7px;height:7px;position:absolute;top:1.85rem;left:0;box-shadow:0 0 10px #b49aff99}.hub-decision h3{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:-.02em;color:var(--color-text);font-size:1.0625rem;font-weight:400;line-height:1.5rem}.hub-stack{font-family:var(--font-mono), ui-monospace, monospace;color:var(--color-text);flex-wrap:wrap;gap:.3rem 0;font-size:.875rem;line-height:1.5rem;display:flex}.hub-stack span:not(:last-child):after{content:"·";color:var(--hub-violet);margin-inline:.7rem}@media (prefers-reduced-motion:reduce){.hub-ring{transition:none}.hub-core-halo,.hub-core-nucleus,.hub-live:after,.hub-caret,.hub-spoke,.hub-spoke:after,.hub-token[data-ping=true],.hub-token-label{animation:none}.hub-spoke:after{display:none}.hub-line{opacity:1;transition:none;transform:none}}
