.slab{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;min-height:min(60vh,560px);gap:clamp(24px,4vw,64px)}.slab.a{--hl: var(--volt);--hl-ink: var(--ink)}.slab.b{--hl: var(--ink);--hl-ink: var(--volt)}.slab.c{--hl: var(--volt);--hl-ink: var(--ink)}.slab h3{font-size:clamp(30px,5vw,78px)}.slab .no{display:flex;align-items:center;gap:12px;margin:0 0 14px;font-family:var(--en);font-size:12px;font-weight:700;letter-spacing:.18em}.slab .no b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--fg);color:var(--bg);font-family:var(--jp);font-size:22px;font-weight:900;letter-spacing:0}.slab .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.slab .tags li{border:2px solid var(--fg);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.slab .go{display:inline-block;margin-top:20px;font-weight:900;border-bottom:2px solid var(--fg);padding-bottom:4px;transition:letter-spacing .25s}.slab .go:hover{letter-spacing:.04em}.viz{position:relative;justify-self:stretch;height:clamp(240px,30vw,380px);border:2px solid var(--fg);padding:clamp(16px,2vw,28px);display:flex;flex-direction:column;justify-content:center;gap:16px;overflow:hidden;font-weight:900}.viz p{margin:0;max-width:none;font-size:inherit}.v-proto .win{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:26px 1fr 34px;gap:8px;height:62%;border:2px solid var(--fg);padding:10px}.v-proto .win i{background:var(--fg);transform-origin:0 50%;animation:grow 7s infinite both}.v-proto .win i:nth-child(1){grid-column:1 / 3}.v-proto .win i:nth-child(2){grid-column:1 / 4;grid-row:2;opacity:.18}.v-proto .win i:nth-child(3){grid-column:3;grid-row:1;background:var(--hl);outline:2px solid var(--fg);animation-delay:2.3s}.v-proto .win i:nth-child(4){grid-column:1 / 3;grid-row:3;opacity:.4;animation-delay:2.3s}.v-proto .win i:nth-child(5){grid-column:3;grid-row:3;background:var(--hl);outline:2px solid var(--fg);border-radius:999px;animation-delay:4.6s}@keyframes grow{0%,2%{transform:scaleX(0)}12%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}.v-proto .ver{position:relative;height:1.6em;font-size:18px}.v-proto .ver span{position:absolute;left:0;opacity:0;animation:ver 7s infinite}.v-proto .ver span:nth-child(2){animation-delay:2.3s}.v-proto .ver span:nth-child(3){animation-delay:4.6s}@keyframes ver{0%,2%{opacity:0;transform:translateY(8px)}6%,30%{opacity:1;transform:none}34%,to{opacity:0}}.v-proto .cyc{display:flex;gap:10px;align-items:center;font-size:clamp(16px,1.8vw,24px)}.v-proto .cyc b{padding:2px 10px;animation:lit 3.6s infinite}.v-proto .cyc b:nth-child(2){animation-delay:1.2s}.v-proto .cyc b:nth-child(3){animation-delay:2.4s}@keyframes lit{0%,30%{background:var(--hl);color:var(--hl-ink)}36%,to{background:transparent;color:inherit}}.v-chat .q{align-self:flex-end;background:var(--hl);color:var(--hl-ink);padding:10px 16px;font-size:clamp(14px,1.4vw,18px);animation:pop-in 7s infinite both}.v-chat .a{display:flex;flex-direction:column;gap:10px;border:2px solid var(--fg);padding:16px}.v-chat .a i{height:12px;background:var(--fg);transform-origin:0 50%;animation:type 7s infinite both}.v-chat .a i:nth-child(1){width:92%;animation-delay:.9s}.v-chat .a i:nth-child(2){width:100%;animation-delay:1.5s}.v-chat .a i:nth-child(3){width:58%;animation-delay:2.1s}@keyframes type{0%,1%{transform:scaleX(0)}9%,to{transform:scaleX(1)}}.v-chat .src{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}.v-chat .src span{border:2px solid var(--fg);padding:5px 12px;animation:pop-in 7s infinite both;animation-delay:3s}.v-chat .src span:nth-child(2){animation-delay:3.3s}@keyframes pop-in{0%,1%{opacity:0;transform:translateY(10px) scale(.9)}6%,94%{opacity:1;transform:none}to{opacity:0}}.v-flow .line{position:relative;display:flex;justify-content:space-between;align-items:center}.v-flow .line:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--fg);opacity:.4}.v-flow .line span{position:relative;background:var(--bg);border:2px solid var(--fg);padding:8px 16px;font-size:clamp(14px,1.5vw,19px);animation:node 3.6s infinite}.v-flow .line span:nth-child(2){animation-delay:1.2s}.v-flow .line span:nth-child(3){animation-delay:2.4s}@keyframes node{0%,28%{background:var(--hl);color:var(--hl-ink);border-color:var(--hl)}34%,to{background:var(--bg);color:inherit;border-color:var(--fg)}}.v-flow .line i{position:absolute;top:50%;left:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--hl);box-shadow:0 0 18px var(--hl);animation:travel 3.6s linear infinite}@keyframes travel{0%{left:0}to{left:100%}}.v-flow .cols{display:flex;align-items:flex-end;gap:10px;height:46%;border-bottom:2px solid var(--fg)}.v-flow .cols i{flex:1;background:var(--hl);transform-origin:50% 100%;animation:rise-bar 3.6s ease-in-out infinite alternate}.v-flow .cols i:nth-child(1){height:38%}.v-flow .cols i:nth-child(2){height:62%;animation-delay:.3s}.v-flow .cols i:nth-child(3){height:48%;animation-delay:.6s}.v-flow .cols i:nth-child(4){height:80%;animation-delay:.9s}.v-flow .cols i:nth-child(5){height:100%;animation-delay:1.2s}@keyframes rise-bar{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.v-ui{align-items:center}.v-ui .card{width:min(100%,320px);display:flex;flex-direction:column;gap:12px;padding:20px;border:2px dashed var(--fg);animation:finish 6s infinite}.v-ui .card i{height:12px;background:var(--fg);opacity:.25;animation:ink 6s infinite}.v-ui .card .t{height:26px;width:70%}.v-ui .card .s{width:60%}.v-ui .card .btn{height:40px;width:52%;margin-top:6px;opacity:1;background:transparent;border:2px dashed var(--fg);animation:btn 6s infinite}@keyframes finish{0%,30%{border-style:dashed;border-radius:0;box-shadow:none}42%,92%{border-style:solid;border-radius:18px;box-shadow:10px 10px 0 var(--fg)}to{border-style:dashed;border-radius:0;box-shadow:none}}@keyframes ink{0%,30%{opacity:.25}42%,92%{opacity:1}to{opacity:.25}}@keyframes btn{0%,30%{background:transparent;border-style:dashed;border-radius:0}42%,92%{background:var(--hl);border-style:solid;border-radius:999px}to{background:transparent;border-style:dashed;border-radius:0}}.v-ui .ptr{position:absolute;left:50%;top:50%;width:0;height:0;border-left:14px solid var(--fg);border-top:9px solid transparent;border-bottom:9px solid transparent;transform:rotate(-135deg);animation:ptr 6s infinite}@keyframes ptr{0%,40%{translate:120px 90px}60%,72%{translate:-30px 62px;scale:1}76%{scale:.75}80%,to{translate:-30px 62px;scale:1}}.v-loop{align-items:center}.v-loop .ring{position:relative;width:min(58%,220px);aspect-ratio:1;border:2px solid var(--fg);border-radius:50%;animation:spin 8s linear infinite}.v-loop .ring i{position:absolute;left:50%;top:-11px;width:20px;height:20px;margin-left:-10px;border-radius:50%;background:var(--hl);outline:3px solid var(--bg)}@keyframes spin{to{transform:rotate(360deg)}}.v-loop span{position:absolute;font-size:clamp(14px,1.5vw,19px);padding:2px 10px;animation:lit4 8s infinite}.v-loop .p1{top:8%;left:50%;translate:-50% 0}.v-loop .p2{right:6%;top:50%;translate:0 -50%;animation-delay:2s}.v-loop .p3{bottom:8%;left:50%;translate:-50% 0;animation-delay:4s}.v-loop .p4{left:6%;top:50%;translate:0 -50%;animation-delay:6s}@keyframes lit4{0%,22%{background:var(--hl);color:var(--hl-ink)}26%,to{background:transparent;color:inherit}}@media (max-width: 900px){.slab{grid-template-columns:1fr;min-height:0;position:relative;top:auto}.viz{height:240px}}@media (prefers-reduced-motion: reduce){.viz,.viz *{animation:none!important}}