.live-how-scope{--how-red:var(--color-award-red);--how-red-bright:color-mix(in srgb, var(--how-red) 75%, var(--how-platinum));--how-green:#02bd52;--how-light:oklch(84% .14 152);--how-ink:oklch(43% .125 152);--how-platinum:oklch(92% .008 255);--how-muted:oklch(68% .016 255);--how-background:oklch(16% .02 255);--how-border:oklch(31% .025 255);--how-scrim:oklch(8% .01 255/.94);color:var(--how-platinum);font-family:var(--font-body);letter-spacing:0}.live-how-backdrop{z-index:150;background:var(--how-scrim);position:fixed;inset:0}.live-how-panel{z-index:151;overscroll-behavior:contain;background:var(--how-background);border:1px solid var(--how-border);color:var(--how-platinum);outline:none;position:fixed;inset:16px;overflow-y:auto}.live-how-inner{flex-direction:column;max-width:1440px;min-height:100%;margin:0 auto;padding:32px 48px;display:flex}.live-how-heading-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.live-how-eyebrow{color:var(--how-red);text-transform:uppercase;letter-spacing:.16em;font-size:10px}.live-how-close{z-index:5;color:var(--how-platinum);background:var(--how-background);border-radius:0;flex-shrink:0;position:fixed;top:44px;right:48px}.live-how-scope button:hover{background:color-mix(in srgb, var(--how-ink) 18%, transparent);color:var(--how-light)}.live-how-scope button:focus-visible{outline:2px solid var(--how-light);outline-offset:4px;box-shadow:none}.live-how-title{font-family:var(--font-house-editorial);max-width:900px;margin:14px 0;font-size:48px;font-weight:400;line-height:1.15}.live-how-description{color:var(--how-muted);font-size:13px;line-height:1.7}.live-how-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 20px;display:flex}.live-how-source-controls{flex:1;min-width:0}.live-how-sources{flex-wrap:wrap;gap:6px;display:flex}.live-how-source{height:30px;color:var(--how-platinum);border:1px solid var(--how-border);border-radius:4px;gap:6px;padding:0 9px;font-size:10px;font-weight:400}.live-how-source svg{color:var(--how-green)}.live-how-source[aria-pressed=true]{border-color:var(--how-green);background:color-mix(in srgb, var(--how-ink) 18%, transparent)}.live-how-source-count{font-variant-numeric:tabular-nums;color:var(--how-platinum);align-items:center;gap:8px;margin-top:12px;font-family:monospace;font-size:11px;display:flex}.live-how-source-count svg{color:var(--how-green)}.live-how-flow-source{color:var(--how-green);background:var(--how-background);border-radius:50%;padding:2px;position:absolute;top:56px;left:calc(50% + 20px)}.live-how-stage[data-phase-active=true] .live-how-node-label{color:var(--how-platinum)}.live-how-stage[data-phase-active=false] .live-how-node-label{color:var(--how-muted)}.live-how-demo{color:var(--how-muted);font-size:10px}.live-how-phases{border-block:1px solid var(--how-border);flex-wrap:wrap;gap:8px;padding:16px 0;display:flex}.live-how-phase{color:var(--how-muted);border:1px solid var(--how-border);border-radius:4px;height:32px;padding:0 14px;font-size:11px;font-weight:400}.live-how-phase[aria-pressed=true]{color:var(--how-light);border-color:var(--how-ink);background:color-mix(in srgb, var(--how-ink) 15%, transparent)}.live-how-phase-dot{background:currentColor;border-radius:50%;width:4px;height:4px}.live-how-flow{grid-template-rows:repeat(2,216px);grid-template-columns:repeat(6,minmax(0,1fr));row-gap:48px;margin:42px 0 24px;display:grid}.live-how-stage{min-width:0;position:relative}.live-how-stage:nth-child(n+7){grid-row:2}.live-how-stage:nth-child(7){grid-column:6}.live-how-stage:nth-child(8){grid-column:5}.live-how-stage:nth-child(9){grid-column:4}.live-how-stage:nth-child(10){grid-column:3}.live-how-stage:nth-child(11){grid-column:2}.live-how-stage:nth-child(12){grid-column:1}.live-how-node-button{z-index:2;width:100%;height:150px;color:var(--how-platinum);white-space:normal;background:0 0;border-radius:0;flex-direction:column;gap:8px;padding:0 10px;font-weight:400;display:flex;position:relative}.live-how-node{border:1px solid var(--how-red);background:var(--how-background);width:72px;height:72px;color:var(--how-green);box-shadow:0 0 20px color-mix(in srgb, var(--how-green) 8%, transparent), inset 0 0 18px color-mix(in srgb, var(--how-green) 5%, transparent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.live-how-node-button[aria-pressed=true] .live-how-node{border-color:var(--how-red-bright);color:var(--how-green);box-shadow:0 0 24px color-mix(in srgb, var(--how-red) 27%, transparent)}.live-how-number{color:var(--how-green);font-variant-numeric:tabular-nums;margin-top:3px;font-size:9px}.live-how-node-label{text-align:center;max-width:125px;font-size:12px;line-height:1.4}.live-how-connector{z-index:1;background:var(--how-ink);width:100%;height:1px;position:absolute;top:36px;left:50%}.live-how-packet{background:var(--how-light);width:5px;height:5px;box-shadow:0 0 5px color-mix(in srgb, var(--how-green) 45%, transparent);border-radius:50%;animation:5s linear infinite live-how-packet;position:absolute;top:-2px}.live-how-stage[data-phase-active=true] .live-how-connector{background:var(--how-green)}.live-how-stage:nth-child(2n) .live-how-packet{animation-delay:-2.5s}.live-how-stage:nth-child(6) .live-how-connector{width:1px;height:264px}.live-how-stage:nth-child(6) .live-how-packet{animation-name:live-how-packet-down;top:0;left:-2px}.live-how-stage:nth-child(n+7) .live-how-connector{left:auto;right:50%}.live-how-stage:nth-child(n+7) .live-how-packet{animation-direction:reverse}.live-how-chain{z-index:3;align-items:center;display:flex;position:absolute;top:195px;left:50%;transform:translate(-50%)}.live-how-chain span{border:1px solid var(--how-ink);width:10px;height:10px;animation:6s ease-in-out infinite live-how-block}.live-how-chain span:nth-of-type(2){animation-delay:1s}.live-how-chain span:nth-of-type(3){animation-delay:2s}.live-how-chain i{background:var(--how-ink);width:8px;height:1px}.live-how-broadcast{pointer-events:none;position:absolute;inset:-1px}.live-how-broadcast span{border:1px solid var(--how-green);border-radius:50%;animation:6s ease-out infinite live-how-radiate;position:absolute;inset:0}.live-how-broadcast span+span{animation-delay:3s}.live-how-globe{width:140px;height:85px;fill:var(--how-green);opacity:.15;pointer-events:none;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.live-how-detail{border-block:1px solid var(--how-border);gap:24px;min-height:180px;padding:24px 0;display:flex}.live-how-detail-number{font-family:var(--font-house-editorial);color:var(--how-green);font-size:42px;line-height:1}.live-how-detail-phase{color:var(--how-green);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.live-how-detail h3{font-family:var(--font-house-editorial);margin:7px 0;font-size:24px;font-weight:400}.live-how-detail p:last-child{color:var(--how-muted);max-width:800px;font-size:13px;line-height:1.8}.live-how-footer{color:var(--how-muted);align-items:center;gap:8px;margin-top:auto;padding-top:26px;font-size:10px;display:flex}.live-how-monitor-dot{background:var(--how-green);border-radius:50%;width:5px;height:5px;animation:3s ease-in-out infinite live-how-monitor}@keyframes live-how-packet{0%{left:0}to{left:100%}}@keyframes live-how-packet-down{0%{top:0}to{top:100%}}@keyframes live-how-block{30%{background:var(--how-ink);border-color:var(--how-light)}}@keyframes live-how-radiate{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.75)}}@keyframes live-how-monitor{50%{opacity:.3}}.live-board .live-method-item{position:relative}.live-board .live-pillar-explain{z-index:4;background:0 0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.live-board .live-pillar-explain:hover{background:0 0}.live-board .live-pillar-explain:focus-visible{outline:1px solid var(--live-ai-light);outline-offset:-3px}.live-board .live-pillar-hint{color:var(--live-ai-light);opacity:0;font-size:8px;transition:opacity .3s;position:absolute;top:6px;right:8px}.live-board .live-pillar-explain:hover .live-pillar-hint,.live-board .live-pillar-explain:focus-visible .live-pillar-hint{opacity:1}.live-how-node-data{z-index:2;text-align:center;font-variant-numeric:tabular-nums;max-width:170px;color:var(--how-green);margin:4px auto 0;padding-inline:8px;font-family:monospace;font-size:10px;line-height:1.65;position:relative}.live-how-node-data p{overflow-wrap:anywhere;min-height:34px;transition:color .3s}.live-how-shares{justify-content:center;gap:4px;height:28px;margin:-5px 0 2px;display:flex}.live-how-shares svg{width:10px;height:28px;fill:var(--how-green);opacity:.55;transition:opacity .3s,filter .3s}.live-how-shares svg[data-traced=true]{opacity:1;filter:drop-shadow(0 0 4px var(--how-green))}.live-how-shares .live-how-share-track{fill:var(--how-border)}.live-how-detail-copy{flex:1;min-width:0}.live-how-detail-live{flex-shrink:0;width:300px}.live-how-live-chart{fill:none;width:100%;height:56px;stroke:var(--how-green);stroke-width:1.2px}.live-how-live-chart .live-how-chart-grid{stroke:var(--how-border);stroke-width:.5px}.live-how-detail-live dl{font-variant-numeric:tabular-nums;gap:7px;margin-top:8px;font-family:monospace;font-size:10px;display:grid}.live-how-detail-live dl div{justify-content:space-between;gap:12px;display:flex}.live-how-detail-live dt{color:var(--how-muted);flex-shrink:0}.live-how-detail-live dd{color:var(--how-light);text-align:right;overflow-wrap:anywhere}.live-how-strips{min-width:0;margin-top:24px}.live-how-strip{border-bottom:1px solid var(--how-border);grid-template-columns:190px minmax(0,1fr);align-items:center;min-height:44px;display:grid}.live-how-strip-label{color:var(--how-platinum);padding-right:12px;font-family:monospace;font-size:10px;font-weight:400}.live-how-strip-window{outline-offset:-2px;min-width:0;height:44px;overflow:hidden}.live-how-strip-window:focus-visible{outline:1px solid var(--how-green)}.live-how-strip-track{width:max-content;height:44px;animation:168s linear infinite live-how-strip-flow;display:flex}.live-how-strip-group{flex-shrink:0;display:flex}.live-how-strip-item{white-space:nowrap;width:480px;color:var(--how-muted);opacity:.7;flex:0 0 480px;align-items:center;gap:12px;padding-right:36px;font-family:monospace;font-size:10px;display:flex;overflow:hidden}.live-how-strip-item>span:last-child{text-overflow:ellipsis;overflow:hidden}.live-how-strip-item[data-traced=true]{opacity:1;color:var(--how-platinum);text-shadow:0 0 9px color-mix(in srgb, var(--how-green) 30%, transparent)}.live-how-strip-dot{background:var(--how-green);border-radius:50%;flex-shrink:0;width:3px;height:3px}.live-how-strip-item[data-traced=true] .live-how-strip-dot{box-shadow:0 0 6px var(--how-green)}.live-how-block-number{color:var(--how-red);font-weight:400}.live-how-strip:hover .live-how-strip-track,.live-how-strip:focus-within .live-how-strip-track{animation-play-state:paused}@keyframes live-how-strip-flow{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=700px){.live-how-panel{inset:8px}.live-how-inner{padding:20px 20px 26px}.live-how-heading-row{min-height:40px;padding-right:40px}.live-how-close{top:28px;right:28px}.live-how-title{max-width:290px;font-size:34px}.live-how-description{font-size:12px}.live-how-eyebrow{font-size:8px}.live-how-meta{flex-direction:column;align-items:flex-start;margin-block:20px}.live-how-phases{gap:6px}.live-how-phase{padding-inline:9px;font-size:10px}.live-how-flow{flex-direction:column;gap:0;margin:32px 0 20px;display:flex}.live-how-stage{flex-shrink:0;height:172px}.live-how-node-button{text-align:left;grid-template-rows:20px 52px;grid-template-columns:72px minmax(0,1fr);align-content:start;justify-items:start;gap:0 24px;height:100px;padding:0;display:grid}.live-how-node{grid-area:1/1/3}.live-how-number{grid-area:1/2;align-self:end;margin:0}.live-how-node-label{text-align:left;grid-area:2/2;align-self:start;max-width:200px;padding-top:4px;font-size:15px}.live-how-stage .live-how-connector,.live-how-stage:nth-child(6) .live-how-connector,.live-how-stage:nth-child(n+7) .live-how-connector{width:1px;height:172px;top:36px;left:36px;right:auto}.live-how-stage .live-how-packet,.live-how-stage:nth-child(n+7) .live-how-packet{animation:5s linear infinite live-how-packet-down;top:0;left:-2px}.live-how-chain{top:148px;left:102px;transform:none}.live-how-globe{left:36px}.live-how-stage:last-child{height:150px}.live-how-node-data{text-align:left;max-width:none;margin:-25px 0 0 96px;padding:0}.live-how-shares{justify-content:flex-start;margin-top:0}.live-how-detail{grid-template-columns:32px minmax(0,1fr);gap:16px;display:grid}.live-how-detail-live{grid-column:1/-1;width:100%}.live-how-flow-source{left:55px}.live-how-strip{grid-template-columns:minmax(0,1fr);padding-top:12px}.live-how-strip-label{padding-right:0}.live-how-source{font-size:9px}.live-how-source-count{flex-wrap:wrap;font-size:10px}.live-how-detail-number{font-size:32px}.live-how-detail h3{font-size:24px}.live-how-footer{font-size:9px}}@media (prefers-reduced-motion:reduce){.live-how-scope *,.live-board .live-pillar-hint{transition:none!important;animation:none!important}.live-how-packet,.live-how-broadcast{display:none}.live-how-strip-track{transform:none}.live-how-strip-window{height:auto}.live-how-strip-track,.live-how-strip-group{width:100%;height:auto}.live-how-strip-group{flex-wrap:wrap}.live-how-strip-group[aria-hidden=true]{display:none}.live-how-strip-item{white-space:normal;flex-basis:100%;width:100%;min-height:40px;padding-right:0}.live-how-strip-item>span:last-child{overflow-wrap:anywhere}}.live-how-backdrop{z-index:299}.live-how-panel{z-index:300}