.motion{grid-template-columns:minmax(0,1fr) auto;column-gap:1rem;min-width:0;margin:0;display:grid;container:motion/inline-size}.motion__stage{aspect-ratio:var(--m-ratio,16 / 10);border:var(--border,2px) solid var(--line,#1a1814);background:var(--paper-raised,#faf7f0);color:var(--ink,#1a1814);--m-fs-label:clamp(14px, 1.75cqi, 19px);--m-fs-text:clamp(15px, 1.95cqi, 21px);--m-fs-plaque:clamp(18px, 2.7cqi, 30px);--m-fs-chip:clamp(14px, 1.75cqi, 19px);border-radius:8px;grid-column:1/-1;position:relative;overflow:hidden;container:stage/inline-size}.motion__stage--paper{--bg:var(--paper-raised,#faf7f0);--fg:var(--ink,#1a1814);--fg-muted:var(--ink-muted,#5c554b);--line:var(--ink,#1a1814);--line-soft:var(--rule-soft,#c9c0ae);--surface:var(--paper-raised,#faf7f0);--allowed:#1e6b40;--blocked:#b02e1c;--signal:#be1a78;--signal-ink:var(--paper,#f2ede3);border-color:var(--ink,#1a1814);color-scheme:light}.motion__stage--office{background:var(--office,#16171a);color:var(--office-text,#ede8de);border-color:var(--office-rule,#3a3d44)}@container motion (width<=559.98px){.motion__stage{aspect-ratio:var(--m-ratio-narrow,4 / 5);--m-fs-label:clamp(14px, 4.3cqi, 16px);--m-fs-text:clamp(14px, 4.5cqi, 17px);--m-fs-plaque:clamp(18px, 6cqi, 24px);--m-fs-chip:clamp(14px, 4.3cqi, 16px)}}.motion__bar{grid-area:2/2;justify-content:flex-end;align-items:flex-start;display:flex}.motion__caption{color:var(--fg-muted,#5c554b);font-size:var(--step-small,1.0625rem);text-wrap:pretty;grid-area:2/1;padding-top:.75rem;line-height:1.45}.motion__replay{min-height:44px;color:var(--fg-muted,#5c554b);font-family:var(--font-mono);font-size:var(--step-caption,.9375rem);font-weight:var(--weight-bold,700);letter-spacing:var(--tracking-label,.08em);text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:.45em;margin-top:.15rem;padding:0 .25rem 0 .4rem;display:inline-flex}.motion__replay[hidden]{display:none}.motion__replay svg{width:1.15em;height:1.15em}.motion__replay:hover{color:var(--fg,#1a1814);text-underline-offset:.25em;text-decoration:underline 2px}.m-abs{left:var(--x,0);top:var(--y,0);width:var(--w,auto);height:var(--h,auto);position:absolute}.m-label{font-family:var(--font-mono);font-size:var(--m-fs-label);font-weight:var(--weight-bold,700);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;line-height:1.2}.m-mono{font-family:var(--font-mono);font-size:var(--m-fs-text);white-space:nowrap;line-height:1.25}.m-muted{color:var(--fg-muted,#5c554b)}.m-plaque{--p-bg:var(--ink,#1a1814);--p-fg:var(--paper,#f2ede3);background:var(--p-bg);color:var(--p-fg);border:2px solid var(--p-bg);outline-offset:calc(-.26em - 2px);font-family:var(--font-display);font-size:var(--m-fs-plaque);font-weight:var(--weight-black,880);font-stretch:var(--stretch-plaque,68%);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;border-bottom-width:5px;border-radius:6px;outline:1.5px solid;justify-content:center;align-items:center;padding:.42em 1.25em .34em;line-height:1;display:inline-flex;position:relative}.m-plaque:before,.m-plaque:after{content:"";background:currentColor;border-radius:50%;width:.22em;min-width:4px;height:.22em;min-height:4px;position:absolute;top:50%;transform:translateY(-50%)}.m-plaque:before{left:.5em}.m-plaque:after{right:.5em}.m-plaque--paper{--p-bg:var(--paper-raised,#faf7f0);--p-fg:var(--ink,#1a1814);border-color:var(--ink,#1a1814)}.m-plaque--signal{--p-bg:var(--signal,#be1a78);--p-fg:var(--signal-ink,#f2ede3);border-color:var(--ink,#1a1814)}.m-badge{width:var(--bw,48px);aspect-ratio:48/62;border:2px solid var(--line,#1a1814);border-radius:calc(var(--bw,48px) * .13);background:var(--ink,#1a1814);color:var(--paper,#f2ede3);flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.m-badge:before{content:"";border:2px solid var(--ink,#1a1814);background:var(--paper-raised,#faf7f0);border-radius:999px;width:38%;height:9%;min-height:5px;position:absolute;top:9%;left:50%;transform:translate(-50%)}.m-badge:after{content:"";background:var(--signal,#be1a78);border-top:2px solid var(--ink,#1a1814);height:25%;position:absolute;inset:auto 0 0}.m-badge__face{font-family:var(--font-display);font-size:calc(var(--bw,48px) * .32);letter-spacing:.02em;margin-top:-8%;font-weight:800;font-stretch:100%;line-height:1}.m-badge--stranger{background:var(--paper-raised,#faf7f0);color:var(--ink,#1a1814)}.m-badge--stranger:after{display:none}.m-chip{font-family:var(--font-text);font-size:var(--m-fs-chip);font-weight:var(--weight-bold,700);white-space:nowrap;background:var(--paper-raised,#faf7f0);color:var(--ink,#1a1814);border:2px solid;border-radius:6px;align-items:center;gap:.35em;padding:.28em .6em .26em .45em;line-height:1.1;display:inline-flex}.m-chip svg{flex:none;width:1.1em;height:1.1em}.m-chip--ok{background:var(--allowed-tint,#dcebd9);color:var(--allowed,#1e6b40)}.m-chip--no{background:var(--blocked-tint,#f6ddd3);color:var(--blocked,#b02e1c)}.motion__stage--office .m-chip--ok{color:var(--office-allowed,#6ccb91);background:0 0}.motion__stage--office .m-chip--no{color:var(--office-blocked,#ff8466);background:0 0}.m-screen{border:2px solid var(--ink,#1a1814);background:var(--paper,#f2ede3);border-radius:6px;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.m-screen__bar{background:var(--ink,#1a1814);height:.55em;min-height:7px}.m-screen__rows{align-content:start;gap:.75em;padding:1em 1.1em;display:grid}.m-row{align-items:center;gap:8%;height:.7em;min-height:7px;display:flex}.m-row:before{content:"";background:var(--ink-muted,#5c554b);border-radius:1px;flex:1;height:32%;min-height:2px}.m-row:after{content:"";border:2px solid var(--ink,#1a1814);background:var(--paper-raised,#faf7f0);border-radius:3px;width:28%;height:100%}.m-stamp{font-family:var(--font-display);font-size:var(--m-fs-chip);font-weight:var(--weight-black,880);font-stretch:var(--stretch-stamp,112%);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transform:rotate(var(--m-r,-5deg));border:5px double;border-radius:4px;align-items:center;gap:.35em;padding:.3em .55em .26em;line-height:1;display:inline-flex}.m-icon{flex:none;width:1.2em;height:1.2em}@keyframes m-in{0%{opacity:0}}@keyframes m-move{0%{opacity:var(--m-o,0);transform:translate(var(--m-x,0), var(--m-y,0)) scale(var(--m-s,1))}}@keyframes m-pop{0%{opacity:0;transform:scale(var(--m-s,.6))}}@keyframes m-stamp{0%{opacity:0;transform:rotate(var(--m-r,-5deg)) scale(1.9)}to{opacity:1;transform:rotate(var(--m-r,-5deg)) scale(1)}}@keyframes m-grow-x{0%{transform:scaleX(0)}}@keyframes m-grow-y{0%{transform:scaleY(0)}}@keyframes m-type{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes m-out{to{opacity:0}}@keyframes m-caret{0%{transform:translate(0)}to{transform:translateX(var(--m-chars,10ch))}}.m-paper{--bg:var(--paper,#f2ede3);--fg:var(--ink,#1a1814);--fg-muted:var(--ink-muted,#5c554b);--line:var(--ink,#1a1814);--surface:var(--paper-raised,#faf7f0);--allowed:#1e6b40;--blocked:#b02e1c;--signal:#be1a78;--signal-ink:var(--paper,#f2ede3);color:var(--ink,#1a1814)}.motion__stage--office .m-paper .m-chip--no{background:var(--blocked-tint,#f6ddd3);color:var(--blocked)}.motion__stage--office .m-paper .m-chip--ok{background:var(--allowed-tint,#dcebd9);color:var(--allowed)}