.bf{--bf-blue:#4285f4;--bf-teal:#12a4af;--bf-warn:#e0a030;--bf-good:#17753f;--bf-todo:#676d79;--bf-gutter:32px}.bf .ss-stage{background:var(--ss-well);border-radius:14px;overflow:hidden}.bf .bf-win{top:var(--bf-gutter);left:var(--bf-gutter);width:656px;height:420px;box-shadow:var(--ss-shadow-hero);position:absolute}.bf-board{background:var(--ss-canvas);flex-direction:column;gap:10px;height:100%;padding:12px 14px 0;display:flex}.bf-head{align-items:center;height:22px;display:flex}.bf-name{color:var(--ss-text-strong);font-size:13px;font-weight:600}.bf-cols{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-height:0;display:grid}.bf-col{background:#f6f7f9;border-radius:12px 12px 0 0;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #141e3c1a}.bf-col[data-col=prog]{background:#fdf8ef;box-shadow:inset 0 0 0 1px #e0a03059}.bf-col[data-col=done]{background:#f1f7f3;box-shadow:inset 0 0 0 1px #17753f4d}.bf-col-head{background:#eceef2;align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}.bf-col[data-col=prog] .bf-col-head{background:#f9e9cc}.bf-col[data-col=done] .bf-col-head{background:#d9eadf}.bf-dot{border-radius:50%;flex:none;width:8px;height:8px}.bf-col-name{color:var(--ss-text-strong);flex:1;font-size:12px;font-weight:600}.bf-count{color:var(--ss-text);font-size:12px;font-weight:500}.bf-col-body{flex-direction:column;flex:1;gap:8px;min-height:0;padding:8px;display:flex;overflow:hidden}.bf-card{box-sizing:border-box;background:var(--ss-surface);border-radius:10px;grid-template-rows:16px minmax(0,1fr) 18px;grid-template-columns:minmax(0,1fr);row-gap:6px;height:100%;padding:12px 14px;transition:box-shadow .2s;display:grid;box-shadow:inset 0 0 0 1px #141e3c14,0 1px 2px #141e3c0d}.bf-card[data-hover]{box-shadow:inset 0 0 0 1px #141e3c1f, var(--ss-shadow-card)}.bf-top{justify-content:space-between;align-items:center;gap:8px;height:16px;display:flex}.bf-kind{color:var(--ss-text);align-items:center;gap:6px;font-size:10.5px;font-weight:600;display:inline-flex}.bf-ctl{align-items:center;gap:6px;display:inline-flex}.bf-grip{width:16px;height:16px;color:var(--ss-icon-faint);flex:none;place-items:center;display:grid}.bf-body{flex-direction:column;justify-content:center;gap:7px;min-width:0;transition:opacity .3s;display:flex}.bf-title{color:var(--ss-text-strong);white-space:normal;font-size:13px;font-weight:600;line-height:1.3}.bf-foot{align-items:center;height:18px;display:flex}.bf-badge{height:18px;color:var(--ss-text-faint);background:0 0;padding:0;font-size:10.5px}.bf-card[data-done] .bf-body,.bf-card[data-done] .bf-kind,.bf-card[data-done] .bf-foot{opacity:.6}.bf-card .bf-kind,.bf-card .bf-foot{transition:opacity .3s}.bf-fade{will-change:transform;height:100%;transition:opacity .3s}.bf-fade[data-out]{opacity:0}.bf-carry{z-index:10;isolation:isolate;position:absolute}.bf-carry .bf-card{box-shadow:var(--ss-shadow-float), inset 0 0 0 1px #141e3c1a;transform-origin:90% 20%;will-change:transform;transition:transform .2s ease-out,box-shadow .2s ease-out;transform:rotate(-2deg)}.bf-carry[data-settle] .bf-card{transform:none;box-shadow:inset 0 0 0 1px #141e3c14,0 1px 2px #141e3c0d}.bf-rest{width:1px;height:1px;position:absolute;top:96px;left:560px}.bf .ss-stage[data-layout=compact]{--bf-gutter:16px}.bf .ss-stage[data-layout=compact] .bf-win{width:326px;height:440px}.bf .ss-stage[data-layout=compact] .bf-board{gap:8px;padding:10px 10px 0}.bf .ss-stage[data-layout=compact] .bf-cols{gap:6px}.bf .ss-stage[data-layout=compact] .bf-col-head{padding:0 14px}.bf .ss-stage[data-layout=compact] .bf-dot{display:none}.bf .ss-stage[data-layout=compact] .bf-col-body{padding:6px}.bf .ss-stage[data-layout=compact] .bf-card{padding:8px}.bf .ss-stage[data-layout=compact] .bf-title{font-size:11px}.bf .ss-stage[data-layout=compact] .bf-foot,.bf .ss-stage[data-layout=compact] .bf-kind{display:none}.bf .ss-stage[data-layout=compact] .bf-rest{top:90px;left:280px}.bf .ss-stage[data-layout=compact] .bf-top{justify-content:flex-end}.bf .ss-stage[data-layout=compact] .bf-top>.ss-bar{display:none}.bf .ss-stage[data-layout=compact] .bf-head{padding-left:14px}.bf .ss-stage[data-layout=compact] .bf-card{grid-template-rows:16px minmax(0,1fr)}