.port-pulse{display:inline-block;flex:none;inline-size:var(--port-size,7px);block-size:var(--port-size,7px);background:var(--signal);animation:port-pulse 1.4s ease-in-out infinite}.port-pulse--on-fill{background:currentColor}@keyframes port-pulse{0%,to{opacity:1}50%{opacity:.22}}.port-pulse-row{display:inline-flex;align-items:center;gap:9px;font-weight:600;color:var(--ink)}.port-pulse-row__elapsed{font-family:var(--font-mono),monospace;font-size:.86em;font-weight:400;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-3)}.port-trail{display:inline-flex;align-items:center;gap:5px}.port-trail i{display:block;inline-size:6px;block-size:6px;background:var(--signal);animation:port-trail 1.2s ease-in-out infinite}.port-trail i:nth-child(2){animation-delay:.16s}.port-trail i:nth-child(3){animation-delay:.32s}@keyframes port-trail{0%,to{opacity:.2}40%{opacity:1}}.rule-sweep{position:absolute;inset-inline:0;bottom:-1px;block-size:2px;overflow:hidden;pointer-events:none}.rule-sweep i{position:absolute;inset-block:0;inline-size:26%;background:var(--signal);animation:rule-sweep 1.5s cubic-bezier(.65,0,.35,1) infinite}@keyframes rule-sweep{0%{inset-inline-start:-26%}to{inset-inline-start:100%}}.stream-caret{display:inline-block;inline-size:7px;block-size:.85em;margin-inline-start:2px;vertical-align:-2px;background:var(--signal);animation:stream-caret 1s steps(1) infinite}@keyframes stream-caret{0%,49%{opacity:1}50%,to{opacity:0}}.skel-row{display:grid;align-items:center;gap:11px;block-size:var(--row,40px);border-bottom:1px solid var(--rule2)}.skel-row:last-child{border-bottom:0}.skel-row:nth-child(2) .skel-bar,.skel-row:nth-child(2) .skel-port,.skel-row:nth-child(2) .skel-tile{animation-delay:.12s}.skel-row:nth-child(3) .skel-bar,.skel-row:nth-child(3) .skel-port,.skel-row:nth-child(3) .skel-tile{animation-delay:.24s}.skel-bar{block-size:9px;inline-size:var(--skel-w,100%);background:var(--rule2)}.skel-bar,.skel-port{display:block;animation:skel-fade 1.6s ease-in-out infinite}.skel-port{flex:none;inline-size:6px;block-size:6px;background:var(--rule)}@keyframes skel-fade{0%,to{opacity:1}50%{opacity:.45}}.skel-cell{display:flex;align-items:center;gap:9px}.skel-cell .skel-bar{flex:1 1}.skel-row-tr:nth-child(2) .skel-bar,.skel-row-tr:nth-child(2) .skel-port,.skel-row-tr:nth-child(2) .skel-tile{animation-delay:.12s}.skel-row-tr:nth-child(3) .skel-bar,.skel-row-tr:nth-child(3) .skel-port,.skel-row-tr:nth-child(3) .skel-tile{animation-delay:.24s}.skel-value{position:relative;display:inline-block;inline-size:var(--skel-w,2ch);block-size:1em;vertical-align:-.12em}.skel-value:before{content:"";position:absolute;inset:.19em 0}.skel-tile,.skel-value:before{background:var(--rule2);animation:skel-fade 1.6s ease-in-out infinite}.skel-tile{display:block;flex:none;inline-size:var(--tile-size,22px);block-size:var(--tile-size,22px)}.gate-wait{position:relative;display:inline-block;flex:none;inline-size:9px;block-size:9px;background:var(--signal)}.gate-wait:after{content:"";position:absolute;inset:-5px;border:1px solid var(--signal);animation:gate-wait 1.9s cubic-bezier(.3,0,.4,1) infinite}@keyframes gate-wait{0%{transform:scale(.55);opacity:.9}to{transform:scale(1.5);opacity:0}}.gate-wait-row{display:inline-flex;align-items:center;gap:11px;font-weight:600;color:var(--ink)}@media (prefers-reduced-motion:reduce){.gate-wait:after,.port-pulse,.port-trail i,.rule-sweep i,.skel-bar,.skel-port,.skel-tile,.skel-value:before,.stream-caret{animation:none}.port-trail i,.stream-caret{opacity:1}.gate-wait:after{opacity:.35;transform:scale(1)}.rule-sweep i{inline-size:100%;opacity:.32}}