.mobile-diamonds>div>div[data-v-ef0fcc14]{backface-visibility:hidden;isolation:isolate;margin:-1px;transform:translateZ(0) scale(1.01)}.card-content[data-v-19e8343f],.card-layer[data-v-19e8343f]{transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}@media (hover:hover){.card-group:hover .card-layer-back[data-v-19e8343f]{transform:translate(.375rem,.375rem)}.card-group:hover .card-content[data-v-19e8343f],.card-group:hover .card-layer-front[data-v-19e8343f]{transform:translate(-.375rem,-.375rem)}}@media (hover:none){.card-group.is-in-view .card-layer-back[data-v-19e8343f]{transform:translate(.375rem,.375rem)}.card-group.is-in-view .card-content[data-v-19e8343f],.card-group.is-in-view .card-layer-front[data-v-19e8343f]{transform:translate(-.375rem,-.375rem)}}.stage[data-v-d7bab04f]{aspect-ratio:1200/770;position:relative;width:100%}.stage.detail-open[data-v-d7bab04f]{cursor:pointer}.stage.detail-open .detail-content[data-v-d7bab04f]{cursor:auto}.scene[data-v-d7bab04f]{position:relative;width:100%}.scene svg[data-v-d7bab04f]{display:block;height:auto;overflow:visible;width:100%}.conduit[data-v-d7bab04f]{stroke:#ffffff52;stroke-width:5;stroke-linecap:round}.conduit[data-v-d7bab04f],.conduit-glow[data-v-d7bab04f]{fill:none;opacity:0;transition:opacity .5s ease}.conduit-glow[data-v-d7bab04f]{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:60 90;stroke-dashoffset:150}.scene.is-live .conduit[data-v-d7bab04f]{opacity:1;transition-delay:.45s}.scene.is-live .conduit-glow[data-v-d7bab04f]{animation:dash-d7bab04f 4.5s linear infinite;opacity:.95;transition-delay:.6s}.scene.is-live .c-mobile .conduit-glow[data-v-d7bab04f]{animation-delay:-1.5s}.scene.is-live .c-db .conduit-glow[data-v-d7bab04f]{animation-delay:-.75s}@keyframes dash-d7bab04f{to{stroke-dashoffset:0}}.ops-link[data-v-d7bab04f]{fill:none;stroke:#ffffff8c;stroke-width:2.5;stroke-dasharray:4 7;opacity:0;transition:opacity .5s ease}.scene.is-live .ops-link[data-v-d7bab04f]{opacity:.6;transition-delay:.35s}.packet[data-v-d7bab04f]{fill:#fff;filter:drop-shadow(0 0 6px rgba(255,255,255,1)) drop-shadow(0 0 18px rgba(255,255,255,.7));opacity:1}.module .body[data-v-d7bab04f]{fill:#8d1d29}.module .body2[data-v-d7bab04f]{fill:#ffffff2e}.module .stroke[data-v-d7bab04f]{stroke:#fff;stroke-width:2.2;fill:none}.module text[data-v-d7bab04f]{fill:#fff;font-weight:600;letter-spacing:.01em}.module .tag[data-v-d7bab04f]{fill:#ffffffb3;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.m-backend-label[data-v-d7bab04f]{fill:#fff;font-size:18px;font-weight:600}.group-label text[data-v-d7bab04f]{fill:#ffffffbf;font-size:22px;font-weight:600;letter-spacing:.32em;text-transform:uppercase}.overall-label[data-v-d7bab04f]{fill:#ffffffe6;font-size:18px;font-weight:700;letter-spacing:.38em;text-transform:uppercase;transition:opacity .35s ease}.module[data-v-d7bab04f]{opacity:0;transform:translateY(14px);transform-box:view-box;transform-origin:0 0;transition:opacity .6s ease,transform .5s cubic-bezier(.2,.85,.25,1)}.scene.is-live .module[data-v-d7bab04f]{opacity:1;transform:translateY(0)}.scene.is-live .m-mobile[data-v-d7bab04f]{transition-delay:.12s}.scene.is-live .m-backend[data-v-d7bab04f]{transition-delay:.24s}.scene.is-live .m-db[data-v-d7bab04f]{transition-delay:.36s}.node[data-v-d7bab04f]{cursor:pointer;outline:none;transition:filter .28s ease}.module .body[data-v-d7bab04f],.module .body2[data-v-d7bab04f]{transition:fill .28s ease}.stage:not(.detail-open) .node[data-v-d7bab04f]:hover{filter:drop-shadow(0 0 22px rgba(255,255,255,.55))}.stage:not(.detail-open) .node:hover .body[data-v-d7bab04f]{fill:#ffffff24}.stage:not(.detail-open) .node:hover .body2[data-v-d7bab04f]{fill:#ffffff4d}.node:focus-visible .focus-ring[data-v-d7bab04f]{opacity:1}.focus-ring[data-v-d7bab04f]{opacity:0}.focus-ring[data-v-d7bab04f],.ops-graph[data-v-d7bab04f]{fill:none;stroke:#fff;stroke-width:3}.ops-graph[data-v-d7bab04f]{stroke-linecap:round}.ops-dot[data-v-d7bab04f]{fill:#fff}.commit-head[data-v-d7bab04f]{fill:#8d1d29;stroke:#fff;stroke-width:3}.scene.is-live .commit-head[data-v-d7bab04f]{animation:commit-d7bab04f 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes commit-d7bab04f{0%,to{transform:translate(0)}50%{transform:translate(130px)}}.ops-packet[data-v-d7bab04f]{fill:#fff;filter:drop-shadow(0 0 10px rgba(255,255,255,.95));opacity:1}.browser-dot[data-v-d7bab04f]{fill:#fff;opacity:.85}.gear[data-v-d7bab04f]{transform-box:fill-box;transform-origin:center}.scene.is-live .gear-a[data-v-d7bab04f]{animation:spin-d7bab04f 6s linear infinite}.scene.is-live .gear-b[data-v-d7bab04f]{animation:spin-d7bab04f 4s linear infinite reverse}@keyframes spin-d7bab04f{to{transform:rotate(1turn)}}.db-pulse[data-v-d7bab04f]{fill:#fff;opacity:.32}.scene.is-live .db-pulse[data-v-d7bab04f]{animation:pulse-d7bab04f 2s ease-in-out infinite}@keyframes pulse-d7bab04f{0%,to{opacity:.32}50%{opacity:.95}}.stage.detail-open .conduit[data-v-d7bab04f],.stage.detail-open .conduit-glow[data-v-d7bab04f],.stage.detail-open .group-label[data-v-d7bab04f],.stage.detail-open .ops-link[data-v-d7bab04f],.stage.detail-open .ops-packet[data-v-d7bab04f],.stage.detail-open .overall-label[data-v-d7bab04f],.stage.detail-open .packet[data-v-d7bab04f]{opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease}.stage.detail-open .module.is-other[data-v-d7bab04f]{opacity:0;pointer-events:none;transform:scale(.92) translateY(8px);transform-box:fill-box;transform-origin:50% 50%;transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1)}.module.is-active[data-v-d7bab04f]{transition:transform .85s cubic-bezier(.16,1,.3,1);will-change:transform}.detail[data-v-d7bab04f]{top:0;right:0;bottom:0;left:0;opacity:0;padding:clamp(20px,4vw,44px);pointer-events:none;position:absolute;transition:opacity .4s ease;visibility:hidden}.stage.detail-open .detail[data-v-d7bab04f]{opacity:1;pointer-events:none;transition-delay:.6s;visibility:visible}.detail-content[data-v-d7bab04f]{left:clamp(16px,4vw,44px);max-height:70%;overflow-y:auto;pointer-events:auto;position:absolute;right:clamp(16px,4vw,44px);top:26%}@media (min-width:768px){.detail-content[data-v-d7bab04f]{left:28%;max-height:84%;right:clamp(16px,4vw,44px);top:8%}}.detail-content h4[data-v-d7bab04f]{color:#fff;font-size:clamp(20px,3vw,32px);font-weight:700;letter-spacing:-.01em;line-height:1.15;margin:0 0 clamp(10px,1.5vw,18px)}.detail-content p[data-v-d7bab04f]{color:#ffffffeb;font-size:clamp(13px,1.6vw,18px);line-height:1.6;margin:0;max-width:65ch}@media (prefers-reduced-motion:reduce){.scene.is-live .commit-head[data-v-d7bab04f],.scene.is-live .conduit-glow[data-v-d7bab04f],.scene.is-live .db-pulse[data-v-d7bab04f],.scene.is-live .gear-a[data-v-d7bab04f],.scene.is-live .gear-b[data-v-d7bab04f]{animation:none!important}.conduit-glow[data-v-d7bab04f]{opacity:.7;stroke-dashoffset:0;stroke-dasharray:none}.module[data-v-d7bab04f]{opacity:1}.module[data-v-d7bab04f],.module.is-active[data-v-d7bab04f],.module.is-other[data-v-d7bab04f]{transform:none;transition:none}.detail[data-v-d7bab04f],.stage.detail-open .conduit[data-v-d7bab04f],.stage.detail-open .conduit-glow[data-v-d7bab04f],.stage.detail-open .group-label[data-v-d7bab04f],.stage.detail-open .module.is-other[data-v-d7bab04f],.stage.detail-open .ops-link[data-v-d7bab04f],.stage.detail-open .ops-packet[data-v-d7bab04f],.stage.detail-open .overall-label[data-v-d7bab04f],.stage.detail-open .packet[data-v-d7bab04f]{transition:none!important}.scene.is-live .db-pulse[data-v-d7bab04f]{opacity:.35}}.card-content[data-v-afcba6c1],.card-layer[data-v-afcba6c1]{transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}@media (hover:hover){.card-group:hover .card-layer-back[data-v-afcba6c1]{transform:translate(.375rem,.375rem)}.card-group:hover .card-content[data-v-afcba6c1],.card-group:hover .card-layer-front[data-v-afcba6c1]{transform:translate(-.375rem,-.375rem)}}@media (hover:none){.card-group.is-in-view .card-layer-back[data-v-afcba6c1]{transform:translate(.375rem,.375rem)}.card-group.is-in-view .card-content[data-v-afcba6c1],.card-group.is-in-view .card-layer-front[data-v-afcba6c1]{transform:translate(-.375rem,-.375rem)}}.icon-wrapper[data-v-22594700]{height:32px;left:0;position:absolute;top:0;width:32px}.icon-wrapper.animating[data-v-22594700]{will-change:transform}.icon-wrapper.info-card[data-v-22594700]{align-items:center;background:#00000040;border:1px solid hsla(0,0%,100%,.35);border-radius:8px;box-sizing:border-box;display:flex;gap:8px;height:40px;padding:0 10px;width:var( --card-w,160px )}.icon-label-inline[data-v-22594700]{color:#fff;font-size:11px;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.icon-white[data-v-22594700]{filter:brightness(0) invert(1)}.info-bar[data-v-22594700]{gap:10px;left:8px;position:absolute;top:8px;z-index:10}.info-bar[data-v-22594700],.info-btn[data-v-22594700]{align-items:center;display:flex}.info-btn[data-v-22594700]{background:#ffffff26;border:1px solid hsla(0,0%,100%,.25);border-radius:17px;color:#fff;cursor:pointer;flex-shrink:0;gap:6px;height:34px;padding:0 12px 0 10px;transition:background .2s ease,border-color .2s ease}.info-btn[data-v-22594700]:hover{background:#ffffff47;border-color:#ffffff73}.info-btn.active[data-v-22594700]{background:#ffffff4d;border-color:#ffffff80}.info-btn-label[data-v-22594700]{font-size:12px;font-weight:500;letter-spacing:.01em;white-space:nowrap}@keyframes pulse-hint-22594700{0%,to{background:#ffffff2e;border-color:#ffffff4d;box-shadow:0 0 #fff0;transform:scale(1)}50%{background:#ffffff6b;border-color:#ffffffd9;box-shadow:0 0 0 8px #ffffff2e;transform:scale(1.15)}}.info-btn.pulse-hint[data-v-22594700]{animation:pulse-hint-22594700 1.4s ease-in-out infinite;transform-origin:center}.info-disclaimer[data-v-22594700]{color:#fff9;font-size:11px;line-height:1.3;pointer-events:none}.card-content[data-v-22594700],.card-layer[data-v-22594700]{transition:transform .7s cubic-bezier(.22,1,.36,1);will-change:transform}@media (hover:hover){.card-group:hover .card-layer-back[data-v-22594700]{transform:translate(.375rem,.375rem)}.card-group:hover .card-content[data-v-22594700],.card-group:hover .card-layer-front[data-v-22594700]{transform:translate(-.375rem,-.375rem)}}@media (hover:none){.card-group.is-in-view .card-layer-back[data-v-22594700]{transform:translate(.375rem,.375rem)}.card-group.is-in-view .card-content[data-v-22594700],.card-group.is-in-view .card-layer-front[data-v-22594700]{transform:translate(-.375rem,-.375rem)}}
