.conn-frame{--view-h:calc(var(--viewport-full-h) - var(--conn-offset));display:contents}.conn-frame[data-conn]{--conn-offset:var(--conn-offset-shown);--safe-top:var(--safe-top-under-strip)}.conn-strip{z-index:var(--z-sticky);height:var(--conn-offset-shown);padding-inline:var(--safe-left) var(--safe-right);pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:sticky;top:0}.conn-strip--off{background:var(--surface-3);color:var(--text-2)}.conn-strip--sync{background:var(--accent-soft);color:var(--accent-text)}.conn-strip__row{justify-content:center;align-items:center;gap:var(--sp-8);height:var(--conn-strip-h);font-family:var(--font-ui);font-size:var(--fs-conn-strip);letter-spacing:var(--tracking-conn-strip);font-weight:600;display:flex}.conn-strip__count{margin-left:var(--sp-4);opacity:var(--opacity-muted)}.conn-strip__spin{animation:conn-strip-spin var(--dur-spring) linear infinite;transform-origin:50%}@keyframes conn-strip-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.conn-strip__spin{animation:none}}