.af{--gap:12px;--cycle:8s;align-items:flex-end;gap:var(--bt-space-2);flex-direction:column;margin-block-end:var(--bt-space-6);display:flex}.af__board{border-radius:var(--bt-r-2xl);border:1px solid var(--bt-line);inline-size:100%;box-shadow:var(--bt-shadow-3);padding:clamp(14px,2.4vw,22px);overflow:hidden}.af__lanes{gap:var(--gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.af__lane{border-radius:var(--bt-r-lg);background:var(--bt-surface-1);border:1px solid var(--bt-line);flex-direction:column;gap:10px;min-block-size:230px;padding:10px;display:flex}.af__lane-title{font:600 12px / 1.2 var(--bt-font-text);color:var(--bt-ink-2);align-items:center;gap:8px;margin:0;display:flex}.af__n{clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--bt-surface-3);block-size:20px;inline-size:18px;font:700 10px / 1 var(--bt-font-mono);color:var(--bt-ink);flex:none;place-items:center;display:grid}.af__review{font:500 11.5px / 1 var(--bt-font-text);color:var(--bt-ink-muted);justify-content:space-between;align-items:center;gap:8px;margin-block-start:auto;display:flex;position:relative}.af__approve{border-radius:var(--bt-r-full);background:var(--bt-accent);color:var(--bt-accent-on);font:650 12px / 1 var(--bt-font-text);padding:8px 12px}.af__cursor{opacity:0;position:absolute;inset-block-start:10px;inset-inline-end:18px}.af__cursor path{fill:var(--bt-ink);stroke:var(--bt-accent-on)}.af__card{inline-size:calc((100% - 2 * var(--gap)) / 3 - 20px);border-radius:var(--bt-r-md);background:var(--bt-surface-2);border:1px solid var(--bt-line-strong);transform:translateX(calc(200% + 2 * var(--gap) + 40px));flex-direction:column;gap:8px;padding:10px;display:flex;position:absolute;inset-block-start:40px;inset-inline-start:10px;box-shadow:0 10px 24px -14px #000000b3}.af__card-head{font:600 11.5px / 1.2 var(--bt-font-text);color:var(--bt-ink);align-items:center;gap:6px;min-inline-size:0;display:flex}.af__mark{color:var(--bt-ink);--bt-pmark-cut:var(--bt-surface-2)}.af__who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.af__when{font:400 10.5px / 1 var(--bt-font-mono);color:var(--bt-ink-muted);white-space:nowrap;margin-inline-start:auto}.af__text{font:400 12px / 1.4 var(--bt-font-text);color:var(--bt-ink-2);margin:0}.af__status{justify-items:start;display:grid}.af__chip{border-radius:var(--bt-r-full);font:600 10.5px / 1 var(--bt-font-mono);grid-area:1/1;padding:4px 8px}.af__chip--draft{background:var(--bt-surface-3);color:var(--bt-ink-2);opacity:0}.af__chip--wait{background:var(--bt-accent-soft);color:var(--bt-accent-text);box-shadow:inset 0 0 0 1px var(--bt-accent-line);opacity:0}.af__chip--done{background:var(--bt-ok-soft);color:var(--bt-ok-ink)}.af__audit{border-radius:var(--bt-r-md);background:var(--bt-surface-1);border:1px solid var(--bt-line);font:400 11.5px / 1.3 var(--bt-font-mono);color:var(--bt-ink-2);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:14px 0 0;padding:10px 12px;display:flex}.af__audit code{color:var(--bt-ink);font-weight:600}.af__audit-time{color:var(--bt-ink-muted)}.af__audit-cost{color:var(--bt-accent-text);margin-inline-start:auto}@media (width<=560px){.af__review .af__reviewer,.af__when{display:none}.af__lane-title{font-size:11px}}.af.is-running :is(.af__card,.af__chip,.af__cursor,.af__approve,.af__audit){animation-duration:var(--cycle);animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both}.af.is-held :is(.af__card,.af__chip,.af__cursor,.af__approve,.af__audit){animation-play-state:paused}.af.is-running .af__card{animation-name:af-card}.af.is-running .af__chip--draft{animation-name:af-draft}.af.is-running .af__chip--wait{animation-name:af-wait}.af.is-running .af__chip--done{animation-name:af-done}.af.is-running .af__cursor{animation-name:af-cursor}.af.is-running .af__approve{animation-name:af-press}.af.is-running .af__audit{animation-name:af-audit}@keyframes af-card{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(10px)}6%,16%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(0)}26%,48%{opacity:1;transform:translateX(calc(100% + var(--gap) + 20px));animation-timing-function:cubic-bezier(.65,0,.35,1)}58%,92%{opacity:1;transform:translateX(calc(200% + 2 * var(--gap) + 40px))}97%,to{opacity:0;transform:translateX(calc(200% + 2 * var(--gap) + 40px))}}@keyframes af-draft{0%,20%{opacity:1}22%,to{opacity:0}}@keyframes af-wait{0%,21%{opacity:0}23%,44%{opacity:1}46%,to{opacity:0}}@keyframes af-done{0%,45%{opacity:0;transform:scale(.7)}48%,to{opacity:1;transform:none}}@keyframes af-cursor{0%,24%{opacity:0;animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(90px,80px)}27%{opacity:1}38%{transform:translate(0)}41%{transform:translate(0)scale(.84)}44%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(0)}56%,to{opacity:0;transform:translate(60px,70px)}}@keyframes af-press{0%,40%{transform:none}42%{transform:scale(.92)}45%,to{transform:none}}@keyframes af-audit{0%,58%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translateY(6px)}63%,94%{opacity:1;transform:none}98%,to{opacity:0}}.af__pause[hidden]{display:none}