.dgm{--dgm-border: #1e2d4a;--dgm-surface: #0f1628;--dgm-elevated: #162035;--dgm-txt: #e8edf5;--dgm-txt2: #7a8eab;--dgm-blue: #326ce5;--dgm-green: #00d084;--dgm-amber: #f5a623;--dgm-red: #c51a4a;--dgm-ease: cubic-bezier(.165, .84, .44, 1);--dgm-ease-io: cubic-bezier(.645, .045, .355, 1);--dgm-cycle: 9s;--accent: var(--dgm-blue);border:1px solid var(--dgm-border);border-radius:.75rem;background:linear-gradient(180deg,var(--dgm-surface),var(--dgm-elevated));padding:1rem 1.1rem 1.15rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.dgm-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}.dgm-title{color:var(--dgm-txt);font-size:.82rem;font-weight:600}.dgm-tag{color:var(--dgm-txt2);font-size:.66rem;border:1px solid var(--dgm-border);border-radius:999px;padding:.12rem .5rem}.dgm-tag--muted{opacity:.65;margin-left:auto}.dgm-track{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:stretch;gap:.55rem}.dgm-track>.dgm-arrow{display:none}.dgm-stage{flex:1;position:relative;border:1px solid var(--dgm-border);border-radius:.6rem;background:#080c188c;padding:.7rem .75rem .8rem;box-shadow:0 0 22px -6px var(--accent);transform:scale(.985);opacity:.42;animation:dgm-step var(--dgm-cycle) var(--dgm-ease) infinite;animation-delay:calc(var(--i, 0) * (var(--dgm-cycle) / var(--dgm-n, 3)));will-change:opacity,transform}.dgm-stage:before{content:"";position:absolute;inset:-1px;border-radius:.6rem;border:1px solid var(--accent);opacity:.9;pointer-events:none}.dgm-stage__top{display:flex;align-items:center;gap:.4rem;margin-bottom:.55rem}.dgm-num{color:var(--accent);font-weight:700;font-size:.9rem}.dgm-stage__title{color:var(--dgm-txt);font-size:.76rem;font-weight:600}.dgm-stage__sub{color:var(--accent);font-size:.62rem;margin:.55rem 0 0;opacity:.85}.dgm-stage__note{color:var(--dgm-txt2);font-size:.62rem;line-height:1.35;margin:.25rem 0 0}.dgm-flow{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}@media (min-width: 768px){.dgm-flow{flex-direction:row;align-items:center}}.dgm-node,.dgm-box{position:relative;color:var(--dgm-txt);font-size:.64rem;border:1px solid var(--dgm-border);border-radius:.4rem;padding:.4rem .55rem;background:var(--dgm-elevated);white-space:nowrap;text-align:center}.dgm-box{font-size:.6rem;padding:.2rem .42rem;border-radius:.3rem}.dgm-node--accent,.dgm-box--accent{border-color:var(--accent);color:var(--accent)}.dgm-node small,.dgm-node .dgm-sub{display:block;color:var(--dgm-txt2);font-size:.54rem;margin-top:.15rem}.dgm-node--seq{opacity:.5;animation:dgm-step var(--dgm-cycle) var(--dgm-ease) infinite;animation-delay:calc(var(--i, 0) * (var(--dgm-cycle) / var(--dgm-n, 4)));will-change:opacity,transform}.dgm-pill{color:var(--accent);font-size:.56rem;border:1px solid var(--accent);border-radius:999px;padding:.12rem .42rem;white-space:nowrap}.dgm-wire{position:relative;flex:1 1 40px;min-width:34px;height:14px;container-type:size;--travel: calc(100cqw - 5px) }.dgm-wire--v{flex-basis:18px;min-width:0;width:14px;height:26px;align-self:center;--travel: calc(100cqh - 5px) }.dgm-wire--dashed:before{border-top-style:dashed}.dgm-wire:before{content:"";position:absolute;top:50%;left:0;right:0;height:0;border-top:1px solid var(--dgm-border)}.dgm-wire--v:before{inset:0 auto 0 50%;height:auto;width:0;border-top:0;border-left:1px solid var(--dgm-border)}.dgm-pkt{position:absolute;top:50%;left:0;width:5px;height:5px;margin-top:-2.5px;border-radius:999px;background:var(--accent);opacity:0;animation:dgm-pkt 1.8s linear infinite;animation-delay:var(--d, 0s);will-change:transform,opacity}.dgm-pkt--rev{animation-name:dgm-pkt-rev}.dgm-wire--v .dgm-pkt{top:0;left:50%;margin-top:0;margin-left:-2.5px;animation-name:dgm-pkt-v}.dgm-arrow{align-self:center;color:var(--dgm-txt2);font-size:1rem;transform:rotate(90deg);opacity:.5;flex:0 0 auto}@media (min-width: 768px){.dgm-arrow{transform:none}}.dgm-grid{display:grid;gap:.5rem}.dgm-lane{border:1px dashed var(--dgm-border);border-radius:.5rem;padding:.55rem .6rem}.dgm-lane__label{color:var(--dgm-txt2);font-size:.58rem;margin-bottom:.4rem;display:block}.dgm-bar{display:block;color:var(--dgm-txt2);font-size:.54rem;border:1px solid var(--dgm-border);border-left:2px solid var(--accent);border-radius:.2rem;padding:.1rem .4rem;background:#326ce50f}.dgm-bar--purge{animation:dgm-fade 5s var(--dgm-ease-io) infinite;will-change:opacity,transform}.dgm-pulse{transform-origin:center;animation:dgm-pulse 2.4s var(--dgm-ease-io) infinite;will-change:transform,opacity}.dgm-dots{display:flex;justify-content:center;gap:.4rem;margin-top:.9rem}.dgm-dot{width:6px;height:6px;border-radius:999px;background:var(--dgm-txt2);opacity:.35;transform:scale(.85);animation:dgm-dot var(--dgm-cycle) var(--dgm-ease) infinite;animation-delay:calc(var(--i, 0) * (var(--dgm-cycle) / var(--dgm-n, 3)))}.dgm-cap{color:var(--dgm-txt2);font-size:.68rem;line-height:1.45;margin-top:.85rem;text-align:center}.dgm-cap strong{color:var(--dgm-txt)}.dgm-cap code{color:var(--accent);font-size:.66rem}@keyframes dgm-step{0%{opacity:.42;transform:scale(.985)}4%{opacity:1;transform:scale(1)}30%{opacity:1;transform:scale(1)}36%{opacity:.42;transform:scale(.985)}to{opacity:.42;transform:scale(.985)}}@keyframes dgm-dot{0%{opacity:.35;transform:scale(.85)}4%{opacity:1;transform:scale(1.1)}30%{opacity:1;transform:scale(1.1)}36%{opacity:.35;transform:scale(.85)}to{opacity:.35;transform:scale(.85)}}@keyframes dgm-pkt{0%{transform:translate(0);opacity:0}14%{opacity:1}86%{opacity:1}to{transform:translate(var(--travel));opacity:0}}@keyframes dgm-pkt-rev{0%{transform:translate(var(--travel));opacity:0}14%{opacity:1}86%{opacity:1}to{transform:translate(0);opacity:0}}@keyframes dgm-pkt-v{0%{transform:translateY(0);opacity:0}14%{opacity:1}86%{opacity:1}to{transform:translateY(var(--travel, 100%));opacity:0}}@keyframes dgm-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.12);opacity:1}}@keyframes dgm-fade{0%,62%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(4px)}to{opacity:0}}@keyframes dgm-grow{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.dgm-stage,.dgm-node--seq,.dgm-dot,.dgm-pkt,.dgm-pulse,.dgm-bar--purge{animation:none!important}.dgm-stage,.dgm-node--seq,.dgm-dot{opacity:1!important;transform:none!important}.dgm-pkt{opacity:1!important}.dgm-pkt:nth-child(2){transform:translate(40cqw)}.dgm-pkt:nth-child(3){transform:translate(70cqw)}.dgm-bar--purge{opacity:.5!important}}