@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Michroma&family=Space+Grotesk:wght@400;500;600&display=swap";:root{--color-green:#a8f0a0;--color-green-dark:#09af58;--color-green-hover:#93f57e;--color-green-pale:#ddffdc;--color-green-muted:#c8f9b6;--color-shade-bright:#b8d9b6;--color-shade-mid:#8aab87;--color-shade-dim:#5c7a59;--color-shade-faint:#748272;--color-dark:#212525;--color-page:#141616;--color-black:#000;--font-header:"Michroma", sans-serif;--font-display:"Space Grotesk", ui-sans-serif, system-ui, sans-serif;--font-body:"Inter", ui-sans-serif, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--color-black);color:var(--color-green-pale);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6}body{margin:0}a{color:var(--color-green);text-decoration:none}a:hover{color:var(--color-green-hover);text-decoration:underline}h1,h2,h3{font-family:var(--font-display);color:var(--color-green-pale);font-weight:500;line-height:1.2}h1{margin:.5rem 0 1rem;font-size:2rem}h2{margin-top:2.5rem;font-size:1.4rem}h3{margin:1.5rem 0 .6rem;font-size:1.05rem}code,pre,.mono{font-family:var(--font-mono)}code{color:var(--color-green-muted);font-size:.88em}.muted{color:var(--color-shade-mid)}.dim{color:var(--color-shade-dim)}.small{font-size:.8rem}.break{word-break:break-all}.panel{background:var(--color-dark);border-radius:8px;padding:1.25rem 1.5rem}.shell{flex-direction:column;min-height:100vh;display:flex}.top{border-bottom:1px solid var(--color-dark);z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.brand{color:var(--color-green-pale);align-items:center;gap:.9rem;display:flex}.brand:hover{color:var(--color-green-pale);text-decoration:none}.brand-wordmark{width:auto;height:20px;display:block}.brand-product{font-family:var(--font-header);letter-spacing:.12em;text-transform:uppercase;color:var(--color-shade-bright);border-left:1px solid var(--color-dark);padding-left:.9rem;font-size:.85rem}.nav{gap:.25rem;display:flex}.nav a{white-space:nowrap;font-family:var(--font-display);color:var(--color-shade-mid);border-radius:6px;padding:.35rem .75rem;font-size:.95rem}.nav a:hover{color:var(--color-green-pale);background:var(--color-dark);text-decoration:none}.nav a.active{color:var(--color-black);background:var(--color-green)}main{flex:1}.page{max-width:960px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2.5rem) 4rem}.page-wide{max-width:1440px}.lede{color:var(--color-shade-bright);max-width:46rem;font-size:1.02rem}.hero h1{font-family:var(--font-header);letter-spacing:.02em;font-size:clamp(1.3rem,3vw,1.9rem);font-weight:400}.crumb{color:var(--color-shade-dim);margin:0;font-size:.8rem}.pager{gap:1.25rem;margin-top:-.5rem;font-size:.9rem;display:flex}.foot{border-top:1px solid var(--color-dark);color:var(--color-shade-dim);flex-wrap:wrap;justify-content:space-between;gap:1rem;padding:1.25rem clamp(1rem,4vw,2.5rem);font-size:.82rem;display:flex}.foot-meta{align-items:center;gap:.4rem;display:inline-flex}.dot{background:var(--color-shade-dim);border-radius:50%;width:7px;height:7px;display:inline-block}.dot-live,.dot-mock{background:var(--color-green);box-shadow:0 0 6px var(--color-green)}.dot-polling{background:var(--color-shade-bright)}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1.5rem 0;display:grid}.stat{background:var(--color-page);border:1px solid var(--color-dark);border-radius:8px;padding:.8rem 1rem}.stat-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-shade-dim);font-size:.72rem}.stat-value{font-family:var(--font-display);color:var(--color-green);font-size:1.5rem;line-height:1.3}.stat-sub{color:var(--color-shade-mid);font-size:.8rem}.viz-bar{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.viz-legend{color:var(--color-shade-mid);flex-wrap:wrap;align-items:center;gap:.4rem;margin-left:auto;font-size:.78rem;display:inline-flex}.lg{width:14px;height:12px;margin-left:.6rem;display:inline-block}.lg-tick{border-left:2px solid var(--color-green)}.lg-tick-pending{border-left:2px dashed var(--color-shade-dim)}.lg-anchor{border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--color-green-pale);width:0;height:0}.swimlanes{border:1px solid var(--color-dark);background:var(--color-page);border-radius:8px;width:100%;position:relative;overflow:hidden}.swimlanes canvas{touch-action:manipulation;width:100%;display:block}.viz-tip{pointer-events:none;z-index:5;background:var(--color-black);border:1px solid var(--color-shade-dim);min-width:200px;max-width:260px;color:var(--color-shade-bright);border-radius:6px;padding:.55rem .7rem;font-size:.78rem;line-height:1.45;position:absolute}.viz-tip-title{font-family:var(--font-display);color:var(--color-green-pale);font-size:.9rem;font-weight:600}.seg{border:1px solid var(--color-dark);border-radius:6px;display:inline-flex;overflow:hidden}.seg button,.btn-ghost,.btn{font:500 .85rem var(--font-display);cursor:pointer;color:var(--color-shade-mid);background:0 0;border:0;padding:.4rem .8rem}.seg button.on{background:var(--color-dark);color:var(--color-green)}.btn-ghost{border:1px solid var(--color-dark);border-radius:6px}.btn-ghost:hover,.seg button:hover{color:var(--color-green-pale)}.btn-ghost.on{color:var(--color-black);background:var(--color-green);border-color:var(--color-green)}.btn{background:var(--color-green);color:var(--color-black);border-radius:6px;padding:.5rem 1rem}.btn:hover{background:var(--color-green-hover)}.btn:disabled{background:var(--color-dark);color:var(--color-shade-dim);cursor:not-allowed}.tick-panel{margin-top:1rem}.tick-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.tick-panel-head h3{align-items:center;gap:.6rem;margin:0;display:flex}.tick-panel-actions{align-items:center;gap:1rem;font-size:.9rem;display:flex}.head-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.4rem;margin-top:1rem;display:grid}.head-chip{background:var(--color-page);color:var(--color-shade-bright);border-radius:5px;align-items:center;gap:.45rem;padding:.3rem .5rem;font-size:.8rem;display:flex}.head-chip:hover{color:var(--color-green-pale);text-decoration:none}.head-chip-name{font-family:var(--font-display);min-width:3.2em;font-weight:600}.swatch{border-radius:2px;flex:none;width:8px;height:8px;display:inline-block}.swatch-lg{border-radius:3px;width:14px;height:14px}.chain-title{align-items:center;gap:.6rem;display:flex}.chain-cell{color:var(--color-green-pale);align-items:center;gap:.5rem;display:inline-flex}.kv{gap:.35rem;margin:0;display:grid}.kv>div{grid-template-columns:10rem 1fr;align-items:baseline;gap:1rem;display:grid}.kv dt{color:var(--color-shade-mid);font-size:.85rem}.kv dd{overflow-wrap:anywhere;min-width:0;margin:0}.cols{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem;display:grid}.hex{font:.85rem var(--font-mono);cursor:copy;color:var(--color-green-muted);text-align:left;word-break:break-all;background:0 0;border:0;padding:0;position:relative}.hex:hover{color:var(--color-green-pale)}.copied{color:var(--color-green);white-space:nowrap;margin-left:.5rem;font-size:.72rem;position:absolute;left:100%}.table-wrap{border:1px solid var(--color-dark);border-radius:8px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.85rem}.table th{text-align:left;font:500 .72rem var(--font-body);text-transform:uppercase;letter-spacing:.08em;color:var(--color-shade-dim);border-bottom:1px solid var(--color-dark);white-space:nowrap;padding:.6rem .8rem}.table td{border-bottom:1px solid var(--color-dark);white-space:nowrap;padding:.45rem .8rem}.table tr:last-child td{border-bottom:0}.table tbody tr{cursor:default}.table tbody tr:hover{background:#a8f0a00a}.table .num{text-align:right}.row-sel{background:#a8f0a014!important}.pill{font:500 .7rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-shade-dim);color:var(--color-shade-mid);border-radius:4px;padding:.05rem .45rem;display:inline-block}.pill-mined,.pill-confirmed,.pill-final{background:var(--color-green);border-color:var(--color-green);color:var(--color-black)}.pill-broadcast,.pill-signed,.pill-batched{border-color:var(--color-green);color:var(--color-green)}.pill-reorged{color:var(--color-green-pale);border-style:dashed;border-color:var(--color-green-pale)}.flag{font:500 .68rem var(--font-mono);text-transform:uppercase;border:1px solid var(--color-shade-mid);color:var(--color-shade-mid);border-radius:3px;margin-right:.3rem;padding:0 .4rem;display:inline-block}.flag-stale{border-color:var(--color-shade-dim);color:var(--color-shade-dim)}.flag-disagreement{background:var(--color-green-pale);border-color:var(--color-green-pale);color:var(--color-black)}.notice{border-left:3px solid var(--color-green-pale);margin:1rem 0}.code{background:var(--color-page);border:1px solid var(--color-dark);color:var(--color-shade-bright);border-radius:8px;padding:1rem;font-size:.8rem;overflow-x:auto}.privacy{border-left:3px solid var(--color-green);color:var(--color-shade-bright);margin:1.25rem 0}.privacy strong{color:var(--color-green);font-weight:600}.drop{text-align:center;border:1.5px dashed var(--color-shade-dim);background:var(--color-page);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;min-height:140px;padding:1.25rem;transition:border-color .15s,background .15s;display:flex;position:relative}.drop:hover,.drop-over{border-color:var(--color-green);background:#a8f0a00a}.drop input{opacity:0;clip-path:inset(50%);pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.drop:focus-within{border-color:var(--color-green);outline:2px solid var(--color-green);outline-offset:2px}.drop-label{font-family:var(--font-display);color:var(--color-green-pale);word-break:break-all;font-size:1.05rem}.drop-hint{color:var(--color-shade-mid);font-size:.82rem}.text-stamp{align-items:flex-end;gap:.75rem;margin-top:1rem;display:flex}.text-stamp textarea,.input{background:var(--color-page);width:100%;color:var(--color-green-pale);border:1px solid var(--color-dark);font:.9rem var(--font-body);resize:vertical;border-radius:6px;padding:.6rem .75rem}.input.mono{font-family:var(--font-mono);font-size:.82rem}.input:focus,.text-stamp textarea:focus{outline:1px solid var(--color-green);border-color:var(--color-green)}.drop+.input{margin-top:.6rem}.input-small{width:4.5rem;margin-left:.4rem;display:inline-block}.rpc-row{color:var(--color-shade-mid);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;font-size:.88rem;display:flex}.field-error{color:var(--color-green-pale);border-left:3px dashed var(--color-green-pale);margin:.4rem 0 0;padding-left:.6rem;font-size:.85rem}.items{gap:.6rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.item{background:var(--color-dark);border-radius:8px;gap:.35rem;padding:.8rem 1rem;font-size:.85rem;display:grid}.item-head{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.item-name{font-family:var(--font-display);color:var(--color-green-pale);word-break:break-all;font-size:1rem}.item-actions{flex-wrap:wrap;gap:.6rem;margin-top:.3rem;display:flex}.bar{background:var(--color-page);border-radius:2px;height:4px;overflow:hidden}.bar>div{background:var(--color-green);height:100%;transition:width .1s}.result{margin-top:1.5rem}.result-ok{border-left:3px solid var(--color-green)}.result-bad{border-left:3px dashed var(--color-green-pale)}.result-head{font-family:var(--font-display);color:var(--color-green-pale);font-size:1.25rem}.result-ok .result-head{color:var(--color-green)}.att-list{gap:.6rem;padding:0;list-style:none;display:grid}.src-list{color:var(--color-shade-mid);margin:.3rem 0 0;padding:0 0 0 .5rem;list-style:none}.health{flex-direction:column;gap:.3rem;display:flex}.health-word{font-family:var(--font-header);text-transform:uppercase;letter-spacing:.1em;color:var(--color-shade-mid);font-size:1.3rem}.health-ok .health-word{color:var(--color-green)}.warn{border-left-color:var(--color-green-pale);color:var(--color-green-pale);background:#ddffdc12}.low-balance{color:var(--color-green-pale)}.warn-tag{font:500 .68rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--color-black);background:var(--color-green-pale);border-radius:3px;margin-left:.5rem;padding:0 .4rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skel{vertical-align:middle;background:linear-gradient(90deg, var(--color-dark) 0%, #2c3230 50%, var(--color-dark) 100%);background-size:200% 100%;border-radius:4px;min-width:2rem;height:.8em;animation:1.4s ease-in-out infinite skel;display:inline-block}.skel-value{width:7.5rem;height:1.1rem}.skel-sub{width:5.5rem;height:.65rem}.skel-inline{width:6rem}.skel-line{width:min(22rem,80%)}.skel-word{width:6rem;height:1.1rem}.skel-table{padding:.35rem 0}.skel-row{border-bottom:1px solid var(--color-dark);align-items:center;gap:1.2rem;padding:.6rem .8rem;display:flex}.skel-row:last-child{border-bottom:0}.skel-grow{flex:1}@keyframes skel{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}}.prose p,.prose li{max-width:46rem;color:var(--color-shade-bright)}.prose h2{margin-top:2.25rem}.steps{gap:.55rem;padding-left:1.4rem;display:grid}.steps li::marker{color:var(--color-green);font-family:var(--font-mono);font-size:.85rem}a.ext{text-underline-offset:2px;-webkit-text-decoration:underline #a8f0a059;text-decoration:underline #a8f0a059}a.ext:hover{text-decoration-color:currentColor}.glyph{border-radius:2px;flex:none;display:block}.lg-witness{background:linear-gradient(90deg, var(--color-green) 40%, var(--color-green-dark) 40%);border-radius:2px;width:10px;height:10px}.kind{font:500 .68rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--color-shade-dim);color:var(--color-shade-mid);border-radius:3px;padding:0 .4rem;display:inline-block}.kind-machine{border-color:var(--color-green);color:var(--color-green)}.src-legend{color:var(--color-shade-mid);flex-wrap:wrap;gap:.9rem;margin:0 0 0 auto;font-size:.78rem;display:inline-flex}.lg-item{align-items:center;gap:.4rem;display:inline-flex}.src-lanes{border:1px solid var(--color-dark);background:var(--color-page);border-radius:8px;overflow:hidden}.src-lane{border-bottom:1px solid var(--color-dark);grid-template-columns:15rem minmax(0,1fr);align-items:center;gap:1rem;padding:.55rem .9rem;display:grid}.src-lane:last-child{border-bottom:0}.src-lane-label{align-items:flex-start;gap:.6rem;min-width:0;display:flex}.src-lane-label .swatch{margin-top:.45rem}.src-lane-text{flex-direction:column;min-width:0;display:flex}.src-lane-name{font-family:var(--font-display);color:var(--color-green-pale);font-size:.92rem;font-weight:600;line-height:1.3}.src-lane-meta{color:var(--color-shade-mid);font-size:.76rem}.src-lane-body{min-width:0}.src-strip{justify-content:flex-end;gap:3px;padding:4px 2px;display:flex;overflow:hidden}.slot{width:18px;height:22px;color:var(--color-shade-dim);font:.8rem var(--font-mono);background:0 0;border:0;border-radius:3px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}button.slot{cursor:pointer}button.slot:hover{background:var(--color-dark)}button.slot:focus-visible{outline:2px solid var(--color-green);outline-offset:1px}.slot-same .glyph{opacity:.45}.slot-changed:after{content:"";background:var(--color-green-pale);border-radius:1px;width:6px;height:2px;margin-left:-3px;position:absolute;top:0;left:50%}.slot-missed:before{content:"";border:1px dashed var(--color-shade-dim);border-radius:2px;width:10px;height:10px}.slot-pending:before{content:"";border:1px solid var(--color-shade-mid);border-radius:2px;width:10px;height:10px;animation:1.6s ease-in-out infinite pend}.slot-none:before{content:"";background:var(--color-dark);border-radius:50%;width:2px;height:2px}.slot-failed{color:var(--color-shade-mid)}.slot-x{font-size:.9rem}.slot.demo{width:14px;height:14px}.slot-ok.demo{background:var(--color-green)}.slot-ok.slot-same.demo{opacity:.45}@keyframes pend{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.slot-pending:before{animation:none}}.src-axis{color:var(--color-shade-dim);font:.68rem var(--font-mono);justify-content:space-between;padding:0 2px;display:flex}.check-copy .privacy{margin-top:0}.ok-mark{color:var(--color-green);white-space:nowrap;margin-left:.4rem;font-size:.78rem}.bad-mark{color:var(--color-green-pale);border-bottom:1px dashed var(--color-green-pale);white-space:nowrap;margin-left:.4rem;font-size:.78rem}.result .kv{margin-top:.75rem}.path-tag{font:500 .68rem var(--font-mono);text-transform:uppercase;color:var(--color-black);background:var(--color-green);border-radius:3px;margin-left:.6rem;padding:0 .35rem}.record-bar{justify-content:flex-end;margin-bottom:.75rem;display:flex}.rec{gap:.25rem;margin:0;display:grid}.rec>div{grid-template-columns:minmax(8rem,max-content) 1fr;align-items:baseline;gap:1rem;display:grid}.rec dt{color:var(--color-shade-mid);font-size:.8rem}.rec dd{overflow-wrap:anywhere;min-width:0;margin:0}.rec .rec{border-left:1px solid var(--color-shade-dim);padding-left:.75rem}.rec-long{color:var(--color-green-muted);font-size:.8rem}.rec-list{margin:0;padding-left:1.2rem}@media (max-width:760px){.top{flex-direction:column;align-items:stretch;gap:.6rem;padding-top:.75rem;padding-bottom:.6rem}.brand{gap:.65rem}.brand-wordmark{height:17px}.brand-product{letter-spacing:.1em;padding-left:.65rem;font-size:.7rem}.nav{scrollbar-width:none;margin:0 calc(-1*clamp(1rem,4vw,2.5rem));padding:0 clamp(1rem,4vw,2.5rem);overflow-x:auto}.nav::-webkit-scrollbar{display:none}.src-lane{grid-template-columns:1fr;gap:.3rem}.src-legend{margin-left:0}.rec>div{grid-template-columns:1fr;gap:0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cols{grid-template-columns:1fr}.kv>div{grid-template-columns:1fr;gap:0}.viz-legend{margin-left:0}.hide-narrow{display:none}}@media (max-width:520px){.nav a{padding:.3rem .5rem;font-size:.88rem}.text-stamp{flex-direction:column;align-items:stretch}}