.nfloop .lj{cursor:pointer;border-radius:999px;border:1px solid transparent;transition:background .25s var(--ease),border-color .25s var(--ease),transform .16s var(--ease);z-index:2}
.nfloop .lj b{font-size:17px}
@media (hover:hover) and (pointer:fine){.nfloop .lj:hover{border-color:var(--ink)}}
.nfloop .lj:active{transform:translate(-50%,-50%) scale(.96)}
.nfloop .lj[aria-pressed=true]{background:var(--lime);border-color:var(--lime)}
.nfloop .lj:focus-visible{outline:2px solid var(--olive);outline-offset:2px}
.nfloop .lc{inset:24%;display:block;text-align:center}
.nfloop .lcp{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;gap:8px;opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease),transform .3s var(--ease);pointer-events:none}
.nfloop .lcp.on{opacity:1;transform:none}
.nfloop .lcp .mono{font:500 11px/1.2 'Archivo Narrow',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--olive)}
.nfloop .lcp b{font-weight:600;font-size:34px;letter-spacing:-1px;line-height:1}
.nfloop .lcp p{font-size:14px;line-height:1.45;color:var(--body);max-width:230px}
.nfloop .orbit.held{animation:none;transition:transform .6s cubic-bezier(.22,1,.36,1)}
@media (max-width:1100px){.nfloop{max-width:380px}.nfloop .lc{inset:22%}.nfloop .lcp b{font-size:26px}.nfloop .lcp p{font-size:13px;max-width:190px}}
@media (max-width:420px){.nfloop .lcp p{font-size:12px;max-width:160px}.nfloop .lj b{font-size:15px}}
@media (prefers-reduced-motion:reduce){.nfloop .lcp,.nfloop .orbit.held{transition:none}}