#root.show-root{height:auto;min-height:100dvh;display:block}.show-top .controls{justify-content:flex-end}.show{max-width:1280px;padding:0 var(--pad) 40px;margin:0 auto}.show h2{font-family:var(--disp);letter-spacing:.01em;margin:0 0 8px;font-size:18px;font-weight:500}.show p{color:var(--ink2);margin:0;font-size:14px;line-height:1.55}.show-hero{text-align:center;max-width:760px;margin:0 auto;padding:28px 0 14px}.show-hero h2{color:var(--ink);font-size:clamp(22px,3vw,30px)}.show-hero p{font-size:15px}.show-cta{color:var(--scan);border-bottom:1px solid #0000;margin-top:12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-block}.show-cta:hover,.show-cta:focus-visible{border-bottom-color:var(--scan)}.show-stage{border:1px solid var(--line);clip-path:inset(0 round 16px);background:#11284a59;border-radius:16px;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1.45fr) minmax(320px,.8fr);height:clamp(460px,62vh,640px);display:grid}.show-stage .stage{height:100%}.show-stage .tape-panel{height:100%;min-height:0}.tape-caption{padding:0 var(--pad) 8px;color:var(--ink3);margin:0;font-size:11.5px;line-height:1.45}.show-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 28px;padding:12px 0 0;display:flex}.show-strip>i{background:var(--line-hi);width:1px;height:14px}.show-strip .stats,.show-strip .legend{justify-content:center}.show .show-caption{text-align:center;max-width:820px;color:var(--ink2);margin:8px auto 0;font-size:12.5px}.show-text{counter-reset:show-card;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:32px 0 8px;display:grid}.show-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.show-card:before{counter-increment:show-card;content:counter(show-card, decimal-leading-zero);font-family:var(--disp);color:var(--ink3);margin-bottom:8px;font-size:20px;display:block}.show-text h2{font-size:15px}.show-explainer{text-align:center;padding:40px 0 8px}.show-explainer>h2{margin:0 0 6px;font-size:22px}.show-explainer>.explainer{max-width:980px;margin:0 auto}.show-foot{text-align:center;border-top:1px solid var(--line);flex-direction:column;align-items:center;gap:10px;margin-top:36px;padding:20px 0 0;display:flex}@media (max-width:1023px){.show-stage{grid-template-rows:min(60vw,520px) 360px;grid-template-columns:1fr;height:auto}.show-stage .tape-panel{border-left:0;border-top:1px solid var(--line)}.show-text{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.show{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.show-hero{padding:20px 0 10px}.show-hero h2{font-size:20px}.show-stage{grid-template-rows:min(84vw,400px) 320px}.show-stage .tape-panel{height:100%}.show-strip .stats{scrollbar-width:none;flex-wrap:nowrap;max-width:100%;padding-bottom:2px;overflow-x:auto}.show-strip .stats div{white-space:nowrap;flex:none}.show-strip>i{display:none}.show-text{grid-template-columns:1fr}.show-explainer{padding-top:28px}.show .tape-item{overflow-wrap:anywhere}.show .t-res{white-space:normal}}.explainer{--ex-panel2:#152f55;--ex-done:#2e5a8a;--ex-node:#1b3a63;--ex-fee:#ff9aa3;--ex-fee2:#ffb3b9;--ex-track:#a0bee11f;--ex-wash:#f4d77e1f;text-align:center;font-variant-numeric:tabular-nums;outline:none;flex-direction:column;gap:12px;max-width:980px;margin:0 auto;display:flex}.explainer:focus-visible{box-shadow:0 0 0 2px var(--line-hi);border-radius:14px}.explainer .ex-stepno{color:var(--ink2);font-size:12px}.ex-scene{text-align:left;grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr);grid-template-areas:"ku hub by";align-items:stretch;gap:18px;padding:4px 0;display:grid;position:relative;container-type:inline-size}.ex-sweep-clip{pointer-events:none;border-radius:14px;position:absolute;inset:0;overflow:hidden}.ex-sweep{pointer-events:none;background:linear-gradient(90deg, transparent, var(--ex-wash), transparent);width:120px;animation:ex-sweep var(--ex-sweep-ms) cubic-bezier(.4, 0, .2, 1) both;display:none;position:absolute;top:0;bottom:0;left:0}.ex-venue{background:var(--panel);border:1px solid var(--line);transition:box-shadow var(--ex-fade-ms);border-radius:14px;padding:12px 12px 10px;position:relative}.ex-ku{--vc:var(--venue-3);grid-area:ku}.ex-by{--vc:var(--venue-1);grid-area:by}.ex-venue.active{box-shadow:0 0 0 1px var(--vc), 0 0 24px -6px var(--vc)}.ex-venue:after{content:"";pointer-events:none;opacity:0;border-radius:14px;position:absolute;inset:-1px}.ex-venue.active:after{animation:ex-pop var(--ex-pop-ms) ease-out both}.ex-name{color:var(--ink);justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700;display:flex}.ex-name.with-chip{padding-right:124px}.ex-name small{color:var(--ink2);font-size:11px;font-weight:500}.ex-name:before{content:"";background:var(--vc);vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.ex-price{margin:10px 0 6px}.ex-price b{font-family:var(--disp);letter-spacing:-.01em;color:var(--ink);animation:tick var(--ex-fade-ms) ease-out both;font-size:22px;font-weight:700;line-height:1;display:block}.explainer[data-step="1"] .ex-price b{animation:hit var(--ex-fade-ms) ease-out both}.explainer[data-step="1"] .ex-by .ex-price b{animation-delay:var(--ex-hit-ms)}.ex-price small{color:var(--ink2);min-height:14px;margin-top:4px;font-size:11px;display:block}.ex-spark{width:100%;height:28px;margin:2px 0 6px;display:block}.ex-spark polyline{fill:none;stroke:var(--vc);stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.9}.ex-line{border-top:1px solid var(--line);color:var(--ink2);justify-content:space-between;gap:8px;padding:5px 0;font-size:12px;display:flex}.ex-line b{color:var(--ink);text-align:right;transition:color var(--ex-fade-ms);animation:tick var(--ex-fade-ms) ease-out both;font-weight:600}.ex-line b.up{color:var(--up)}.ex-line b.down{color:var(--down)}.ex-line b.hot{color:var(--scan)}.ex-chip{color:var(--ink2);animation:ex-chip-in var(--ex-fade-ms) ease-out both;background:#ffffff0f;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:600;position:absolute;top:10px;right:10px}.ex-hub{flex-direction:column;grid-area:hub;gap:10px;min-width:0;display:flex;position:relative}.ex-ring-slot{position:relative}.ex-ring{width:100%;height:auto;display:block;overflow:visible}.ex-ring text{font-family:var(--sans);fill:var(--ink2);transition:fill var(--ex-fade-ms);font-size:10.5px;font-weight:600}.ex-ring text.on{fill:var(--ink)}.ex-node{cursor:pointer;outline:none}.ex-ring .node{fill:var(--ex-node);stroke:var(--line);stroke-width:1px;transition:fill var(--ex-fade-ms), stroke var(--ex-fade-ms)}.ex-ring .node.on{fill:var(--scan);stroke:var(--scan)}.ex-ring .node.done{fill:var(--ex-done);stroke:var(--ex-done)}.ex-ring .node.next{animation:blink var(--ex-halo-ms) ease-in-out infinite}.explainer[data-inview=false] .ex-halo,.explainer[data-inview=false] .ex-ring .node.next{animation:none}.ex-ring .ex-node:focus-visible .node{stroke:var(--ink);stroke-width:2.5px}.ex-ring .ex-halo{fill:none;stroke:var(--scan);stroke-width:1.5px;transform-box:fill-box;transform-origin:50%;animation:ex-halo var(--ex-halo-ms) ease-out infinite}.ex-ring .track{fill:none;stroke:#a0bee129;stroke-width:2px}.ex-ring .prog{fill:none;stroke:var(--scan);stroke-width:2px;stroke-linecap:round;transition:stroke-dashoffset var(--ex-ring-ms)}.ex-comet{transition:transform var(--ex-ring-ms)}.ex-comet .glow{fill:var(--scan);opacity:.25}.ex-comet .head{fill:var(--comet-head)}.ex-ring[data-wrap] .prog,.ex-ring[data-wrap] .ex-comet{transition:none}.ex-ring .num{fill:var(--ink2);font-size:9px;font-weight:700}.ex-ring .node.on+.num{fill:var(--bg)}.ex-ring .ex-center{font-family:var(--disp);fill:var(--up);font-size:16px;font-weight:700}.ex-ring .ex-center2{fill:var(--ink2);font-size:9px;font-weight:500}.ex-wire{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative;container-type:inline-size}.ex-gap-lbl{color:var(--ink2);font-size:10px}.ex-gap-val{font-family:var(--disp);color:var(--scan);transition:color var(--ex-fade-ms);font-size:16px;font-weight:700}.ex-gap-val.zero{color:var(--ink2)}.ex-wire-bar{background:var(--ex-track);border-radius:4px;width:100%;height:8px;position:relative}.ex-wire-bar i:first-child{transition:width var(--ex-wire-ms) cubic-bezier(.2, .8, .2, 1), opacity var(--ex-fade-ms), box-shadow var(--ex-fade-ms), background var(--ex-fade-ms);border-radius:4px;position:absolute;top:0;bottom:0;left:0}.explainer[data-step="1"] .ex-wire-bar i:first-child{animation:ex-wire-in var(--ex-wire-ms) cubic-bezier(.2, .8, .2, 1) both}.explainer[data-step="4"] .ex-wire-bar i:first-child{transition-property:opacity,box-shadow,background}.ex-wire.potential .ex-wire-bar i:first-child{background-color:var(--chord);background-image:repeating-linear-gradient(90deg, var(--chord) 0 3px, transparent 3px 8px);opacity:.45}.ex-wire.edge .ex-wire-bar i:first-child{background:var(--scan);opacity:1}.ex-wire.trade .ex-wire-bar i:first-child{background:linear-gradient(90deg, var(--venue-3), var(--venue-1));box-shadow:0 0 10px -2px var(--venue-3);opacity:1}.ex-dot{background:var(--particle);width:6px;height:6px;box-shadow:0 0 8px var(--particle-glow);animation:ex-fly var(--ex-flight-ms) linear both;border-radius:50%;display:none;position:absolute;top:50%;left:-3px}.ex-dot.back{animation-direction:reverse}@supports (width:1cqw){.ex-dot,.ex-sweep{display:block}}.ex-wire-cap{color:var(--ink2);min-height:14px;transition:color var(--ex-fade-ms);font-size:10.5px}.ex-gap-sum{color:var(--ink2);min-height:28px;font-size:11px;line-height:1.25}.ex-gap-sum b{color:var(--up);animation:tick var(--ex-fade-ms) ease-out both;font-size:13px;font-weight:700;display:block}.ex-coin{background:var(--scan);width:8px;height:8px;box-shadow:0 0 10px var(--scan);pointer-events:none;animation:ex-coin var(--ex-coin-ms) cubic-bezier(.2, .8, .2, 1) both;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;left:50%}.ex-edge{background:var(--panel);border:1px solid var(--line);text-align:left;transition:opacity var(--ex-fade-ms);border-radius:14px;padding:12px}.ex-edge.dim{opacity:.35}.ex-edge-title{color:var(--ink2);justify-content:space-between;margin-bottom:8px;font-size:12px;display:flex}.ex-edge-title b{color:var(--ink);font-weight:600}.ex-bar-wrap{padding-bottom:16px;position:relative}.ex-bar{background:#a0bee11a;border-radius:7px;height:22px;display:flex;overflow:hidden}.ex-bar span{white-space:nowrap;min-width:0;color:var(--bg);transition:flex var(--ex-edge-ms) cubic-bezier(.2, .8, .2, 1) calc(var(--i,0) * var(--ex-stagger-ms));justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;overflow:hidden}.ex-bar span em{font-style:normal}.b-fee{background:var(--ex-fee)}.b-fee2{background:var(--ex-fee2)}.b-buf{background:var(--scan)}.b-net{background:var(--up)}.b-tick{background:var(--scan);width:2px}.ex-tick{background:var(--scan);width:1px;animation:ex-tick-in var(--ex-fade-ms) ease-out calc(4 * var(--ex-stagger-ms)) both;position:absolute;top:-3px;bottom:0}.ex-tick span{white-space:nowrap;color:var(--scan);font-size:10px;position:absolute;top:100%;left:0;transform:translate(-50%,-14px)}.ex-legend{color:var(--ink2);flex-wrap:wrap;gap:6px 14px;margin-top:4px;font-size:11px;display:flex}.ex-legend i{vertical-align:-1px;border-radius:2px;width:8px;height:8px;margin-right:5px;display:inline-block}.ex-legend i.b-tick{border-radius:1px;width:2px;margin-left:3px;margin-right:8px}.ex-text{background:var(--ex-panel2);border:1px solid var(--line);text-align:left;min-height:136px;animation:ex-text-in var(--ex-text-ms) ease-out both;border-radius:14px;padding:12px 14px}.ex-text h3{color:var(--scan);margin:0 0 6px;font-size:14px;font-weight:700}.explainer .ex-text p{color:var(--ink);font-size:13.5px;line-height:1.5}.ex-text p b{color:var(--up)}.ex-controls{width:100%;max-width:520px;margin:0 auto}.ex-buttons{gap:8px;display:flex}.ex-buttons button{border-radius:10px;flex:1;padding:10px 12px;font-size:13px}.ex-buttons .ex-next{background:#1d3f6c}.ex-progress-track{height:2px;margin-top:6px}.ex-progress{background:var(--ex-track);border-radius:1px;height:2px;overflow:hidden}.ex-progress i{background:var(--scan);transform-origin:0;height:100%;animation:ex-progress var(--ex-step-ms) linear both;display:block}.explainer .ex-keys{color:var(--ink2);margin-top:6px;font-size:11px}@keyframes ex-sweep{0%{transform:translate(-120px)}to{transform:translate(100cqw)}}@keyframes ex-fly{0%{transform:translateY(-50%)}to{transform:translate(100cqw,-50%)}}@keyframes ex-pop{0%{opacity:1;box-shadow:0 0 0 0 var(--vc)}to{opacity:0;box-shadow:0 0 0 18px #0000}}@keyframes ex-text-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ex-halo{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes ex-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ex-coin{0%{opacity:1;transform:translateY(0)}to{transform:translateY(var(--ex-coin-dy,0px));opacity:0}}@keyframes ex-wire-in{0%{width:0}}@keyframes ex-chip-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes ex-tick-in{0%{opacity:0}to{opacity:1}}@keyframes tick{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes hit{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}@media (max-width:1023px){.ex-scene{grid-template-columns:minmax(0,1fr) 260px minmax(0,1fr);gap:12px}.ex-price b{font-size:20px}.ex-name.with-chip{padding-right:0}.ex-name.with-chip small{visibility:hidden}}@media (max-width:720px){.ex-scene{grid-template-columns:1fr 1fr;grid-template-areas:"ku by""hub hub";gap:8px}.ex-hub{width:100%;max-width:280px;margin:0 auto}.ex-price b{font-size:19px}.ex-name.with-chip{padding-top:18px}.ex-name.with-chip small{visibility:visible}}@media (max-width:400px){.ex-bar span em{display:none}}@media (hover:none){.explainer .ex-keys{display:none}}@media (prefers-reduced-motion:reduce){.explainer{--ex-sweep-ms:0s;--ex-hit-ms:0s;--ex-stagger-ms:0s;--ex-edge-ms:0s;--ex-count-ms:0s;--ex-text-ms:0s;--ex-fade-ms:0s;--ex-ring-ms:0s;--ex-halo-ms:0s;--ex-wire-ms:0s;--ex-flight-ms:0s;--ex-pop-ms:0s;--ex-coin-ms:0s}.explainer[data-reduced=true] .ex-dot,.explainer[data-reduced=true] .ex-sweep,.explainer[data-reduced=true] .ex-coin,.explainer[data-reduced=true] .ex-halo{display:none}.explainer[data-reduced=true] .ex-ring .node.next{animation:none}}