.run{--ink:var(--palette-ink);--ink-2:var(--palette-ink-2);--ground:var(--palette-ground);--signal:var(--palette-signal);--hover:color-mix(in oklab,var(--ink) 6%,var(--ground));--frame:color-mix(in oklab,var(--ink) 14%,var(--ground));--on-ink-2:color-mix(in oklab,var(--ground) 65%,var(--ink));--line:2px solid var(--ink);--radius:12px;--left:260px;--fig-min:360px;font:16px/1.35 system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--ground);min-height:100vh;display:flex;flex-direction:column;container-type:inline-size}.run-backdrop,.run-by-tap{display:none}body:has(>.run){margin:0}.run *{box-sizing:border-box}.run h1,.run h2,.run ol,.run p{margin:0;padding:0}.run ol{list-style:none}.run-sub{color:var(--ink-2)}.run-head{display:flex;align-items:baseline;gap:14px;padding:14px 24px;border-bottom:var(--line)}.run-head h1{font-size:24px;font-weight:600}.run-body{flex:1 1;display:grid;grid-template-columns:var(--left) 1fr;min-height:0}.run-list{border-right:var(--line);padding:18px 16px;display:flex;flex-direction:column;gap:14px}.run-list h2{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}.run-list li{display:flex;gap:8px;padding:5px 8px;border-radius:6px;font-size:15px}.run-list li .run-sub{margin-left:auto;font-size:13px;white-space:nowrap}.run-list li button{all:unset;display:flex;gap:8px;width:100%;cursor:pointer}.run-list li button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:4px}.run-list li:not(.run-active):has(button):hover{background:var(--hover)}.run-list .run-active{background:var(--ink);color:var(--ground)}.run-list .run-active .run-sub{color:var(--on-ink-2)}.run-list .run-done,.run-list .run-done .run-sub{color:var(--ink-2)}.run-main{padding:24px 28px;min-width:0}.run-fig{position:relative;width:100%;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--frame);border-radius:8px;overflow:hidden}.run-fig img{position:absolute;left:50%;transform:translateX(-50%)}.run-fig-note{font-size:12px;color:var(--ink-2)}.run-orbit{aspect-ratio:4/3}.run-orbit-host{position:absolute;inset:0}.run-orbit .run-fig-note{position:relative;pointer-events:none}.run-orbit-still,.run-orbit-still .run-fig{position:absolute;inset:0;border:0}.run-orbit-posing .run-orbit-host{opacity:0}.run-orbit-hint{position:absolute;bottom:8px;right:10px;font-size:12px;color:var(--ink-2);pointer-events:none}.run-overview{display:flex;flex-direction:column;gap:14px}.run-totals strong{font-size:32px;font-weight:600;margin-right:8px}.run-totals .run-sub{font-size:17px}.run-label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}.run-thumbs{--thumb-min:112px;--thumb-cols:6;--thumb-gap:16px;display:grid;gap:14px var(--thumb-gap);grid-template-columns:repeat(auto-fill,minmax(max(var(--thumb-min),calc((100% - (var(--thumb-cols) - 1) * var(--thumb-gap)) / var(--thumb-cols))),1fr))}.run-thumbs li{display:flex;flex-direction:column;gap:2px;font-size:14px;line-height:1.2}.run-thumbs li .run-fig{margin-bottom:4px}.run-thumbs li .run-sub{font-size:13px}.run-actions{margin-top:auto;padding:12px 0 16px;display:flex;justify-content:flex-end;position:sticky;bottom:0;z-index:2;background:var(--ground)}.run-actions .run-btn{width:min(340px,100%)}.run-block{display:grid;grid-template-columns:minmax(var(--fig-min),1fr) minmax(260px,340px);gap:32px;align-items:center}.run-text{display:flex;flex-direction:column;gap:14px}.run-name{font-size:36px;font-weight:600;line-height:1.1}.run-dose{font-size:24px}.run-cue{font-size:17px;border-top:1.5px dashed var(--ink-2);padding-top:10px}.run-btn{--fill:0%;position:relative;display:flex;align-items:baseline;justify-content:center;gap:8px;padding:14px 0;border:2px solid var(--signal);border-radius:var(--radius);background:var(--signal);color:var(--ground);font:inherit;font-size:24px;font-weight:600;cursor:pointer}.run-btn kbd{font:12px ui-monospace,Menlo,monospace;color:color-mix(in oklab,var(--ground) 75%,var(--signal))}.run-celebrate{flex:1 1;display:flex;align-items:center;justify-content:center;font-size:160px}.run-stack{position:sticky;bottom:0;z-index:2;padding-bottom:16px;background:var(--ground)}.run-stack,.run-step{display:flex;flex-direction:column;gap:8px}.run-idle{align-items:center;min-height:28px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.run-idle,.run-idle-dots{display:flex;gap:10px}.run-idle-dot,.run-idle-dots>span{width:18px;height:18px;border-radius:50%;background:var(--signal);flex:none}.run-idle-dots>.run-idle-gone{visibility:hidden}.run-idle-bar{flex:1 1;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--ink) var(--rest),color-mix(in oklab,var(--ink) 12%,var(--ground)) var(--rest))}.run-idle-time{margin-left:auto;font-size:20px;font-weight:600}.run-band{--fill:0%;all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:baseline;gap:10px;min-height:60px;padding:12px 16px;border:var(--line);border-radius:var(--radius);background:linear-gradient(90deg,var(--ink) var(--fill),var(--ground) var(--fill));font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.run-band>span:not(.run-band-ghost){color:#fff;mix-blend-mode:difference}.run-band{position:relative;overflow:hidden}.run-band-ghost{position:absolute;inset:0;display:flex;align-items:baseline;gap:10px;padding:inherit;border-radius:inherit;pointer-events:none}.run-band-ghost>.run-band-gap{visibility:hidden}.run-band-ghost>.run-band-ink{position:absolute;inset:0 auto 0 0;background:var(--ink);border-radius:inherit}.run-band-ghost>.run-band-now,.run-band-ghost>.run-band-time{position:relative;color:#fff;mix-blend-mode:difference}.run-band-now{font-size:22px;font-weight:600}.run-band-time{margin-left:auto;font-size:26px;font-weight:600}.run-band-goes{font-size:14px;white-space:nowrap;opacity:.75}.run-band-next{border-style:dotted;border-width:3px;padding:11px 15px}.run-band-loop{animation:run-breathe 3s ease-in-out infinite}.run-band-held{animation:none}.run-band-none{visibility:hidden}.run-band:focus-visible{outline:2px solid var(--ink);outline-offset:2px}@keyframes run-breathe{0%,to{background:var(--ground)}50%{background:color-mix(in oklab,var(--ink) 9%,var(--ground))}}.run-transport{display:flex;gap:8px}.run-transport button{all:unset;box-sizing:border-box;cursor:pointer;flex:1 1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;border:var(--line);border-radius:var(--radius);font-size:22px;font-weight:600}.run-transport .run-pp{flex:1.6 1;background:var(--ink);color:var(--ground)}.run-transport button:hover:not(.run-pp){background:var(--hover)}.run-transport button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.run-transport kbd{font:11px ui-monospace,Menlo,monospace;color:var(--ink-2)}.run-transport .run-pp kbd{color:var(--on-ink-2)}.run-set-rest{font-size:18px;margin-top:-10px}.run-label-time{text-transform:none}@container (max-width: 1047px){.run-head .run-sub.run-by-key{display:none}.run-head .run-count{all:unset;display:inline;margin-left:auto;color:var(--ink-2);font-size:14px;white-space:nowrap;cursor:pointer;padding:6px 0 6px 12px}.run-head .run-count:focus-visible{outline:2px solid var(--ink);border-radius:4px}.run-body{grid-template-columns:1fr;position:relative}.run-list{display:none;position:absolute;top:0;left:0;width:min(var(--left),100%);z-index:4;max-height:calc(100dvh - 120px);overflow:auto;border-right:var(--line);border-bottom:var(--line);border-radius:0 0 20px 0;background:var(--ground);box-shadow:0 10px 24px color-mix(in oklab,var(--ink) 18%,transparent)}.run-list-open .run-list{display:flex}.run-list-open .run-backdrop{display:block;position:absolute;inset:0;z-index:1;background:color-mix(in oklab,var(--ink) 35%,transparent)}}@media (max-width:787px){.run{height:100dvh;min-height:0}}@container (max-width: 787px){.run kbd,.run-by-key{display:none}.run-by-tap{display:inline}.run-head{padding:12px 16px;gap:10px}.run-head h1{font-size:22px}.run-body{grid-template-rows:minmax(0,1fr);min-height:0}.run-main{padding:14px 16px 0;min-height:0;overflow:auto}.run-body:has(.run-overview) .run-list,.run-overview .run-list{display:none}.run-thumbs{--thumb-min:96px;--thumb-gap:10px;row-gap:12px}.run-actions{position:sticky;bottom:0;background:var(--ground);margin:0 -16px;padding:12px 16px 16px}.run-actions .run-btn{width:100%}.run-deck{--peek:20px;--gap:8px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px 0 0;overflow-x:hidden;overflow-y:auto}.run-track{--dx:0px;display:flex;gap:var(--gap);align-items:flex-start;flex:none;transform:translateX(calc(3 * var(--peek) + 2 * var(--gap) - 100% + var(--dx)));touch-action:pan-y}.run-track-anim{transition:transform var(--slide,.28s) cubic-bezier(.25,.8,.3,1)}.run-card{flex:none;width:calc(100% - 2 * var(--peek) - 2 * var(--gap));display:flex;flex-direction:column;gap:12px;min-width:0}.run-card-side{opacity:.45;cursor:pointer}.run-card-side .run-fig{border-color:var(--frame)}.run-card .run-name{font-size:30px}.run-card .run-dose{font-size:22px}.run-card .run-set-rest{margin-top:-6px}.run-deck .run-stack{position:sticky;bottom:0;z-index:3;margin-top:auto;padding:12px 16px 16px;background:var(--ground);max-height:100%}.run-btn{min-height:56px;padding:12px 0}.run-transport button{min-height:52px}.run-list{width:auto;right:0;z-index:2;max-height:calc(100% - 110px);border-right:0;border-radius:0 0 20px 20px}.run-list li{font-size:16px;padding:8px}}