.sv{--f:var(--u);--sv-ground:#f4efe6}.sv-m{--f:var(--m)}.sv-title{position:absolute;inset:0 0 auto;height:calc(var(--f) * 39);border-bottom:1px solid #000;background:var(--color-teal)}.sv-title i{position:absolute;top:calc(var(--f) * 13);left:calc(var(--f) * 17);width:calc(var(--f) * 10);height:calc(var(--f) * 10);border-radius:50%;background:#ff604e}.sv-title i+i{left:calc(var(--f) * 35);background:#c0eba6}.sv-title i+i+i{left:calc(var(--f) * 53)}.sv-m .sv-title{height:calc(var(--f) * 28)}.sv-m .sv-title i{top:calc(var(--f) * 9);left:calc(var(--f) * 14)}.sv-m .sv-title i+i{left:calc(var(--f) * 32)}.sv-m .sv-title i+i+i{left:calc(var(--f) * 50)}.sv-stage{position:absolute;inset:calc(var(--f) * 39 + 1px) 0 0;overflow:hidden;border-radius:0 0 calc(var(--f) * 15) calc(var(--f) * 15);background:var(--sv-ground)}.sv-m .sv-stage{inset:calc(var(--f) * 28 + 1px) 0 0;border-radius:0 0 calc(var(--f) * 8) calc(var(--f) * 8)}.sv-screen{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}.sv-screen.sv-on{opacity:1;visibility:visible;z-index:1;transition:opacity .3s ease}.sv-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}.sv-m .sv-screen img{object-fit:contain;object-position:center}@media (prefers-reduced-motion:reduce){.sv-screen{transition:none!important}}:root{--ps-d:calc(250 + (var(--ts) - 1) * 300);--ps-m:calc(516 + (var(--ts) - 1) * 380)}.ps-d{--k:var(--u);--body:calc(max(15px, var(--u) * 20) * var(--ts));--text:calc(max(14px, var(--u) * 16.5) * var(--ts));--b:calc(var(--k) * 56);--arrow:calc(var(--k) * 72);--lbl:max(11px,calc(var(--k) * 12.5));--pill:max(11px,calc(var(--k) * 13.5));--pill-h:calc(var(--k) * 32);--pill-k:calc(var(--k) * 52);--line:2px}.ps-m{--k:var(--m);--body:calc(var(--m) * 12 * var(--ts));--text:calc(var(--m) * 11 * var(--ts));--b:calc(var(--k) * 36);--arrow:calc(var(--k) * 30);--lbl:calc(var(--k) * 9.5);--pill:calc(var(--k) * 9.5);--pill-h:calc(var(--k) * 22);--pill-k:calc(var(--k) * 34);--line:1.5px}.ps{position:absolute;color:var(--color-ink)}.ps-d{left:calc(var(--k) * 108);top:calc(var(--k) * 156);width:calc(var(--k) * 1222)}.ps-m{left:calc(var(--k) * 20);top:calc(var(--k) * 26);width:calc(var(--k) * 350)}.ps h2,.ps h3{color:var(--color-ink);text-wrap:balance}.ps p{text-wrap:pretty}.ps img{display:block;max-width:none}.ps-head p{font-size:var(--body);line-height:1.4}.ps-d .ps-head h2{font-size:calc(var(--k) * 64);line-height:calc(var(--k) * 58)}.ps-d .ps-head p{margin-top:calc(var(--k) * 10)}.ps-m .ps-head h2{font-size:calc(var(--k) * 30);line-height:calc(var(--k) * 32)}.ps-m .ps-head p{margin-top:calc(var(--k) * 4)}.ps-card{position:relative;background:var(--color-paper);border:var(--line) solid #000;border-radius:calc(var(--k) * 15);box-shadow:calc(var(--k) * -3) calc(var(--k) * 5) 0 #000;overflow:hidden}.ps-stage{position:relative;display:grid;place-items:center;background-color:#e4e6f7;background-image:linear-gradient(90deg,rgb(70 75 113/.12) 1px,transparent 0),linear-gradient(180deg,rgb(70 75 113/.12) 1px,transparent 0);background-size:calc(var(--k) * 18) calc(var(--k) * 18)}.ps-b3 .ps-stage{background-color:#ffdfe6;background-image:linear-gradient(90deg,rgb(119 0 30/.09) 1px,transparent 0),linear-gradient(180deg,rgb(119 0 30/.09) 1px,transparent 0)}.ps-b4 .ps-stage{background-color:#d5f7d8;background-image:linear-gradient(90deg,rgb(31 122 69/.11) 1px,transparent 0),linear-gradient(180deg,rgb(31 122 69/.11) 1px,transparent 0)}.ps-num{position:absolute;display:grid;place-items:center;border:var(--line) solid #000;border-radius:50%;background:var(--color-paper);line-height:1}.ps-card>p{color:rgb(32 33 36/.82);font-size:var(--text);line-height:1.42}.ps-d .ps-strip{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;grid-template-rows:auto auto 1fr;margin-top:calc(var(--k) * 36)}.ps-d .ps-beat{display:contents}.ps-d .ps-card{display:grid;grid-row:1/span 3;grid-template-rows:subgrid;row-gap:0}.ps-d .ps-b1 .ps-card{grid-column:1}.ps-d .ps-b2 .ps-card{grid-column:3}.ps-d .ps-b3 .ps-card{grid-column:5}.ps-d .ps-b4 .ps-card{grid-column:7}.ps-d .ps-b2 .ps-join{grid-column:2}.ps-d .ps-b3 .ps-join{grid-column:4}.ps-d .ps-b4 .ps-join{grid-column:6}.ps-d .ps-join{grid-row:1;align-self:center;width:calc(var(--k) * 32);height:calc(var(--k) * 31);margin-inline:calc(var(--k) * 10)}.ps-d .ps-stage{height:calc(var(--k) * 178);border-bottom:var(--line) solid #000}.ps-d .ps-num{left:calc(var(--k) * 10);top:calc(var(--k) * 10);width:calc(var(--k) * 26);height:calc(var(--k) * 26);font-size:calc(var(--k) * 15)}.ps-d .ps-card>h3{padding:calc(var(--k) * 16) calc(var(--k) * 20) 0;font-size:calc(var(--k) * 27);line-height:calc(var(--k) * 30)}.ps-d .ps-card>p{padding:calc(var(--k) * 6) calc(var(--k) * 20) calc(var(--k) * 22)}.ps-m .ps-strip{display:flex;flex-direction:column;margin-top:calc(var(--k) * 18)}.ps-m .ps-join{align-self:center;width:calc(var(--k) * 22);height:calc(var(--k) * 21);margin:calc(var(--k) * 7) auto;rotate:90deg}.ps-m .ps-card{display:grid;grid-template-columns:calc(var(--k) * 146) 1fr;grid-template-rows:auto 1fr}.ps-m .ps-stage{grid-row:1/span 2;min-height:calc(var(--k) * 118);border-right:var(--line) solid #000}.ps-m .ps-num{left:calc(var(--k) * 6);top:calc(var(--k) * 6);width:calc(var(--k) * 17);height:calc(var(--k) * 17);font-size:calc(var(--k) * 10)}.ps-m .ps-card>h3{padding:calc(var(--k) * 11) calc(var(--k) * 12) 0;font-size:calc(var(--k) * 19);line-height:calc(var(--k) * 21)}.ps-m .ps-card>p{padding:calc(var(--k) * 3) calc(var(--k) * 12) calc(var(--k) * 12)}.ps-row{display:flex;align-items:flex-start}.ps-who{display:flex;flex-direction:column;align-items:center}.ps-app,.ps-badge{width:var(--b);height:var(--b)}.ps-app{padding:calc(var(--b) * .17);border:var(--line) solid #000;border-radius:50%;background:var(--color-paper)}.ps-lbl,.ps-record,.ps-verb{font-size:var(--lbl);font-weight:600;line-height:1.2;white-space:nowrap}.ps-lbl{margin-top:calc(var(--k) * 5)}.ps-arrow{position:relative;width:var(--arrow);height:var(--line);margin:calc(var(--b) / 2) calc(var(--k) * 8) 0;background:#000;transform-origin:left center}.ps-arrow:after{content:"";position:absolute;right:-2px;top:calc(var(--k) * -4);border-left:calc(var(--k) * 9) solid #000;border-top:calc(var(--k) * 4.5) solid transparent;border-bottom:calc(var(--k) * 4.5) solid transparent}.ps-verb{position:absolute;left:50%;bottom:calc(var(--k) * 6);translate:-50% 0;padding:calc(var(--k) * 2) calc(var(--k) * 6);border:1.5px solid #000;border-radius:calc(var(--k) * 6);background:var(--color-butter)}.ps-m .ps-row{margin-top:calc(var(--k) * 8)}.ps-m .ps-arrow{margin-inline:calc(var(--k) * 4)}.ps-m .ps-verb{font-size:calc(var(--k) * 8.5);padding:calc(var(--k) * 1) calc(var(--k) * 4)}.ps-reads{display:grid;gap:calc(var(--k) * 7)}.ps-m .ps-reads{gap:calc(var(--k) * 4);margin-top:calc(var(--k) * 10)}.ps-reads li{display:flex;align-items:stretch;height:var(--pill-h);border:var(--line) solid #000;border-radius:999px;overflow:hidden;background:var(--color-paper);font-size:var(--pill);line-height:1;white-space:nowrap}.ps-reads b{display:grid;place-items:center;width:var(--pill-k);border-right:var(--line) solid #000;background:var(--color-butter);font-size:.82em;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ps-reads span{display:grid;align-items:center;padding:0 calc(var(--k) * 12) 0 calc(var(--k) * 9);font-weight:600}.ps-m .ps-reads span{padding:0 calc(var(--k) * 7) 0 calc(var(--k) * 5)}.ps-note{position:relative;border:var(--line) solid #000;background:var(--color-paper);rotate:-2deg}.ps-d .ps-note{width:calc(var(--k) * 206);margin:calc(var(--k) * 14) 0 0 calc(var(--k) * 18);padding:calc(var(--k) * 12) calc(var(--k) * 14) calc(var(--k) * 12);border-radius:calc(var(--k) * 12);box-shadow:calc(var(--k) * -2) calc(var(--k) * 4) 0 #000}.ps-m .ps-note{width:calc(var(--k) * 124);margin-left:calc(var(--k) * 10);padding:calc(var(--k) * 7) calc(var(--k) * 8);border-radius:calc(var(--k) * 8);box-shadow:calc(var(--k) * -1.5) calc(var(--k) * 2.5) 0 #000;margin-top:calc(var(--k) * 16)}.ps-note-head{display:flex;align-items:center;gap:calc(var(--k) * 7);font-weight:700;line-height:1.15}.ps-d .ps-note-head{font-size:max(12px,calc(var(--k) * 14.5))}.ps-m .ps-note-head{gap:calc(var(--k) * 4);font-size:calc(var(--k) * 10)}.ps-warn{flex:none;width:calc(var(--k) * 24);height:calc(var(--k) * 20)}.ps-m .ps-warn{width:calc(var(--k) * 15);height:calc(var(--k) * 12.5)}.ps-note p{margin-top:calc(var(--k) * 6);color:rgb(32 33 36/.85);line-height:1.35}.ps-d .ps-note p{font-size:max(11px,calc(var(--k) * 12.5))}.ps-m .ps-note p{margin-top:calc(var(--k) * 3);font-size:calc(var(--k) * 8.5)}.ps-logo{height:calc(var(--k) * 12);width:auto;margin:calc(var(--k) * 9) 0 0 auto;opacity:.85}.ps-m .ps-logo{height:calc(var(--k) * 8);margin-top:calc(var(--k) * 5)}.ps-done{display:flex;flex-direction:column;align-items:center}.ps-check{width:calc(var(--k) * 40);height:calc(var(--k) * 38);margin:calc(var(--b) * .12) 0 0 calc(var(--k) * 10)}.ps-m .ps-check{width:calc(var(--k) * 26);height:calc(var(--k) * 25);margin-left:calc(var(--k) * 6)}.ps-record{display:inline-flex;align-items:center;gap:calc(var(--k) * 7);margin-top:calc(var(--k) * 14);padding:calc(var(--k) * 5) calc(var(--k) * 12) calc(var(--k) * 5) calc(var(--k) * 9);border:var(--line) solid #000;border-radius:999px;background:var(--color-paper)}.ps-record i{width:calc(var(--k) * 9);height:calc(var(--k) * 9);border-radius:50%;background:#000}.ps-m .ps-done,.ps-m .ps-record{margin-top:calc(var(--k) * 8)}.ps-m .ps-record{gap:calc(var(--k) * 4);padding:calc(var(--k) * 3) calc(var(--k) * 7) calc(var(--k) * 3) calc(var(--k) * 5)}.ps-m .ps-record i{width:calc(var(--k) * 6);height:calc(var(--k) * 6)}.ps-m .ps-beat{--s:0s!important}@media (prefers-reduced-motion:no-preference){:root:not([data-a11y-motion]) .ps-beat[data-armed]:not([data-play]) .ps-a{opacity:0}:root:not([data-a11y-motion]) .ps-beat[data-play] .ps-a{animation-duration:.55s;animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-delay:calc(var(--s, 0s) + var(--d, 0s));animation-fill-mode:backwards}:root:not([data-a11y-motion]) .ps-beat[data-play] .ps-rise{animation-name:ps-rise}:root:not([data-a11y-motion]) .ps-beat[data-play] .ps-pop{animation-name:ps-pop}:root:not([data-a11y-motion]) .ps-beat[data-play] .ps-grow{animation-name:ps-grow}:root:not([data-a11y-motion]) .ps-beat[data-play] .ps-drop{animation-name:ps-drop;animation-duration:.7s}}@keyframes ps-rise{0%{opacity:0;translate:0 calc(var(--k) * 12)}}@keyframes ps-pop{0%{opacity:0;scale:.6}}@keyframes ps-grow{0%{opacity:0;scale:0 1}}@keyframes ps-drop{0%{opacity:0;translate:0 calc(var(--k) * -18);rotate:7deg}60%{opacity:1;translate:0 calc(var(--k) * 2);rotate:-3deg}}