.ctq{--hue: var(--color-sig-pink);--name: 9.5rem;--tail: 3.25rem;--inset: .4375rem;position:relative;border-radius:1rem;background:var(--color-surface);box-shadow:var(--shadow-frame),0 0 96px -36px color-mix(in oklch,var(--hue) 55%,transparent);color:var(--color-fg-secondary);font-size:.8125rem;color-scheme:dark}.ctq [data-service=web]{--svc: var(--color-ok)}.ctq [data-service=gateway]{--svc: var(--color-sig-violet)}.ctq [data-service=orders]{--svc: var(--color-sig-teal)}.ctq-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:.875rem;padding:.75rem}@media(width>=64rem){.ctq-stage{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:1.75rem;padding:1.25rem}}.ctq-replay{display:flex;flex-direction:column;min-width:0}.ctq-window{display:flex;flex:1;flex-direction:column;overflow:hidden;border:1px solid var(--color-line);border-radius:.75rem;background:var(--color-canvas)}.ctq-chrome{display:flex;align-items:center;gap:.75rem;height:2.375rem;padding:0 .75rem;border-bottom:1px solid var(--color-line-subtle);background:color-mix(in oklch,var(--color-canvas) 45%,var(--color-surface))}.ctq-dots{display:flex;gap:.3125rem}.ctq-dots i{width:.5rem;height:.5rem;border-radius:9999px;background:var(--color-line-strong)}.ctq-url{display:flex;flex:1;align-items:center;gap:.375rem;min-width:0;height:1.5rem;padding:0 .625rem;border-radius:.4375rem;background:var(--color-raised);font-family:var(--font-mono);font-size:.71875rem;white-space:nowrap}.ctq-url svg{flex:none;color:var(--color-ok)}.ctq-url>span{overflow:hidden;text-overflow:ellipsis}.ctq-sample{font-size:.6875rem;white-space:nowrap}.ctq-page{position:relative;flex:1;min-height:22rem;overflow:hidden;background:color-mix(in oklch,var(--color-raised) 70%,var(--color-surface))}.ctq-shop{position:absolute;inset:0;padding:0 1.25rem}.ctq-nav{display:flex;align-items:center;gap:.875rem;height:2.5rem;border-bottom:1px solid var(--color-line-subtle);font-size:.6875rem}.ctq-logo{color:var(--color-sig-teal);font-size:.8125rem;font-weight:600}.ctq-cart{display:inline-flex;align-items:center;gap:.3125rem;margin-left:auto}.ctq-cart b{display:inline-grid;place-items:center;min-width:1rem;height:1rem;border-radius:9999px;background:var(--color-sig-teal);color:var(--color-on-accent);font-size:.625rem}.ctq-content{max-width:26rem;margin:1.25rem auto 0;clip-path:inset(0 0 calc((1 - var(--load, 1)) * 100%) 0)}.ctq-title{color:var(--color-fg);font-size:1.0625rem;font-weight:600;letter-spacing:-.01em}.ctq-order{margin-top:.625rem;border:1px solid var(--color-line);border-radius:.5rem;background:var(--color-surface)}.ctq-order p{display:flex;justify-content:space-between;gap:1rem;padding:.4375rem .75rem;font-size:.75rem}.ctq-order p+p{border-top:1px solid var(--color-line-subtle);color:var(--color-fg)}.ctq-input{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:min(100%,15rem);height:1.875rem;margin-top:.625rem;padding:0 .625rem;border:1px solid var(--color-line-strong);border-radius:.375rem;background:var(--color-canvas);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em}.ctq-input em{color:var(--hue);font-family:var(--font-sans);font-size:.625rem;font-style:normal;letter-spacing:.02em}.ctq-button{display:flex;align-items:center;justify-content:center;gap:.4375rem;width:8.75rem;height:2rem;margin-top:.75rem;border-radius:.375rem;background:var(--color-sig-teal);color:var(--color-on-accent);font-size:.75rem;font-weight:600}.ctq-button[data-busy]{box-shadow:inset 0 0 0 2px color-mix(in oklch,var(--color-on-accent) 22%,transparent)}.ctq-button[data-press]{scale:.95}.ctq-spinner{flex:none;width:.875rem;height:.875rem;fill:none;stroke:currentColor;stroke-dasharray:26 12;stroke-linecap:round;stroke-width:2}.ctq-foot{margin-top:1.75rem;font-size:.6875rem;text-align:center}.ctq-toast{position:absolute;right:.875rem;bottom:.875rem;max-width:calc(100% - 1.75rem);padding:.625rem .875rem .625rem 1rem;border-radius:.5rem;background:var(--color-overlay);box-shadow:inset 3px 0 0 var(--color-error-solid),0 0 0 1px var(--color-line),0 14px 32px -14px var(--color-canvas);color:var(--color-fg);font-size:.75rem;visibility:hidden;clip-path:inset(0 0 0 100% round .5rem);translate:0 .375rem}.ctq-toast[data-on]{visibility:visible;clip-path:inset(0 round .5rem);translate:0 0}.ctq-cursor{position:absolute;top:0;left:0;width:1rem;height:1.25rem;fill:var(--color-fg);stroke:var(--color-canvas);stroke-width:1.2;stroke-linejoin:round;filter:drop-shadow(0 2px 3px var(--color-canvas));pointer-events:none}.ctq-cursor[data-press]{scale:.85}.ctq-ripple{position:absolute;top:var(--y);left:var(--x);width:2.75rem;height:2.75rem;margin:-1.375rem 0 0 -1.375rem;border:2px solid var(--hue);border-radius:9999px;opacity:calc((1 - var(--r)) * .9);transform:scale(calc(.3 + var(--r) * 1.1));visibility:hidden;pointer-events:none}.ctq-ripple[data-on]{visibility:visible}.ctq-player{display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:0 .125rem}.ctq-play{display:inline-grid;flex:none;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--color-line-strong);border-radius:9999px;background:var(--color-raised);color:var(--color-fg);cursor:pointer}.ctq-play:hover{border-color:color-mix(in oklch,var(--hue) 60%,transparent)}.ctq-time{flex:none;color:var(--color-fg);font-family:var(--font-mono);font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.ctq-time span{color:var(--color-fg-secondary)}.ctq-track{position:relative;flex:1;min-width:0;height:1.75rem}.ctq-track:before,.ctq-fill{content:"";position:absolute;top:50%;left:var(--inset);height:.25rem;margin-top:-.125rem;border-radius:9999px}.ctq-track:before{right:var(--inset);background:var(--color-line-strong)}.ctq-fill{right:var(--inset);background:var(--hue);clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0 round 9999px)}.ctq-marker{position:absolute;top:50%;left:calc(var(--inset) + (100% - 2 * var(--inset)) * var(--at));pointer-events:none}.ctq-marker:is([data-kind=nav],[data-kind=click]){width:2px;height:.75rem;margin:-.375rem 0 0 -1px;border-radius:1px;background:var(--color-info-solid)}.ctq-marker[data-kind=network]{width:.5rem;height:.5rem;margin:-.25rem 0 0 -.25rem;border-radius:2px;background:var(--color-warn-solid)}.ctq-marker[data-kind=error]{width:.3125rem;height:.3125rem;margin:-.15625rem 0 0 -.15625rem;border-radius:9999px;background:var(--color-error-solid);box-shadow:0 0 0 1.5px var(--color-surface)}.ctq-track input{position:absolute;inset:0;width:100%;height:100%;margin:0;background:transparent;cursor:pointer;appearance:none}.ctq-track input::-webkit-slider-runnable-track{height:1.75rem;background:transparent}.ctq-track input::-webkit-slider-thumb{width:.875rem;height:.875rem;margin-top:.4375rem;border-radius:9999px;background:var(--color-fg);box-shadow:0 0 0 3px color-mix(in oklch,var(--hue) 45%,transparent);appearance:none}.ctq-track input::-moz-range-track{background:transparent}.ctq-track input::-moz-range-thumb{width:.875rem;height:.875rem;border:0;border-radius:9999px;background:var(--color-fg);box-shadow:0 0 0 3px color-mix(in oklch,var(--hue) 45%,transparent)}.ctq-play:focus-visible,.ctq-track input:focus-visible{outline:2px solid var(--color-accent-fg);outline-offset:2px}.ctq-speed{flex:none;font-family:var(--font-mono);font-size:.6875rem}.ctq-panel{display:flex;flex-direction:column;gap:.875rem;min-width:0}.ctq-card{padding:.875rem 1rem;border:1px solid var(--color-line);border-radius:.75rem;background:color-mix(in oklch,var(--color-canvas) 35%,var(--color-surface))}.ctq-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem}.ctq-card-title{color:var(--color-fg);font-size:.8125rem;font-weight:600}.ctq-status{font-family:var(--font-mono);font-size:.6875rem;font-variant-numeric:tabular-nums;white-space:nowrap}.ctq-status[data-tone=error]{color:var(--color-error)}.ctq-path{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem;margin-top:.5rem}.ctq-hop{display:inline-flex;align-items:center;gap:.375rem}.ctq-svc{display:inline-flex;align-items:center;gap:.3125rem;padding:0 .375rem;border-radius:.3125rem;background:var(--color-raised);color:var(--color-fg);font-family:var(--font-mono);font-size:.6875rem;line-height:1.25rem}.ctq-svc i,.ctq-label i{flex:none;width:.5rem;height:.5rem;border-radius:2px;background:var(--svc)}.ctq-ruler{position:relative;height:1rem;margin:.875rem var(--tail) .25rem var(--name);border-bottom:1px solid var(--color-line-subtle);font-family:var(--font-mono);font-size:.625rem;font-variant-numeric:tabular-nums}.ctq-ruler span{position:absolute;top:0;left:calc(var(--at) * 100%);translate:-50% 0;line-height:.75rem}.ctq-ruler span:first-child{translate:0 0}.ctq-plot{position:relative}.ctq-grid{position:absolute;inset:0 var(--tail) 0 var(--name)}.ctq-grid i{position:absolute;top:0;bottom:0;left:calc(var(--at) * 100%);width:1px;background:var(--color-line-subtle)}.ctq-row{position:relative;display:grid;grid-template-columns:var(--name) minmax(0,1fr);align-items:center;height:1.75rem}.ctq-label{display:flex;align-items:center;gap:.375rem;min-width:0;padding:0 .5rem 0 calc(var(--d) * .5rem);clip-path:inset(0 100% 0 0)}.ctq-row[data-on] .ctq-label{clip-path:inset(0)}.ctq-name{overflow:hidden;color:var(--color-fg);font-family:var(--font-mono);font-size:.6875rem;text-overflow:ellipsis;white-space:nowrap}.ctq-lane{position:relative;height:100%;margin-right:var(--tail);container-type:inline-size}.ctq-bar{position:absolute;top:50%;left:calc(var(--x) * 100%);width:max(2px,calc(var(--w) * 100%));height:.375rem;margin-top:-.1875rem;border-radius:2px;background:var(--svc);clip-path:inset(-4px calc((1 - var(--s)) * 100%) -4px -4px)}.ctq-row:not([data-on]) .ctq-bar{visibility:hidden}.ctq-row[data-closed][data-error] .ctq-bar{box-shadow:0 0 0 1px var(--color-surface),0 0 0 2px color-mix(in oklch,var(--color-error-solid) 75%,transparent)}.ctq-row[data-held] .ctq-bar{background:repeating-linear-gradient(-45deg,var(--color-error-solid) 0 4px,color-mix(in oklch,var(--color-error-solid) 55%,var(--color-surface)) 4px 8px);box-shadow:0 0 0 1px var(--color-surface),0 0 14px -2px color-mix(in oklch,var(--color-error-solid) 80%,transparent)}.ctq-count,.ctq-dur{position:absolute;top:50%;translate:0 -50%;font-family:var(--font-mono);font-size:.6875rem;line-height:1rem;font-variant-numeric:tabular-nums;white-space:nowrap}.ctq-count{left:0;color:var(--color-error);translate:calc((var(--x) + var(--w) * var(--s)) * 100cqw + .375rem) -50%}.ctq-dur{left:calc((var(--x) + var(--w)) * 100% + .375rem);visibility:hidden;clip-path:inset(-4px calc(100% + 4px) -4px -4px)}.ctq-row[data-error] .ctq-dur{color:var(--color-error)}.ctq-row[data-closed] .ctq-dur{visibility:visible;clip-path:inset(-4px)}.ctq-error{display:flex;align-items:flex-start;gap:.4375rem;margin-top:.625rem;padding:.5rem .625rem;border-radius:.5rem;background:color-mix(in oklch,var(--color-error-solid) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--color-error-solid) 40%,transparent);color:var(--color-fg);font-family:var(--font-mono);font-size:.6875rem;line-height:1.5;visibility:hidden;clip-path:inset(0 100% 0 0)}.ctq-error svg{flex:none;margin-top:.1875rem;color:var(--color-error)}.ctq-error[data-on]{visibility:visible;clip-path:inset(0)}.ctq-list{margin-top:.5rem}.ctq-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.5rem;padding:.4375rem 0;border-top:1px solid var(--color-line-subtle);visibility:hidden;clip-path:inset(0 100% 0 0)}.ctq-list li[data-on]{visibility:visible;clip-path:inset(0)}.ctq-list li svg{margin-top:.125rem;color:var(--color-info)}.ctq-list li[data-tone=warn] svg{color:var(--color-warn)}.ctq-list li[data-tone=error] svg,.ctq-list li[data-tone=error] .ctq-event-label{color:var(--color-error)}.ctq-event{display:flex;flex-direction:column;min-width:0}.ctq-event-label{color:var(--color-fg);font-size:.75rem}.ctq-event-detail{overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.6875rem;font-variant-numeric:tabular-nums}.ctq-event-at{font-family:var(--font-mono);font-size:.6875rem;font-variant-numeric:tabular-nums}.ctq-link{position:absolute;top:0;left:0;overflow:visible;visibility:hidden;pointer-events:none}.ctq-link[data-on]{visibility:visible}.ctq-link path{fill:none;stroke:var(--hue);stroke-dasharray:1;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;filter:drop-shadow(0 0 4px color-mix(in oklch,var(--hue) 70%,transparent))}.ctq-packet{fill:var(--hue);filter:drop-shadow(0 0 6px var(--hue))}.ctq-link[data-live] .ctq-packet{fill:var(--color-fg)}@media(prefers-reduced-motion:no-preference){.ctq-toast,.ctq-error,.ctq-list li,.ctq-label,.ctq-dur{transition:clip-path .32s var(--ease-out-expo),translate .32s var(--ease-out-expo),visibility 0s}.ctq-button,.ctq-cursor{transition:scale .12s var(--ease-standard)}}@media(width<40rem){.ctq{--name: 0rem;--tail: 3rem}.ctq-dots,.ctq-sample,.ctq-speed,.ctq-total,.ctq-nav span:nth-child(n+3):not(.ctq-cart){display:none}.ctq-page{min-height:24.5rem}.ctq-shop{padding:0 .875rem}.ctq-card{padding:.75rem}.ctq-row{grid-template-columns:minmax(0,1fr);grid-template-rows:1.25rem .875rem;align-content:center;height:2.5rem}}.pl:where(.astro-v6jw34xh){container-type:inline-size}.pl-body:where(.astro-v6jw34xh){--name: 14rem;padding:1.25rem 1.25rem 1rem}.pl-head:where(.astro-v6jw34xh){display:flex;align-items:center;justify-content:space-between;gap:1rem}.pl-route:where(.astro-v6jw34xh){margin-left:.375rem;color:var(--color-fg-secondary);font-family:var(--font-mono);font-size:.75rem;font-weight:400}.pl-example:where(.astro-v6jw34xh){padding:0 .4375rem;border:1px solid var(--color-line-strong);border-radius:.3125rem;font-family:var(--font-mono);font-size:.6875rem;line-height:1.25rem}.pl-url:where(.astro-v6jw34xh){margin-left:.4375rem;color:var(--color-fg-secondary)}.pl-note:where(.astro-v6jw34xh){margin-top:.875rem;padding-top:.75rem;border-top:1px solid var(--color-line-subtle);font-size:.75rem}@container (width < 34rem){.pl-body:where(.astro-v6jw34xh){--name: 0rem;padding:1rem}.pl:where(.astro-v6jw34xh) .ctq-row:where(.astro-v6jw34xh){grid-template-columns:minmax(0,1fr);grid-template-rows:1.25rem .875rem;align-content:center;height:2.5rem}}@media(scripting:enabled)and (prefers-reduced-motion:no-preference){.pl:where(.astro-v6jw34xh) .ctq-bar:where(.astro-v6jw34xh){transition:clip-path .7s var(--ease-out-expo) calc(var(--x) * .9s + var(--i) * 60ms + .2s)}.pl:where(.astro-v6jw34xh) .ctq-dur:where(.astro-v6jw34xh){transition:clip-path .36s var(--ease-out-expo) calc((var(--x) + var(--w)) * .9s + var(--i) * 60ms + .5s)}.pl:where(.astro-v6jw34xh):not(.is-visible) .ctq-bar:where(.astro-v6jw34xh){--s: 0}.pl:where(.astro-v6jw34xh):not(.is-visible) .ctq-dur:where(.astro-v6jw34xh){clip-path:inset(-4px calc(100% + 4px) -4px -4px)}}