@property --hue-lift{syntax:"<number>";inherits:false;initial-value:0}@property --hue-spin{syntax:"<angle>";inherits:false;initial-value:0deg}@property --tile-hue{syntax:"<angle>";inherits:true;initial-value:0deg}@property --hue-beat{syntax:"<time>";inherits:false;initial-value:.5s}.permalink__child,.slot,.tile{--hue-beat:500ms}.permalink__child[data-seed],.slot[data-seed] .shot:not(.shot--placeholder),.tile[data-seed]{border-color:hsl(calc(var(--rim-hue, calc(var(--tile-hue, 0deg) + var(--hue-spin, 0deg)))) calc(64% + var(--hue-lift, 0) * 31%) calc(52% + var(--hue-lift, 0) * 16%)/calc(.55 + var(--hue-lift, 0) * .45));box-shadow:0 0 calc(var(--hue-lift, 0) * 1.5rem) hsl(calc(var(--rim-hue, calc(var(--tile-hue, 0deg) + var(--hue-spin, 0deg)))) 96% 62%/calc(var(--hue-lift, 0) * .55));transition:border-color var(--hue-beat,.5s) cubic-bezier(.2,0,.3,1),box-shadow var(--hue-beat,.5s) cubic-bezier(.2,0,.3,1)}@supports (width:mod(1px,1px)){:root[data-lights-range] .permalink__child[data-seed],:root[data-lights-range] .slot[data-seed] .shot:not(.shot--placeholder),:root[data-lights-range] .tile[data-seed]{--rim-hue:calc(var(--lights-lo, 0deg) + mod(var(--tile-hue, 0deg) + var(--hue-spin, 0deg), 360deg) * var(--lights-span, 1))}}@media (max-width:799.98px){.tile[data-seed]{box-shadow:0 0 calc(var(--hue-lift, 0) * .75rem) hsl(calc(var(--rim-hue, calc(var(--tile-hue, 0deg) + var(--hue-spin, 0deg)))) 96% 62%/calc(var(--hue-lift, 0) * .55))}}.slot[data-seed] .shot:not(.shot--placeholder){--hue-lift:inherit;--hue-spin:inherit;--hue-beat:inherit;border-width:5px;box-shadow:0 0 calc(var(--hue-lift, 0) * 1.1rem) hsl(calc(var(--rim-hue, calc(var(--tile-hue, 0deg) + var(--hue-spin, 0deg)))) 96% 62%/calc(var(--hue-lift, 0) * .3))}@media (prefers-reduced-motion:reduce){.permalink__child[data-seed],.slot[data-seed] .shot:not(.shot--placeholder),.tile[data-seed]{--hue-lift:0;transition:none;box-shadow:none}}.play{--play-pad:0.75rem;--play-measure:34rem;--play-line:var(--ctl-ring);position:fixed;z-index:40;top:0;left:0;right:0;max-height:50vh;max-height:50dvh;display:flex;flex-direction:column;overflow:hidden;padding:calc(.9rem + env(safe-area-inset-top, 0px)) var(--play-pad) var(--play-pad);border-bottom:1px solid var(--play-line);background:var(--surface);box-shadow:var(--shadow);color:var(--fg)}.play[data-size=full]{height:50vh;height:50dvh}.play[data-size=compact]{height:auto}.play{transition:height .22s cubic-bezier(.2,0,.2,1)}@media (prefers-reduced-motion:reduce){.play{transition:none}}.play[data-lights=on]{border-bottom-color:hsl(var(--play-accent,280deg) 95% 62%)}.play__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-right:calc(var(--play-clear) - var(--play-pad));min-height:var(--chrome-height);margin-bottom:.7rem}.play__tabs{display:flex;gap:.4rem}.play__barend{display:flex;flex:none;align-items:center;gap:.5rem}.play__tab{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.35rem .9rem;border:1px solid var(--ctl-ring);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.85rem;opacity:.68;cursor:pointer;transition:opacity .15s ease,background .15s ease,color .15s ease}.play__tab:hover{opacity:1}.play__tab[aria-selected=true]{background:var(--ring);border-color:var(--ring);color:var(--solid);opacity:1;font-weight:600}.play__btn:focus-visible,.play__keep:focus-visible,.play__reset:focus-visible,.play__switch:focus-visible,.play__tab:focus-visible,.play__tap:focus-visible,.play__x:focus-visible{outline:2px solid hsl(var(--play-accent,280deg) 95% 72%);outline-offset:2px}.play__view{flex:1 1;min-height:0}.play__view:has(>.play__lights){overflow-y:auto;overscroll-behavior:contain}.play__x{width:2rem;display:flex;justify-content:center;font-size:1.1rem;line-height:1}.play__switch,.play__x{flex:none;height:2.75rem;align-items:center;border:1px solid var(--play-line);border-radius:999px;background:transparent;color:inherit;cursor:pointer}.play__switch{display:inline-flex;gap:.45rem;padding:0 .3rem 0 .65rem;font:inherit;font-size:.8rem;transition:border-color .15s ease,color .15s ease}.play__switch svg{display:block;flex:none}.play__switchstate{min-width:2.2rem;padding:.18rem .5rem;border-radius:999px;background:var(--grey-fill);font-size:.72rem;line-height:1;text-align:center}.play__switch[aria-checked=true]{border-color:hsl(var(--play-accent,280deg) 95% 62%);color:color-mix(in srgb,hsl(var(--play-accent,280deg) 95% 62%) 55%,var(--fg))}.play__switch[aria-checked=true] .play__switchstate{background:hsl(var(--play-accent,280deg) 95% 62%);color:#07050b;font-weight:600}.play__sound{display:flex;flex-direction:column;gap:.75rem;height:100%}.play__soundmain{display:flex;flex:1 1;flex-direction:column;justify-content:center;gap:.75rem;min-height:0}.play__sound .play__hint,.play__soundmain{max-width:var(--play-measure)}.play__paste{display:flex;align-items:stretch;overflow:hidden;border:1px solid var(--play-line);border-radius:999px}.play__paste:focus-within{box-shadow:0 0 0 2px var(--ring)}.play__paste input{flex:1 1;min-width:0;padding:.6rem .95rem;border:0;background:transparent;color:inherit;font:inherit;font-size:.9rem}.play__paste input:focus{outline:none}.play__playing{display:flex;flex-direction:column;gap:.55rem;height:100%}.play__stage{flex:1 1;min-height:8rem;align-self:center;aspect-ratio:16/9;width:auto;max-width:100%;border-radius:.6rem;background:var(--grey-wash)}.play__transport{display:flex;flex:none;flex-direction:column;align-items:center;gap:.35rem}.play__transportrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem .75rem}.play__now{max-width:var(--play-measure);margin:0;font-size:.75rem;line-height:1.3;text-align:center;opacity:.55}.play__keep{display:inline-flex;flex:none;align-self:flex-start;align-items:center;gap:.5rem;min-height:2rem;padding:.32rem .85rem .32rem .6rem;border:1px solid var(--ctl-ring);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.8rem;cursor:pointer;opacity:.72;transition:opacity .15s ease,border-color .15s ease,color .15s ease}.play__keepdot{width:.6rem;height:.6rem;border:1px solid;border-radius:50%}.play__keep[aria-checked=true]{border-color:var(--grey-quiet);color:var(--fg);opacity:1}.play__keep[aria-checked=true] .play__keepdot{border-color:var(--fg);background:var(--fg)}.play__link{flex:none;padding:.3rem .2rem;border:0;background:transparent;color:inherit;font:inherit;font-size:.78rem;text-decoration:underline;text-underline-offset:.2em;opacity:.66;cursor:pointer}.play__link:focus-visible,.play__link:hover{opacity:1}.play__soundrow{gap:.9rem}.play__soundrow,.play__vol{display:flex;align-items:center}.play__vol{flex:1 1 8rem;gap:.45rem;min-width:0;max-width:12rem}.play__volicon{display:flex;flex:none;opacity:.7}.play__vol input[type=range]{flex:1 1;min-width:0;margin-inline:0}.play__lights{display:flex;flex-direction:column;gap:.7rem;height:100%}.play__primary{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem 1.5rem}.play__field{display:flex;flex-direction:column;gap:.2rem;font-size:.85rem}.play__field--lead{font-size:.92rem}.play__field--lead .play__label{opacity:1}.play__ctlrow{display:flex;align-items:center;gap:.6rem;min-height:1.6rem}.play__ctlrow input[type=range]{flex:1 1;min-width:0}.play__tap{flex:none;min-height:2rem;padding:.28rem .8rem;border:1px solid var(--play-line);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.78rem;cursor:pointer}.play__fine{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));align-items:end;gap:.5rem 1.25rem;padding-top:.6rem;border-top:1px solid var(--grey-line);opacity:.75;transition:opacity .15s ease}.play__fine:focus-within,.play__fine:hover{opacity:1}.play__reset{justify-self:start;align-self:end;min-height:2rem;padding:.28rem .8rem;border:1px solid var(--ctl-ring);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:.78rem;cursor:pointer}.play__field input[type=text]{width:100%;padding:.5rem .6rem;border:1px solid var(--play-line);border-radius:.5rem;background:var(--bg);color:inherit;font:inherit}.play__field--inline{flex-direction:row;align-items:center;gap:.75rem}.play__field--inline .play__label{flex:none}.play__select{flex:1 1;min-width:0;width:100%;min-height:2.75rem;padding:.5rem .6rem;border:1px solid var(--play-line);border-radius:.5rem;background:var(--bg);color:inherit;font:inherit;cursor:pointer}.play__select:focus-visible{outline:2px solid hsl(var(--play-accent,280deg) 95% 72%);outline-offset:2px}.play__field input[type=range]{width:100%;margin-inline:0;accent-color:hsl(var(--play-accent,280deg) 90% 62%)}.play__label{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;opacity:.85}.play__value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;opacity:.7}.play__btn{padding:.45rem .9rem;border:1px solid var(--play-line);border-radius:999px;background:var(--grey-fill);color:inherit;font:inherit;font-size:.85rem;cursor:pointer}.play__btn--go{flex:none;padding:0 1.3rem;border:0;border-radius:0;background:#3ddc84;color:#04240f;font-weight:600}.play__btn--stop{flex:none;border-color:var(--ring);background:var(--ring);color:var(--solid);font-weight:600}.play__hint{margin:auto 0 0;opacity:.6}.play__hint,.play__warn{font-size:.78rem;line-height:1.4}.play__warn{margin:0;padding:.45rem .6rem;border:1px solid color-mix(in srgb,var(--warn) 50%,transparent);border-radius:.5rem;background:color-mix(in srgb,var(--warn) 12%,transparent)}.play__dance{display:flex;flex-direction:column;align-items:center;gap:.55rem;height:100%}.play__mirror{position:relative;flex:1 1;align-self:center;aspect-ratio:16/9;width:auto;max-width:100%;min-height:6rem;max-height:30dvh;overflow:hidden;border-radius:.6rem;background:var(--grey-wash)}.play__cam{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.play__camoff{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0 1rem;font-size:.8rem;text-align:center;opacity:.55}.play__dancebar{display:flex;flex:none;flex-direction:column;align-items:center;gap:.4rem;width:100%;max-width:var(--play-measure)}.play__dancebar .play__btn--go{display:flex;align-items:center;justify-content:center;width:100%;min-height:2.75rem;padding:.6rem .9rem;border-radius:999px}.play__meter{display:flex;align-items:center;gap:.5rem;width:100%;max-width:18rem}.play__meterlabel{flex:none;font-size:.75rem;opacity:.55}.play__metertrack{flex:1 1;height:.4rem;overflow:hidden;border-radius:999px;background:var(--grey-fill)}.play__meterfill{display:block;width:100%;height:100%;transform-origin:left center;transform:scaleX(0);border-radius:inherit;background:hsl(var(--play-accent,280deg) 95% 72%);transition:transform .06s linear}@media (prefers-reduced-motion:reduce){.play__meterfill{transition:none}}.play__listen{display:flex;flex-direction:column;align-items:center;gap:.3rem}@media (max-width:28rem){.play__bar{flex-wrap:wrap;row-gap:.4rem}.play__switchlabel,.play__switchstate{display:none}.play__switch{width:2rem;padding:0;justify-content:center}.play__tabs{gap:.25rem}.play__tab{padding:.35rem .25rem;min-width:3rem;text-align:center}.play__soundrow{flex-wrap:wrap;gap:.5rem}.play__soundrow .play__keep{gap:.35rem;padding:.32rem .6rem .32rem .5rem}}.playstage{position:fixed;z-index:41;left:0;bottom:0;width:1px;height:1px;opacity:.01;pointer-events:none;display:flex;align-items:center;justify-content:center}.playstage--on{top:var(--stage-y,0);left:var(--stage-x,0);bottom:auto;width:var(--stage-w,0);height:var(--stage-h,0);opacity:1;pointer-events:auto}.play__embed{display:block;width:100%;height:100%;border:0;border-radius:.6rem;background:var(--ov-fill)}.playstage--on .play__embed{width:min(var(--stage-w,0px),calc(var(--stage-h, 0px) * 16 / 9));height:min(var(--stage-h,0px),calc(var(--stage-w, 0px) * 9 / 16))}:root{--corner-size:min(var(--chrome-height),68px);--play-pill:calc(var(--corner-size) + min(2.1rem, 42px));--play-half:calc((var(--play-pill) - 2 * var(--chrome-edge)) / 2);--play-clear:calc(var(--gutter) + var(--play-pill) + var(--chrome-gap));--strip-right:calc(var(--play-clear) + var(--corner-size) + var(--chrome-gap))}.playtrigger{position:fixed;top:calc(.9rem + env(safe-area-inset-top, 0px));right:var(--gutter);z-index:42;display:flex;align-items:center;width:var(--play-pill);height:var(--corner-size);padding:0;border:var(--chrome-edge) solid var(--ring);border-radius:999px;background:var(--solid);color:var(--ring);box-shadow:var(--ctl-shadow);transition:background .15s ease,color .15s ease,border-color .15s ease}.playtrigger__more,.playtrigger__transport{display:flex;align-items:center;justify-content:center;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;position:relative}.playtrigger__more:after,.playtrigger__transport:after{content:"";position:absolute;top:calc(-1 * var(--chrome-edge));bottom:calc(-1 * var(--chrome-edge))}.playtrigger__transport{flex:none;width:var(--play-half);border-radius:999px 0 0 999px}.playtrigger__transport:after{left:calc(-1 * var(--chrome-edge));right:0}.playtrigger__more{flex:none;width:var(--play-half);border-radius:0 999px 999px 0;opacity:.75}.playtrigger__more:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:var(--grey-line);pointer-events:none}.playtrigger__more:after{left:0;right:calc(-1 * var(--chrome-edge))}.playtrigger__more:focus-visible,.playtrigger__more:hover{opacity:1}.playtrigger__more:focus-visible,.playtrigger__transport:focus-visible{outline:2px solid hsl(var(--play-accent,280deg) 95% 70%);outline-offset:-4px}.playtrigger[data-live=true]{border-color:hsl(var(--play-accent,280deg) 95% 62%);box-shadow:0 0 .8rem hsl(var(--play-accent,280deg) 95% 60%/.55)}.playtrigger[data-sound=true]{background:#06291a;color:#4fe79a}@keyframes rig-pill-a{0%{box-shadow:0 0 1.2rem hsl(var(--play-accent,280deg) 95% 62%/.9)}to{box-shadow:0 0 .45rem hsl(var(--play-accent,280deg) 95% 60%/.3)}}@keyframes rig-pill-b{0%{box-shadow:0 0 1.2rem hsl(var(--play-accent,280deg) 95% 62%/.9)}to{box-shadow:0 0 .45rem hsl(var(--play-accent,280deg) 95% 60%/.3)}}.playtrigger[data-live=true][data-beat=a]{animation:rig-pill-a var(--beat-ms,833ms) cubic-bezier(.2,0,.3,1) var(--beat-delay,0s) infinite}.playtrigger[data-live=true][data-beat=b]{animation:rig-pill-b var(--beat-ms,833ms) cubic-bezier(.2,0,.3,1) var(--beat-delay,0s) infinite}@media (prefers-reduced-motion:reduce){.playtrigger[data-live=true]{box-shadow:none;animation:none}.playtrigger[data-live=true][data-beat]{animation:none}}.play__btn{position:relative;background-color:transparent;background-image:linear-gradient(180deg,color-mix(in srgb,var(--fg) 13%,transparent),color-mix(in srgb,var(--fg) 3.5%,transparent) 55%,color-mix(in srgb,var(--fg) 7%,transparent));box-shadow:inset 0 1px 0 var(--plate-hi),inset 0 -1px 0 var(--plate-lo),0 6px 14px -10px var(--plate-drop);font-weight:550;letter-spacing:.01em;transition:background-color .13s ease,box-shadow .13s ease,transform .13s ease}.play__btn:hover{background-color:var(--grey-wash)}.play__btn:active{transform:translateY(1px);box-shadow:inset 0 1px 0 var(--plate-hi-press),inset 0 -1px 0 var(--plate-lo)}.play__btn--go{background-color:#3ddc84;background-image:linear-gradient(180deg,rgb(255 255 255/.26),rgb(0 0 0/.08));box-shadow:inset 0 1px 0 rgb(255 255 255/.5),inset 0 -1px 0 rgb(0 0 0/.22);letter-spacing:.02em}.play__btn--go:hover{background-color:#4ff094}.play__btn--go:active{transform:none;background-color:#35c574;box-shadow:inset 0 2px 4px rgb(0 0 0/.28)}.play__paste{background:var(--bg);box-shadow:inset 0 2px 5px var(--plate-lo),0 1px 0 var(--plate-hi-press);transition:box-shadow .14s ease}.play__paste:focus-within{box-shadow:inset 0 2px 5px var(--plate-lo),0 0 0 2px var(--ring)}.play__paste input::placeholder{color:var(--grey-quiet)}.play__btn--stop{background-color:var(--ring);background-image:linear-gradient(180deg,var(--ring),color-mix(in srgb,var(--ring) 90%,var(--solid)));box-shadow:inset 0 1px 0 rgb(255 255 255/.9),inset 0 -1px 0 rgb(0 0 0/.16),0 6px 14px -10px var(--plate-drop)}.play__btn--stop:hover{background-color:var(--ring);background-image:linear-gradient(180deg,var(--ring),color-mix(in srgb,var(--ring) 96%,var(--solid)))}.play__link{border-radius:999px;padding:.35rem .6rem;transition:color .13s ease,background-color .13s ease}.play__link:focus-visible,.play__link:hover{background-color:var(--grey-fill)}.play__vol{padding:.3rem .7rem .3rem .55rem;border-radius:999px;background:var(--bg);box-shadow:inset 0 1px 3px var(--plate-lo)}@media (prefers-reduced-motion:reduce){.play__btn,.play__link,.play__paste{transition:none}.play__btn:active{transform:none}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) :where(.play__now,.play__camoff,.play__meterlabel){opacity:.66}}:root[data-theme=light] :where(.play__now,.play__camoff,.play__meterlabel){opacity:.66}@media (max-width:480px){.play__lights{gap:.5rem}.play__primary{gap:.35rem}.play__ctlrow,.play__tap{min-height:2.75rem}.play__lights input[type=range]{height:2.75rem}.play__fine{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 .75rem;padding-top:.4rem}.play__fine>.play__field{display:contents}.play__fine .play__label{grid-column:1/-1;grid-row:1}.play__fine input[type=range]{grid-column:1;grid-row:2}.play__fine .play__hint{grid-column:1/-1;grid-row:3;margin:0}.play__reset{grid-column:2;grid-row:2;align-self:center;min-height:2.75rem}.play__hint--aux{display:none}}.play{--themectl-h:4.55rem;max-height:calc(50vh + var(--themectl-h));max-height:calc(50dvh + var(--themectl-h))}.play[data-size=full]{height:calc(50vh + var(--themectl-h));height:calc(50dvh + var(--themectl-h))}.themectl{flex:none;box-sizing:border-box;height:var(--themectl-h);padding-top:calc(.6rem + 1px + .75rem);position:relative;background:inherit}.themectl:before{content:"";position:absolute;top:.6rem;left:0;right:0;border-top:1px solid var(--grey-line)}.themectl__group{display:flex;gap:2px;padding:2px;max-width:min(100%,24rem);border:1px solid var(--ctl-ring);border-radius:var(--ctl-radius);background:var(--surface-2)}.themectl__seg{display:flex;flex:1 1;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;column-gap:.4rem;min-width:0;min-height:2.75rem;padding:.2rem .5rem;border:0;border-radius:var(--ctl-radius);background:transparent;color:var(--grey-body);font:inherit;font-size:.85rem;line-height:1.2;cursor:pointer}.themectl__seg:hover{background:var(--grey-fill);color:var(--fg)}.themectl__seg[aria-checked=true]{background:var(--fg);color:var(--bg);font-weight:600}.themectl__seg:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.themectl__icon{display:inline-flex;flex:none}.themectl__hint{flex:0 0 100%;text-align:center;font-size:.68rem;font-weight:400;line-height:1.1;opacity:.8}