.lab{--l-line:#ffffff1f;--l-dim:#f5f5f580;--l-accent:var(--color-accent,#c5fb45);--mono:var(--font-geist-mono,ui-monospace), ui-monospace, monospace;--lab-ink:#10110f;color:#f5f5f5;height:100svh;font-family:var(--mono);touch-action:none;background:#0a0a0a;position:relative;overflow:hidden}.lab__head{z-index:3;top:var(--nav-bar-height,5.5rem);border-bottom:1px solid var(--l-line);letter-spacing:.12em;pointer-events:none;justify-content:space-between;gap:1rem;padding:.75rem 0;font-size:.72rem;display:flex;position:absolute;left:clamp(.75rem,2vw,2rem);right:clamp(.75rem,2vw,2rem)}.lab__head p{margin:0}.lab__dim{color:var(--l-dim)}.lab__sample{color:#ffb224;margin-right:1.2rem}.lab__ink{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.lab__stage{cursor:grab;position:absolute;inset:0}.lab__stage:active{cursor:grabbing}.lab__wheel{--inset:clamp(1rem, 7vw, 7rem);--r:.95;--cy:.5;padding-left:var(--inset);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 4%,#000 24% 76%,#0000 96%);mask-image:linear-gradient(#0000 4%,#000 24% 76%,#0000 96%)}.lab__item{color:color-mix(in srgb, #f5f5f5 calc(40% + 60% * var(--hot,0)), transparent);font-family:var(--font-geist-sans,system-ui), system-ui, sans-serif;letter-spacing:-.035em;white-space:nowrap;transform-origin:0;cursor:inherit;will-change:transform;background:0 0;border:0;align-items:center;gap:.9rem;padding:0;font-size:clamp(1.9rem,4.4vw,4rem);font-weight:500;line-height:1.05;display:flex;position:absolute;top:0;left:0}.lab__item:focus-visible{outline:0}.lab__in{align-items:center;gap:inherit;animation:.9s cubic-bezier(.2,.8,.2,1) both lab-in;animation-delay:calc(.12s + var(--d,0) * 55ms);display:flex}@keyframes lab-in{0%{opacity:0;filter:blur(6px);transform:translate(-.35em)}}.lab__item:focus-visible .lab__title{text-decoration:underline;-webkit-text-decoration-color:var(--l-accent);text-decoration-color:var(--l-accent);text-underline-offset:.15em}@media (hover:hover){.lab__item:not([data-active]):hover{color:#f5f5f5b8}}.lab__tags{font-family:var(--mono);letter-spacing:.1em;opacity:calc(var(--hot,0) * 1.4 - .4);transform:translateX(calc((1 - var(--hot,0)) * -.6rem));gap:.35rem;font-size:.62rem;font-weight:500;display:flex}.lab__tag,.lab__go{border:1px solid var(--l-line);color:var(--l-dim);border-radius:999px;padding:.25em .55em;line-height:1.2}.lab__tag--new{color:var(--l-accent);border-color:#c5fb4573}.lab__tag--dim{border-style:dashed}.lab__go{color:#f5f5f5}.lab__item[data-status=soon] .lab__title{opacity:.75}.pp{z-index:2;perspective:900px;pointer-events:none;gap:1rem;width:min(30vw,30rem);animation:.9s cubic-bezier(.2,.8,.2,1) .25s both pp-enter;display:grid;position:absolute;top:50%;right:clamp(.75rem,4vw,4rem);transform:translateY(-50%)}@keyframes pp-enter{0%{opacity:0;translate:2.5rem}}.pp a,.pp button{pointer-events:auto}.pp__screen{aspect-ratio:16/10;border:1px solid var(--l-line);rotate:x calc(var(--lab-vel,0) * -9deg);translate:0 calc(var(--lab-vel,0) * 6px);background:#0d0d0d;border-radius:6px;animation:.45s cubic-bezier(.2,.8,.2,1) both pp-in;position:relative;overflow:hidden}.pp__screen video,.pp__screen img{object-fit:cover;width:100%;height:100%}@keyframes pp-in{0%{opacity:0;filter:blur(4px);transform:scale(.97)}}.pp__standin{background:linear-gradient(#ffffff0b 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#ffffff0b 1px,#0000 1px) 0 0/22px 22px,radial-gradient(at 50% 60%,#c5fb4514,#0000 65%);place-items:center;display:grid;position:absolute;inset:0}.pp__glyph{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1px #f5f5f559;font-size:clamp(4rem,9vw,8rem);line-height:1}.pp__screen[data-status=live] .pp__glyph{-webkit-text-stroke-color:#c5fb4599}.pp__host{letter-spacing:.1em;color:var(--l-dim);font-size:.62rem;position:absolute;bottom:.65rem;left:.8rem}.pp__corner{border:0 solid var(--l-accent);width:10px;height:10px;position:absolute}.pp__corner--tl{border-top-width:1px;border-left-width:1px;top:6px;left:6px}.pp__corner--br{border-bottom-width:1px;border-right-width:1px;bottom:6px;right:6px}.pp__info{animation:.4s 50ms both pp-info}@keyframes pp-info{0%{opacity:0;transform:translateY(6px)}}.pp__meta{letter-spacing:.12em;color:var(--l-dim);gap:1.1rem;margin:0 0 .6rem;font-size:.66rem;display:flex}.pp__status i{background:var(--l-dim);vertical-align:.1em;border-radius:50%;width:6px;height:6px;margin-right:.3em;display:inline-block}.pp__status[data-status=live]{color:var(--l-accent)}.pp__status[data-status=live] i{background:var(--l-accent);box-shadow:0 0 8px var(--l-accent)}.pp__status[data-status=wip] i{background:#ffb224}.pp__title{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:clamp(1.1rem,1.6vw,1.5rem);font-weight:600}.pp__blurb{font-family:var(--font-geist-sans,system-ui), system-ui, sans-serif;color:#f5f5f5bf;margin:.4rem 0 0;font-size:.9rem;line-height:1.5}.pp__stack{letter-spacing:.06em;margin:.7rem 0 0;font-size:.68rem}.pp__label{color:var(--l-dim);letter-spacing:.12em;margin-right:.6em}.pp__actions{gap:.5rem;margin-top:1rem;display:flex}.pp__launch,.pp__source{border:1px solid var(--l-line);color:#f5f5f5;font:inherit;letter-spacing:.12em;cursor:pointer;background:0 0;align-items:center;gap:.6em;padding:.6rem .9rem;font-size:.7rem;text-decoration:none;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}.pp__launch{color:var(--l-accent);border-color:#c5fb4580}.pp__launch:hover,.pp__launch:focus-visible{background:var(--l-accent);color:#0a0a0a;outline:0}.pp__source:hover,.pp__source:focus-visible{border-color:#fff6;outline:0}.pp kbd,.lab__hint kbd{font:inherit;opacity:.7;border:1px solid;border-radius:3px;padding:.05em .4em;font-size:.9em}.lab__hint{z-index:3;letter-spacing:.12em;color:var(--l-dim);pointer-events:none;margin:0;font-size:.62rem;position:absolute;bottom:clamp(.75rem,2vw,1.5rem);left:clamp(.75rem,2vw,2rem)}.lab__hint kbd{margin-right:.2em}.lab__empty{text-align:center;letter-spacing:.1em;color:var(--l-dim);margin:0;font-size:.72rem;position:absolute;inset:50% 1rem auto}@media (max-width:820px){.lab__wheel{--cy:.4;--r:1.7;--inset:1.25rem;-webkit-mask-image:linear-gradient(#0000 10%,#000 24% 54%,#0000 68%);mask-image:linear-gradient(#0000 10%,#000 24% 54%,#0000 68%)}.lab__item{font-size:clamp(1.6rem,8vw,2.4rem)}.lab__hint{display:none}.lab__head{font-size:.62rem}.lab__sample{margin-right:.8rem}.pp{grid-template-columns:38% 1fr;align-items:end;gap:.9rem;width:auto;inset:auto 1rem 1rem;transform:none}.pp__blurb{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.pp__stack{display:none}.pp__actions{margin-top:.7rem}.pp kbd{display:none}}@media (prefers-reduced-motion:reduce){.pp__screen,.pp__info,.pp,.lab__in{animation:none}.pp__screen{translate:none;rotate:none}}