:root{--pg-line:var(--rule);--pg-mute:var(--muted);--pg-ink:var(--fg);--pg-bg:var(--bg);--pg-pass-bg:#e6f4ea;--pg-pass-fg:#1e6b3a;--pg-pass-bd:#a8d5b5;--pg-miss-bg:#fce8e6;--pg-miss-fg:#b31412;--pg-miss-bd:#f5a8a6;--pg-hit-bg:#e8f4fd;--pg-hit-fg:#1565c0;--pg-hit-bd:#90c8f0;--pg-mod-bg:#fff8e1;--pg-mod-fg:#7b5800;--pg-mod-bd:#ffe082}html.dark{--pg-pass-bg:oklch(22% .07 145);--pg-pass-fg:oklch(76% .18 145);--pg-pass-bd:oklch(36% .1 145);--pg-miss-bg:oklch(21% .07 20);--pg-miss-fg:oklch(72% .2 20);--pg-miss-bd:oklch(35% .12 20);--pg-hit-bg:oklch(21% .06 240);--pg-hit-fg:oklch(73% .16 240);--pg-hit-bd:oklch(35% .1 240);--pg-mod-bg:oklch(23% .06 90);--pg-mod-fg:oklch(82% .14 90);--pg-mod-bd:oklch(38% .1 90)}.pg-card{border:1px solid var(--pg-line);border-radius:6px;margin:16px 0 32px;overflow:hidden}.pg-toolbar{background:color-mix(in oklch,var(--pg-bg) 60%,transparent);border-bottom:1px solid var(--pg-line);flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.pg-badge{background:color-mix(in oklch,var(--pg-ink) 10%,transparent);color:var(--pg-mute);border-radius:20px;margin-left:auto;padding:4px 10px;font-family:Geist Mono,monospace;font-size:12px}.pg-badge.hit{background:var(--pg-pass-bg);color:var(--pg-pass-fg)}.pg-badge.miss{background:var(--pg-miss-bg);color:var(--pg-miss-fg)}#flow-svg{background:var(--pg-bg);width:100%;padding:10px 16px;display:block}.svg-label{fill:var(--pg-mute);font-family:Cabin Condensed,sans-serif;font-size:13px}.svg-small{fill:var(--pg-mute);font-family:Geist Mono,monospace;font-size:10px}.svg-latency{fill:var(--pg-ink);font-family:Geist Mono,monospace;font-size:13px;font-weight:600}.pg-log{background:color-mix(in oklch,var(--pg-bg) 20%,oklch(10% 0 0));color:#d0d0d0;min-height:64px;max-height:140px;padding:12px 16px;font-family:Geist Mono,monospace;font-size:12px;line-height:1.7;overflow-y:auto}.pg-log-empty{color:#666;font-style:italic}.pg-log .log-hit{color:#7ac17a}.pg-log .log-miss{color:#e07070}.pg-log .log-info{color:#7ab8d4}.pg-two-col{grid-template-columns:1fr 1fr;display:grid}.pg-controls{border-right:1px solid var(--pg-line);padding:16px}.pg-output{padding:16px}.pg-group{margin-bottom:16px}.pg-label{letter-spacing:.08em;text-transform:uppercase;color:var(--pg-mute);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.pg-radio,.pg-check{cursor:pointer;margin-bottom:4px;font-size:14px;display:block}.pg-radio input,.pg-check input{margin-right:6px}.pg-output-label{letter-spacing:.08em;text-transform:uppercase;color:var(--pg-mute);margin-bottom:8px;font-size:11px;font-weight:600}.pg-header-string{background:color-mix(in oklch,var(--pg-ink) 6%,transparent);border:1px solid var(--pg-line);word-break:break-all;color:var(--pg-ink);border-radius:4px;margin-bottom:12px;padding:10px 12px;font-family:Geist Mono,monospace;font-size:12.5px;line-height:1.6}.pg-interpret{color:var(--pg-mute);font-size:14px;line-height:1.6}.pg-interpret p{margin-bottom:8px}.pg-interpret .tag{border-radius:3px;margin-bottom:4px;margin-right:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-block}.tag-cdn{background:var(--pg-hit-bg);color:var(--pg-hit-fg)}.tag-browser{background:var(--pg-pass-bg);color:var(--pg-pass-fg)}.tag-none{background:var(--pg-miss-bg);color:var(--pg-miss-fg)}.sim-pops{border-bottom:1px solid var(--pg-line);grid-template-columns:repeat(3,1fr);display:grid}.sim-pop{text-align:center;border-right:1px solid var(--pg-line);padding:16px}.sim-pop:last-child{border-right:none}.sim-pop-name{margin-bottom:10px;font-size:13px;font-weight:600}.sim-pop-status{background:color-mix(in oklch,var(--pg-ink) 10%,transparent);color:var(--pg-mute);border-radius:20px;margin-bottom:6px;padding:4px 10px;font-family:Geist Mono,monospace;font-size:12px;font-weight:600;display:inline-block}.sim-pop-status.hit{background:var(--pg-pass-bg);color:var(--pg-pass-fg)}.sim-pop-status.miss{background:var(--pg-miss-bg);color:var(--pg-miss-fg)}.sim-pop-ttl{color:var(--pg-mute);margin-bottom:6px;font-family:Geist Mono,monospace;font-size:11px}.sim-pop-stats{color:var(--pg-mute);font-size:12px}.stack-wrap{background:var(--pg-bg);justify-content:space-between;align-items:center;gap:0;padding:24px 20px 16px;display:flex;position:relative;overflow:hidden}.stack-wire{background:var(--pg-line);z-index:0;height:2px;position:absolute;top:50%;transform:translateY(-50%)}.stack-packet{background:var(--pg-ink);z-index:10;opacity:0;pointer-events:none;border-radius:50%;width:12px;height:12px;transition:left .4s cubic-bezier(.4,0,.2,1),background .2s;position:absolute;top:50%;transform:translateY(-50%)}.stack-node{z-index:1;background:var(--pg-bg);border:1.5px solid var(--pg-line);text-align:center;border-radius:6px;flex-shrink:0;min-width:80px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;position:relative}.stack-node.wide{min-width:150px}.stack-node.active{border-color:var(--pg-ink);box-shadow:0 0 0 3px color-mix(in oklch,var(--pg-ink) 10%,transparent)}.sn-icon{justify-content:center;align-items:center;height:28px;margin-bottom:4px;display:flex}.sn-name{color:var(--pg-ink);margin-bottom:8px;font-size:12px;font-weight:600}.sn-ms{color:var(--pg-mute);min-height:14px;margin-top:4px;font-family:Geist Mono,monospace;font-size:10px}.sn-layer{border:1px solid var(--pg-line);color:var(--pg-mute);text-align:left;border-radius:3px;margin-bottom:3px;padding:4px 6px;font-size:11px;transition:background .25s,color .25s,border-color .25s}.sn-layer.pass{background:var(--pg-pass-bg);color:var(--pg-pass-fg);border-color:var(--pg-pass-bd)}.sn-layer.hit{background:var(--pg-hit-bg);color:var(--pg-hit-fg);border-color:var(--pg-hit-bd)}.sn-layer.block{background:var(--pg-miss-bg);color:var(--pg-miss-fg);border-color:var(--pg-miss-bd)}.sn-layer.miss{background:var(--pg-mod-bg);color:var(--pg-mod-fg);border-color:var(--pg-mod-bd)}.phase-wrap{background:var(--pg-bg);padding:20px 16px 16px}.phase-track{background:var(--pg-line);border-radius:2px;height:4px;margin-bottom:16px;position:relative;overflow:visible}.phase-ball{background:var(--pg-ink);border-radius:50%;width:14px;height:14px;transition:left .45s cubic-bezier(.4,0,.2,1),background .2s;position:absolute;top:-5px;left:0}.phase-boxes{align-items:center;gap:0;display:flex;overflow-x:auto}.phase-box{border:1.5px solid var(--pg-line);text-align:center;background:color-mix(in oklch,var(--pg-ink) 4%,transparent);border-radius:5px;flex-shrink:0;min-width:90px;padding:8px 10px;transition:background .25s,border-color .25s}.phase-box.pass{background:var(--pg-pass-bg);border-color:var(--pg-pass-bd)}.phase-box.mod{background:var(--pg-mod-bg);border-color:var(--pg-mod-bd)}.phase-box.block{background:var(--pg-miss-bg);border-color:var(--pg-miss-bd)}.phase-box.skip{opacity:.45}.ph-name{color:var(--pg-ink);margin-bottom:3px;font-family:Geist Mono,monospace;font-size:10px;font-weight:500}.ph-desc{color:var(--pg-mute);font-size:10px}.phase-box.pass .ph-name,.phase-box.pass .ph-desc{color:var(--pg-pass-fg)}.phase-box.mod .ph-name,.phase-box.mod .ph-desc{color:var(--pg-mod-fg)}.phase-box.block .ph-name,.phase-box.block .ph-desc{color:var(--pg-miss-fg)}.phase-arrow{color:var(--pg-line);flex-shrink:0;padding:0 4px;font-size:14px}.phase-status{color:var(--pg-mute);min-height:20px;margin-top:12px;font-size:13px;font-style:italic}.bucket-wrap{background:var(--pg-bg);align-items:flex-start;gap:24px;padding:20px;display:flex}.bucket-left{flex-direction:column;align-items:center;gap:8px;display:flex}.bucket-outer{border:2px solid var(--pg-line);background:color-mix(in oklch,var(--pg-ink) 8%,transparent);border-top:none;border-radius:0 0 8px 8px;width:100px;height:155px;position:relative;overflow:hidden}.bucket-refill{background:#1e6b3a1f;height:0;transition:height .3s;position:absolute;top:0;left:0;right:0}.bucket-inner{flex-wrap:wrap;align-content:flex-end;gap:3px;padding:4px 4px 0;display:flex;position:absolute;bottom:32px;left:0;right:0}.token-dot{background:var(--pg-ink);border-radius:50%;flex-shrink:0;width:12px;height:12px;transition:opacity .2s}.token-dot.used{border:1.5px solid color-mix(in oklch,var(--pg-ink) 30%,transparent);background:0 0}.bucket-level-label{text-align:center;color:var(--pg-mute);border-top:1px solid var(--pg-line);font-family:Geist Mono,monospace;font-size:11px;line-height:28px;position:absolute;bottom:0;left:0;right:0}.bucket-drain-arrow{color:var(--pg-mute);text-align:center;font-size:12px}.bucket-right{flex:1}.bucket-stat-row{border-bottom:1px solid var(--pg-line);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.bucket-stat-label{color:var(--pg-mute);font-size:13px}.bucket-stat-val{color:var(--pg-ink);font-family:Geist Mono,monospace;font-size:16px;font-weight:500}.bucket-log{max-height:100px;color:var(--pg-mute);margin-top:10px;font-family:Geist Mono,monospace;font-size:11px;line-height:1.8;overflow-y:auto}.bucket-log .bl-ok{color:#1e6b3a}.bucket-log .bl-err{color:#b31412}.csm-wrap{background:var(--pg-bg);padding:20px}.csm-states{align-items:center;gap:0;margin-bottom:20px;display:flex;overflow-x:auto}.csm-state{text-align:center;border:1.5px solid var(--pg-line);border-radius:6px;flex-shrink:0;min-width:100px;padding:10px 14px;transition:border-color .25s,box-shadow .25s}.csm-state.active{border-color:var(--pg-ink);box-shadow:0 0 0 3px color-mix(in oklch,var(--pg-ink) 10%,transparent)}.csm-state.active .csm-dot{background:var(--pg-ink);transform:scale(1.2)}.csm-dot{background:var(--pg-line);border-radius:50%;width:10px;height:10px;margin:0 auto 6px;transition:background .25s,transform .25s}.csm-name{color:var(--pg-ink);margin-bottom:3px;font-size:11px;font-weight:600}.csm-desc{color:var(--pg-mute);font-size:10px}.csm-arrow{color:var(--pg-line);flex-shrink:0;padding:0 6px;font-size:16px}.csm-ttl-wrap{margin-bottom:12px}.csm-ttl-label{color:var(--pg-mute);margin-bottom:4px;font-size:12px}.csm-ttl-label span{color:var(--pg-ink);font-family:Geist Mono,monospace}.csm-ttl-bar{background:color-mix(in oklch,var(--pg-ink) 10%,transparent);border-radius:3px;height:6px;overflow:hidden}.csm-ttl-fill{background:var(--pg-ink);border-radius:3px;height:100%;transition:width .5s linear}.csm-explain{color:var(--pg-mute);min-height:20px;font-size:14px;font-style:italic}@media (width<=600px){.pg-two-col{grid-template-columns:1fr}.pg-controls{border-right:none;border-bottom:1px solid var(--pg-line)}.sim-pops{grid-template-columns:1fr}.sim-pop{border-right:none;border-bottom:1px solid var(--pg-line)}.stack-wrap{flex-direction:column;align-items:stretch;gap:8px}.stack-wire,.stack-packet{display:none}.stack-node.wide{min-width:unset}.bucket-wrap{flex-direction:column}.csm-states,.phase-boxes{flex-wrap:wrap;gap:6px}.csm-arrow,.phase-arrow{display:none}}.pg-section-heading{font-family:var(--font-serif);letter-spacing:-.01em;margin:2rem 0 .4rem;font-size:1.25rem;font-weight:600}.pg-section-text{color:var(--muted);margin:0 0 1rem;line-height:1.7}