html.motion .stage{height:330vh}.stage{padding-bottom:var(--space-xl)}html.motion .stage__pin{position:sticky;top:var(--pin-top, 24px)}.stage__captions{list-style:none;margin:0 0 var(--space-s);padding:0;display:grid}.stage__captions li{grid-area:1 / 1;font:600 clamp(20px,2.2vw,28px)/1.2 var(--font);letter-spacing:-.02em;opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease),transform .35s var(--ease)}.stage__captions[data-active="0"] [data-cap="0"],.stage__captions[data-active="1"] [data-cap="1"],.stage__captions[data-active="2"] [data-cap="2"],.stage__captions[data-active="3"] [data-cap="3"]{opacity:1;transform:none}.window{background:var(--white);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow-lift);overflow:hidden}.window__bar{display:flex;align-items:center;gap:14px;height:44px;padding:0 16px;border-bottom:1px solid var(--line);background:#f7f6f3}.window__dots{display:flex;gap:6px;flex:none}.window__dots i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}.window__name{display:grid;font:500 13px var(--font);color:var(--ink-70);white-space:nowrap}.window__name>span{grid-area:1 / 1;transition:opacity .3s var(--ease)}.window__now{opacity:0;font-weight:600;color:var(--ink)}.stage.is-system .window__was{opacity:0}.stage.is-system .window__now{opacity:1}.window__tag{margin-left:auto;white-space:nowrap}.window__body{display:grid;position:relative;min-height:430px}.window__body>.sheet,.window__body>.board{grid-area:1 / 1}.sheet{overflow-x:auto;align-self:start}.stage.is-system .sheet{pointer-events:none}.sheet table{border-collapse:collapse;width:100%;min-width:760px;font:400 13px/1.2 Arial,sans-serif;color:#202124}.sheet th,.sheet td{border:1px solid var(--xl-grid);padding:9px 10px;text-align:left;white-space:nowrap}.sheet thead th{background:var(--xl-head);font-weight:700;color:#3c4043}.sheet .n{width:34px;text-align:center;background:var(--xl-head);color:#5f6368;font-weight:400}.sheet tr.hl td:not(.n){background:rgb(255 242 168 / calc(1 - var(--clean, 0)))}.sheet tr.bad td:not(.n){background:rgb(246 199 193 / calc(1 - var(--clean, 0)))}.sheet .dim{color:#80868b}.sheet .fx{position:relative}.sheet .fx .now{display:none;color:var(--green-ink);font-weight:700}.stage.is-fixed .sheet .fx .was{display:none}.stage.is-fixed .sheet .fx .now{display:inline}.stage.is-fixed .sheet tr.dupe td:not(.n){color:#9aa0a6;text-decoration:line-through}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;align-content:start;pointer-events:none}.stage.is-live .board{pointer-events:auto}.col{border-radius:10px;padding:10px;background:color-mix(in srgb,var(--wash) calc(var(--heads, 1) * 100%),transparent);transition:box-shadow .2s var(--ease)}.col.is-over{box-shadow:inset 0 0 0 2px var(--green)}.col__head{display:flex;align-items:baseline;gap:8px;padding:2px 4px 10px;opacity:var(--heads, 1)}.col__name{font:600 13px var(--font)}.col__count{font:500 11px var(--mono);color:var(--ink-55);background:var(--white);border:1px solid var(--line);border-radius:999px;padding:1px 7px}.col__sum{margin-left:auto;font:500 12px var(--mono);color:var(--ink-55)}.col[data-col=won] .col__sum{color:var(--green-ink)}.col__list{display:grid;gap:8px;min-height:40px}.card{all:unset;box-sizing:border-box;display:block;width:100%;background:var(--white);border:1px solid var(--line-2);border-radius:8px;padding:11px 12px;cursor:pointer;transform-origin:0 0;will-change:transform;box-shadow:0 1px 2px #1114180a;transition:box-shadow .2s var(--ease),border-color .2s var(--ease)}.card:hover{border-color:var(--ink-30);box-shadow:var(--shadow)}.card:focus-visible{outline:2px solid var(--green);outline-offset:2px}.card.is-open{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.card.dragging{cursor:grabbing;z-index:5;position:relative;box-shadow:var(--shadow-lift);transition:none}.card__in{display:grid;gap:3px;transform-origin:0 0}.card.is-morphing{overflow:hidden}.card__co{font:600 14px/1.25 var(--font);color:var(--ink)}.card__who{font:400 13px/1.3 var(--font);color:var(--ink-55)}.card__foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.card__val{font:500 12px var(--mono);color:var(--ink-70)}.card__val--none{color:#b4541f}.col[data-col=won] .card__val{color:var(--green-ink)}.card__owner{font:600 10px var(--font);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green-ink)}.record{position:absolute;top:0;right:0;bottom:0;z-index:6;width:min(360px,100%);background:var(--white);border-left:1px solid var(--line-2);box-shadow:-24px 0 48px -24px #1114182e;padding:20px 22px;overflow-y:auto;transform:translate(calc((1 - var(--rec, 0)) * 104%))}.record{transition:transform .45s var(--ease-out)}.record__close{all:unset;position:absolute;top:12px;right:14px;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;font-size:20px;color:var(--ink-55);cursor:pointer}.record__close:hover{background:var(--wash);color:var(--ink)}.record__kicker{font-size:11px;margin-bottom:6px}.record__co{font:600 22px/1.15 var(--font);letter-spacing:-.02em}.record__who{color:var(--ink-55);font-size:14px;margin-top:2px}.record__stages{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 14px}.pill{all:unset;font:500 12px var(--font);padding:6px 10px;border-radius:999px;border:1px solid var(--line-2);cursor:pointer;color:var(--ink-70)}.pill:hover{border-color:var(--ink-30)}.pill[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}.pill:focus-visible{outline:2px solid var(--green);outline-offset:2px}.record__facts{margin:0 0 18px;display:grid;gap:0;border-top:1px solid var(--line)}.record__facts div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.record__facts dt{color:var(--ink-55)}.record__facts dd{margin:0;font-weight:500;text-align:right}.record__log{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:13px;color:var(--ink-70)}.record__log li{padding-left:14px;position:relative}.record__log li:before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:var(--green)}@media(max-width:760px){html.motion .stage{height:300vh}.window__body{min-height:460px}.record{padding:16px 18px}.board{grid-template-columns:1fr 1fr;gap:8px;padding:10px}.col{padding:8px}.col__sum{display:none}.card{padding:9px 10px}.card__co{font-size:13px}.card__who{font-size:12px}.record{width:100%;border-left:0}.window__name{font-size:12px}.window__tag{font-size:10px}}.ghost{position:absolute;left:0;top:0;z-index:9;pointer-events:none;opacity:0;will-change:transform}.ghost>*{display:block}.ghost--cursor svg{filter:drop-shadow(0 2px 3px rgb(17 20 24 / .3))}.ghost--finger i{width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:#11141838;border:2px solid #fff;box-shadow:0 2px 8px #11141840}