.qm{--qm-ink:var(--mark-soft-foreground);--qm-card:#fff;--qm-ease:cubic-bezier(.2, .8, .2, 1);pointer-events:none;color:var(--qm-ink);font-size:clamp(10px,1.9cqi,15px);line-height:1.25;position:absolute;inset:0;container-type:inline-size}@supports (color:lab(0% 0 0)){.qm{--qm-card:lab(100% 0 0)}}.qm-card{left:var(--x);top:var(--y);width:var(--w);background:var(--qm-card);border-radius:1.1em;flex-direction:column;gap:.5em;padding:1em 1.1em;display:flex;position:absolute;box-shadow:0 18px 44px -18px #0000008c;box-shadow:0 18px 44px -18px lab(0% 0 0/.55)}.qm-draft{z-index:1}.qm-title{opacity:.65;font-size:.82em;font-weight:500}.qm-question{font-weight:600}.qm-answer{letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:1.55em;font-weight:700}.qm-fill,.qm-send{background:var(--qm-ink);color:var(--qm-card);border-radius:999px;align-self:flex-start;padding:.5em 1em;font-weight:600}.qm-draft-head{align-items:center;gap:.55em;font-weight:600;display:flex}.qm-avatar{background:color-mix(in oklch, var(--qm-ink) 6%, var(--qm-card));border-radius:999px;flex-shrink:0;width:2em;height:2em}.qm-draft-label{flex:1;min-width:0}.qm-kind{border:1px solid #00000026;border:1px solid lab(0% 0 0/.15);border-radius:999px;padding:.15em .6em;font-size:.8em;font-weight:500}.qm-text{background:color-mix(in oklch, var(--qm-ink) 5%, var(--qm-card));border-radius:.7em;padding:.7em .8em}.qm-actions{justify-content:flex-end;gap:.5em;display:flex}.qm-edit{border:1px solid #0003;border:1px solid lab(0% 0 0/.2);border-radius:999px;padding:.5em 1em;font-weight:600}@media (prefers-reduced-motion:no-preference){.qm[data-scene=armed] .qm-card{opacity:0}.qm[data-scene=play] .qm-tables{animation:qm-in .52s var(--qm-ease) .2s backwards, qm-back .4s ease-out 1.7s forwards}.qm[data-scene=play] .qm-fill{animation:.26s ease-in-out 1.3s qm-press}.qm[data-scene=play] .qm-draft{animation:qm-land .62s var(--qm-ease) 1.7s backwards}}@keyframes qm-in{0%{opacity:0;translate:0 1.2em}}@keyframes qm-press{50%{opacity:.85;scale:.92}}@keyframes qm-land{0%{opacity:0;translate:1.5em 1.5em;scale:.96}}@keyframes qm-back{to{opacity:.88;scale:.98}}
.rps{--rps-ink:var(--mark-soft-foreground);--rps-card:#fff;--rps-amber:var(--warning);--rps-ease:cubic-bezier(.2, .8, .2, 1);pointer-events:none;color:var(--rps-ink);font-size:clamp(9px,2.3cqi,14px);line-height:1.2;position:absolute;inset:0;container-type:inline-size}@supports (color:lab(0% 0 0)){.rps{--rps-card:lab(100% 0 0)}}.rps-frame{container-type:inline-size}.rps-crop,.rps-zoom{position:relative}@container not (min-width:560px){.rps-crop[data-crop]{aspect-ratio:var(--crop-ratio)}.rps-crop[data-crop]>.rps-zoom{top:0;left:var(--crop-x);width:var(--crop-w);position:absolute}}@container not (min-width:420px){.rps-zoom[data-zoom]{scale:var(--zs);transform-origin:var(--zx) var(--zy)}}.rps-table{left:var(--x);top:var(--y);width:var(--w);height:var(--h);position:absolute}.rps-table[data-state=clear]{z-index:2}.rps-outline{border:2px solid #ffffffd9;border:2px solid lab(100% 0 0/.85);border-radius:1.4cqi;position:absolute;inset:0;box-shadow:0 0 0 1px #0000002e;box-shadow:0 0 0 1px lab(0% 0 0/.18)}.rps-table[data-state=clear] .rps-outline{border-color:var(--rps-amber);background:color-mix(in oklch, var(--rps-amber) 12%, transparent);border-width:3px}.rps-label{white-space:nowrap;align-items:center;gap:.4em;display:flex;position:absolute}.rps-table[data-at=top] .rps-label{top:.6em}.rps-table[data-at=bottom] .rps-label{bottom:.6em}.rps-table[data-align=start] .rps-label{left:.6em}.rps-table[data-align=end] .rps-label{flex-direction:row-reverse;right:.6em}.rps-name{background:var(--rps-ink);color:var(--rps-card);border-radius:999px;padding:.3em .65em;font-weight:600}.rps-chip{background:var(--rps-card);font-variant-numeric:tabular-nums;border:1px solid #00000014;border:1px solid lab(0% 0 0/.08);border-radius:999px;align-items:center;gap:.4em;padding:.25em .7em .25em .3em;font-weight:500;display:inline-flex;box-shadow:0 6px 18px -8px #00000073;box-shadow:0 6px 18px -8px lab(0% 0 0/.45)}.rps-chip[data-state=clear]{border:2px solid color-mix(in oklch, var(--rps-amber) 55%, transparent);background:color-mix(in oklch, var(--rps-amber) 16%, var(--rps-card));font-weight:600}.rps-chip-disc{background:#00000012;background:lab(0% 0 0/.07);border-radius:999px;place-items:center;width:1.6em;height:1.6em;display:grid}.rps-chip[data-state=clear] .rps-chip-disc{background:var(--rps-amber);color:var(--warning-foreground)}.rps-chip-disc svg{width:.95em;height:.95em}@container not (min-width:560px){.rps-name,.rps-table:not([data-state=clear]) .rps-chip-text{display:none}.rps-table:not([data-state=clear]) .rps-chip{padding:.25em}}.rps-screen{--step:12.4cqw;left:var(--sl);top:var(--st);width:var(--sw);height:var(--sh);transform:matrix(1, var(--sky), var(--skx), 1, 0, 0);transform-origin:0 0;border-radius:var(--sr);background:var(--rps-card);position:absolute;overflow:hidden;container-type:size}.rps-screen-body{flex-direction:column;gap:2cqw;height:100%;padding:3.2cqw;font-size:3.6cqw;display:flex}.rps-screen-rows{flex-direction:column;gap:1.4cqw;display:flex}.rps-screen-row{background:color-mix(in oklch, var(--rps-ink) 5%, var(--rps-card));border-radius:2.6cqw;align-items:center;gap:2.4cqw;height:11cqw;padding:0 2.4cqw;display:flex}.rps-screen-row[data-state=clear]{z-index:1;outline:.5cqw solid color-mix(in oklch, var(--rps-amber) 55%, transparent);outline-offset:-.5cqw;background:color-mix(in oklch, var(--rps-amber) 15%, var(--rps-card));position:relative}.rps-screen-disc{background:#00000014;background:lab(0% 0 0/.08);border-radius:999px;flex-shrink:0;place-items:center;width:7cqw;height:7cqw;display:grid}.rps-screen-row[data-state=clear] .rps-screen-disc{background:var(--rps-amber);color:var(--warning-foreground)}.rps-screen-disc>span{grid-area:1/1;place-items:center;display:grid}.rps-screen-disc svg{width:3.6cqw;height:3.6cqw}.rps-screen-text{flex-direction:column;flex:1;min-width:0;display:flex}.rps-screen-name{font-weight:600}.rps-screen-state{font-variant-numeric:tabular-nums;opacity:.75;font-size:.85em;display:grid}.rps-screen-state>span{grid-area:1/1}.rps-screen-row[data-state=clear] .rps-screen-state{opacity:1;font-weight:500}.rps-now{opacity:0}.rps-screen-cleared{border:.35cqw solid var(--rps-ink);border-radius:999px;flex-shrink:0;padding:1.2cqw 3cqw;font-size:.85em;font-weight:600}.rps-screen-all{opacity:.7;border:.3cqw solid #00000026;border:.3cqw solid lab(0% 0 0/.15);border-radius:999px;align-self:flex-start;padding:1.1cqw 2.8cqw;font-size:.8em}.rps-reset{left:var(--x);top:var(--y);display:grid;position:absolute;translate:-50% -100%}.rps-reset>*{grid-area:1/1;justify-self:center}.rps-reset-from{opacity:0}@media (prefers-reduced-motion:no-preference){.rps[data-scene=armed] .rps-outline,.rps[data-scene=armed] .rps-label,.rps[data-scene=armed] .rps-screen,.rps[data-scene=armed] .rps-screen-row,.rps[data-scene=armed] .rps-reset{opacity:0}.rps[data-scene=play] .rps-outline{animation:rps-settle .52s var(--rps-ease) calc(.15s + var(--i) * .22s) backwards}.rps[data-scene=play] .rps-label{animation:rps-pop .42s var(--rps-ease) calc(.41s + var(--i) * .22s) backwards}.rps[data-scene=play] .rps-table[data-state=clear] .rps-outline{animation:rps-settle .52s var(--rps-ease) calc(.15s + var(--i) * .22s) backwards, rps-pulse .9s ease-out 1.5s 1}.rps[data-scene=play] .rps-screen{animation:.5s ease-out .15s backwards rps-light}.rps[data-scene=play] .rps-screen-row{animation:rps-row .42s var(--rps-ease) calc(.38s + var(--r) * .14s) backwards, rps-up .6s var(--rps-ease) 2.5s forwards}.rps[data-scene=play] .rps-screen-row[data-state=clear]{animation:rps-row .42s var(--rps-ease) calc(.38s + var(--r) * .14s) backwards, rps-pulse .9s ease-out 1.1s 1, rps-quiet .3s ease-out 2.15s forwards, rps-down .6s var(--rps-ease) 2.5s forwards}.rps[data-scene=play] .rps-screen-row[data-state=clear] .rps-screen-disc{animation:.3s ease-out 2.15s forwards rps-disc-quiet}.rps[data-scene=play] .rps-screen-row[data-state=clear] .rps-was{animation:.2s ease-out 2.15s forwards rps-out}.rps[data-scene=play] .rps-screen-row[data-state=clear] .rps-now{animation:.26s ease-out 2.25s forwards rps-in}.rps[data-scene=play] .rps-screen-cleared{animation:.24s ease-in-out 1.9s rps-press,.2s ease-out 2.15s forwards rps-out}.rps[data-scene=play] .rps-reset{animation:.42s ease-out .2s backwards rps-light}.rps[data-scene=play] .rps-reset-from{animation:1.1s linear .2s backwards rps-swap-out}.rps[data-scene=play] .rps-reset-to{animation:1.1s linear .2s backwards rps-swap-in}}@keyframes rps-settle{0%{opacity:0;scale:1.06}}@keyframes rps-pop{0%{opacity:0;translate:0 .4em}}@keyframes rps-light{0%{opacity:0}}@keyframes rps-row{0%{opacity:0;transform:translateY(2cqw)}}@keyframes rps-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--rps-amber) 70%, transparent)}to{box-shadow:0 0 0 1.6em color-mix(in oklch, var(--rps-amber) 0%, transparent)}}@keyframes rps-press{50%{background:#0000001f;background:lab(0% 0 0/.12);scale:.9}}@keyframes rps-quiet{to{background:color-mix(in oklch, var(--rps-ink) 5%, var(--rps-card));outline-color:#0000}}@keyframes rps-disc-quiet{to{color:var(--rps-ink);background:#00000014;background:lab(0% 0 0/.08)}}@keyframes rps-out{to{opacity:0}}@keyframes rps-in{to{opacity:1}}@keyframes rps-down{to{transform:translateY(calc(var(--step) * 3))}}@keyframes rps-up{to{transform:translateY(calc(var(--step) * -1))}}@keyframes rps-swap-out{0%,74%{opacity:1}84%,to{opacity:0}}@keyframes rps-swap-in{0%,74%{opacity:0}84%,to{opacity:1}}