.hc-viz{margin:1.6rem 0;color:var(--ink)}.hc-viz h4{margin:0 0 14px;font-size:14px;font-weight:600}.hc-viz small,.hc-viz code{font-size:12px}.hc-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px 20px;font-size:13px}.hc-picker button[aria-pressed=true]{border-color:var(--accent);background:var(--tag-bg);color:var(--ink)}.hc-picker input{accent-color:var(--accent);min-width:100px;max-width:220px}.hc-pools{display:flex;flex-direction:column;gap:4px}.hc-pool{padding:12px;border:1px solid var(--grid);border-radius:10px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px}.hc-pool b,.hc-pool small{flex-basis:100%}.hc-pool small{color:var(--muted)}.hc-chip{display:inline-block;padding:4px 7px;border:1px solid var(--axis);border-radius:4px;background:var(--page-2)}.hc-chip[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);animation:hc-pop .35s ease}@keyframes hc-pop{0%{transform:scale(.85);opacity:.2}to{transform:none;opacity:1}}.hc-pool[data-active=true]{border-color:var(--accent)}.hc-route{padding:12px 20px;display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:var(--muted);border-top:1px solid var(--grid)}.hc-route [data-active=true]{color:var(--ink);font-weight:700}.hc-timelines{padding:4px 20px 20px;display:grid;gap:25px}.hc-timeline-group h4{display:flex;justify-content:space-between;gap:12px}.hc-timeline-group h4 span{font-weight:400;color:var(--ink-2);font-size:12px}.hc-lane-row{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:12px;margin:7px 0;font-size:12px}.hc-lane{position:relative;height:34px;background:var(--page-2);border-bottom:1px solid var(--grid)}.hc-span{position:absolute;top:0;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid;font-weight:600;color:var(--ink)}.hc-transfer{background:color-mix(in srgb,var(--series-1) 23%,var(--surface));border-color:var(--series-1)}.hc-compute{background:color-mix(in srgb,var(--series-3) 23%,var(--surface));border-color:var(--series-3)}.hc-span[data-future=true]{opacity:.3}.hc-playhead{position:absolute;top:-3px;bottom:-3px;border-left:2px solid var(--ink);pointer-events:none}.hc-axis{margin-left:112px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.hc-bars{padding:8px 20px 20px}.hc-bar-row{display:grid;grid-template-columns:155px 1fr 70px;gap:14px;align-items:center;margin:18px 0;font-size:13px}.hc-bar-track{height:24px;background:var(--page-2)}.hc-bar-track span{display:block;height:100%;border-radius:0 4px 4px 0}.hc-bar-row output{text-align:right;font-variant-numeric:tabular-nums}.hc-bar-axis{display:flex;justify-content:space-between;margin-left:169px;margin-right:84px;font-size:11px;color:var(--muted);border-top:1px solid var(--axis)}.hc-result{padding:0 20px 20px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap;font-size:13px}.hc-result b{font-size:28px}@media(max-width:600px){.hc-lane-row{grid-template-columns:70px 1fr;gap:8px}.hc-axis{margin-left:78px}.hc-bar-row{grid-template-columns:105px 1fr 53px;gap:7px;font-size:11px}.hc-bar-axis{margin-left:112px;margin-right:60px}.hc-picker,.hc-bars,.hc-timelines{padding-left:14px;padding-right:14px}}.hc-history{list-style:none;padding:0 24px 22px;margin:0}.hc-history li{display:grid;grid-template-columns:94px 14px 1fr;gap:12px;align-items:baseline;margin:0;padding:9px 0;position:relative;font-size:13px}.hc-history li:before{content:"";position:absolute;top:0;bottom:0;left:112px;border-left:1px solid var(--grid)}.hc-history time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.hc-history-dot{width:8px;height:8px;margin-left:3px;border-radius:50%;background:var(--series-1);z-index:1}.hc-history a{font-variant-numeric:tabular-nums;margin-right:6px}.hc-state-branch{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 20px 24px;font-size:13px}.hc-state-branch>div{display:flex;gap:30px}.hc-state-pools{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 20px 20px}.hc-payload-absent{opacity:.35;border-style:dashed;text-decoration:line-through}.hc-update-stat{display:flex;flex-wrap:wrap;align-items:baseline;gap:14px;min-height:48px;padding:10px 20px 20px;font-size:13px}.hc-update-stat b{font-size:25px}.hc-draft-path{display:flex;gap:16px;align-items:center;padding:0 20px 14px;font-size:13px}.hc-draft-path .hc-pool{flex:1}.hc-draft-path .hc-pool span{flex-basis:100%}.hc-flow-arrow{display:block;text-align:center;color:var(--muted);padding:8px}.hc-host-step{display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:13px}.hc-host-step>span{color:var(--muted);font-variant-numeric:tabular-nums}.hc-host-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 20px 20px}.hc-host-mode{min-width:0;border:1px solid var(--grid);border-radius:10px;padding:16px}.hc-host-mode h4{margin:0 0 16px;text-align:center;font-size:15px}.hc-host-grid{position:relative;display:grid;grid-template-columns:42px repeat(2,minmax(0,1fr));gap:6px 10px;align-items:center;text-align:center;font-size:12px}.hc-host-grid>b{font-weight:500}.hc-host-grid .hc-host-tier{text-align:left;font-weight:700}.hc-host-slot{display:flex;justify-content:center;align-items:center;min-height:38px;border:1px dashed var(--grid);border-radius:6px;color:var(--muted)}.hc-host-slot[data-present=true]{border:1px solid var(--series-1);background:color-mix(in srgb,var(--series-1) 14%,transparent);color:var(--ink);font-weight:700}.hc-host-arrow{font-size:21px;line-height:1;color:var(--grid)}.hc-host-arrow[data-active=true]{color:var(--series-1);font-weight:700}.hc-host-storage{grid-column:2 / 4}.hc-host-storage small{display:block;margin-top:5px;color:var(--muted);font-size:11px}@media(max-width:600px){.hc-history{padding-left:14px;padding-right:14px}.hc-history li{grid-template-columns:73px 10px 1fr;gap:8px;font-size:12px}.hc-history li:before{left:85px}.hc-history time{font-size:10px}.hc-history-dot{margin-left:1px}.hc-state-pools{gap:10px;padding-left:14px;padding-right:14px}.hc-host-comparison{grid-template-columns:1fr;padding-left:14px;padding-right:14px}.hc-draft-path{flex-wrap:wrap}.hc-draft-path .hc-pool{flex-basis:100%}}.hc-checkpoint-prefixes{padding:0 20px 16px}.hc-checkpoint-request{display:grid;grid-template-columns:85px minmax(110px,1fr) 25px minmax(95px,1fr);align-items:center;gap:8px;max-width:650px;margin:8px auto;font-size:13px;text-align:center}.hc-checkpoint-document,.hc-checkpoint-question{padding:8px 12px;border:1px solid var(--grid);border-radius:6px}.hc-checkpoint-document{background:color-mix(in srgb,var(--series-1) 12%,var(--surface));border-color:var(--series-1)}.hc-checkpoint-boundary{max-width:650px;margin:auto;padding-left:93px;width:100%;box-sizing:border-box;color:var(--muted);font-size:12px}.hc-checkpoint-steps{display:flex;flex-wrap:wrap;gap:6px;padding:12px 20px;border-block:1px solid var(--grid);background:var(--page-2)}.hc-checkpoint-steps button{display:flex;align-items:center;gap:6px;flex:1 1 110px;padding:8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:12px;text-align:left;cursor:pointer}.hc-checkpoint-steps button span{display:grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid var(--grid);border-radius:50%}.hc-checkpoint-steps button[aria-current=step]{color:var(--ink);background:var(--surface);border-color:var(--accent);font-weight:600}.hc-checkpoint-steps button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hc-checkpoint-storage{position:relative;padding:20px}.hc-checkpoint-tier{border:1px solid var(--axis);border-radius:10px;overflow:hidden}.hc-checkpoint-viz .hc-checkpoint-tier h4{margin:0;padding:9px 14px;background:var(--page-2);border-bottom:1px solid var(--grid);font-size:14px}.hc-checkpoint-pools{display:grid;grid-template-columns:1fr 1.5fr}.hc-checkpoint-kv-pool,.hc-checkpoint-state-pool{display:flex;flex-direction:column;gap:10px;padding:14px;min-width:0;font-size:12px}.hc-checkpoint-state-pool{border-left:1px solid var(--grid)}.hc-checkpoint-pages{display:flex;flex-wrap:wrap;gap:5px}.hc-checkpoint-pages span{padding:13px 10px;border:1px solid var(--series-1);border-radius:5px;background:color-mix(in srgb,var(--series-1) 12%,var(--surface))}.hc-checkpoint-pages[data-present=false] span{color:var(--muted);border-color:var(--grid);border-style:dashed;background:transparent}.hc-checkpoint-kv-pool>small{color:var(--muted)}.hc-checkpoint-slots{display:flex;flex-wrap:wrap;gap:8px}.hc-checkpoint-snapshot{flex:1 1 125px;min-width:0;display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid var(--series-3);border-radius:6px;background:color-mix(in srgb,var(--series-3) 10%,var(--surface))}.hc-checkpoint-snapshot small,.hc-checkpoint-snapshot>span{font-size:11px;color:var(--muted)}.hc-checkpoint-snapshot strong{font-size:12px;line-height:1.5}.hc-checkpoint-snapshot[data-document=false]{border-color:var(--axis);background:var(--page-2)}.hc-checkpoint-snapshot[data-present=false]{border-color:var(--grid);border-style:dashed;background:transparent;color:var(--muted)}.hc-checkpoint-snapshot[data-new=true]{outline:2px solid var(--series-3);outline-offset:2px}.hc-checkpoint-transfer{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;font-size:13px;line-height:1.5;text-align:center}.hc-checkpoint-transfer>span{font-size:30px;color:var(--series-3)}.hc-checkpoint-transfer[data-fixed=false][data-step="2"],.hc-checkpoint-transfer[data-fixed=false][data-step="4"]{color:var(--series-2)}@media(max-width:600px){.hc-checkpoint-prefixes,.hc-checkpoint-steps,.hc-checkpoint-storage{padding-left:12px;padding-right:12px}.hc-checkpoint-request{grid-template-columns:58px minmax(70px,1fr) 16px minmax(70px,1fr);gap:5px;font-size:12px}.hc-checkpoint-document,.hc-checkpoint-question{padding:8px 4px}.hc-checkpoint-boundary{padding-left:63px}.hc-checkpoint-pools{grid-template-columns:1fr}.hc-checkpoint-state-pool{border-left:0;border-top:1px solid var(--grid)}.hc-checkpoint-kv-pool,.hc-checkpoint-state-pool{padding:10px}.hc-checkpoint-pages span{padding:7px 10px}}.hc-checkpoint-flight{position:absolute;z-index:2;display:grid;place-items:center;box-sizing:border-box;padding:8px;pointer-events:none;border:2px solid var(--series-3);border-radius:6px;background:var(--surface);box-shadow:0 6px 18px color-mix(in srgb,var(--ink) 18%,transparent);color:var(--ink);font-size:12px;text-align:center;will-change:left,top,width,height}.hc-checkpoint-flight[data-kind=snapshot]{background:color-mix(in srgb,var(--series-3) 20%,var(--surface))}.hc-checkpoint-flight[data-kind=kv]{border-color:var(--series-1);background:color-mix(in srgb,var(--series-1) 20%,var(--surface))}