.hero{isolation:isolate;grid-template-columns:1.15fr .85fr;align-items:center;gap:44px;padding:68px 40px 52px;display:grid;position:relative}.hero__pixels{z-index:-1;pointer-events:none;background:var(--text-dim);opacity:.42;width:441px;height:280px;position:absolute;top:0;right:0;-webkit-mask:url(/hero-pixels-live.svg) 100% 0 no-repeat;mask:url(/hero-pixels-live.svg) 100% 0 no-repeat}@media (prefers-reduced-motion:reduce){.hero__pixels{-webkit-mask-image:url(/hero-pixels.svg);mask-image:url(/hero-pixels.svg)}}.hero__copy{flex-direction:column;gap:26px;display:flex}.hero__title{letter-spacing:-.035em;color:#fff;margin:0;font-size:44px;font-weight:500;line-height:1.12}.hero__lede{color:#a8a8a8;max-width:46ch;margin:0;font-size:18px;line-height:1.65}.hero__actions{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.promise{align-items:center;gap:14px;margin-top:10px;padding:16px 18px;display:flex}.promise__tag{letter-spacing:.1em;border-radius:var(--r-ui);white-space:nowrap;padding:6px 10px;font-size:11px}.promise__text{color:var(--muted-2);font-size:14px;line-height:1.6}.promise--footer{margin:0}.landing-credit{width:fit-content;color:var(--muted-3);align-items:center;gap:9px;margin:40px auto;font-size:12px;text-decoration:none;transition:color .12s;display:flex}.landing-credit img{opacity:.72;width:70px;height:auto;transition:opacity .12s;display:block}.landing-credit:hover,.landing-credit:focus-visible{color:var(--text-dim)}.landing-credit:hover img,.landing-credit:focus-visible img{opacity:1}.landing-hero{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:36px;padding-top:60px;padding-bottom:24px}.landing-hero .hero__copy{padding-top:22px}.landing-live{gap:12px;min-width:0;display:grid}.landing-live__screen{aspect-ratio:var(--stage-ratio);background:var(--sunken);border:1px solid var(--border-strong);border-radius:var(--r-panel);place-items:center;max-width:100%;display:grid;position:relative;overflow:hidden}.landing-live__screen.is-playing{border-color:#5a5a5a}.landing-live__frame{transition:opacity .22s;position:absolute;inset:0}.landing-live__frame .diskframe{border:0;width:100%;height:100%;display:block}.landing-live__screen.is-dark .landing-live__frame{opacity:0}.landing-live__screen--ghost{border-color:var(--border);animation:1.5s ease-in-out infinite ghost-pulse}.landing-live__screen--empty .disk{--disk-edge:var(--border);background:var(--surface)}.landing-live__veil{z-index:2;color:#fff;letter-spacing:.3px;cursor:pointer;background:radial-gradient(circle at 100% 100%,#06040edb 0,#06040e9e 20%,#06040e3d 42%,#06040e00 62%);border:0;justify-content:flex-end;align-items:flex-end;padding:18px 20px;font:800 22px/1 ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;transition:opacity .24s;display:flex;position:absolute;inset:0}.landing-live__veil>span{flex-direction:column;align-items:flex-end;gap:10px;transition:transform .16s;display:flex}.landing-live__veil:hover>span{transform:translateY(-2px)}.landing-live__veil svg{filter:drop-shadow(0 2px 6px #00000080);animation:1.8s ease-in-out infinite landing-press;display:block}@keyframes landing-press{45%{transform:translate(-2px,-2px)}55%{transform:translate(0)scale(.92)}}.landing-live__veil:focus-visible{outline-offset:-4px;outline:2px solid #fff}.landing-live__veil:not(.is-armed),.landing-live__screen--ghost .landing-live__veil,.landing-live__screen--empty .landing-live__veil,.landing-live__screen.is-dark .landing-live__veil{opacity:0;pointer-events:none}@media (hover:none) and (pointer:coarse){.landing-live__veil{display:none}}.landing-live__meta{min-height:20px;color:var(--muted-2);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.landing-live__name{align-items:center;gap:10px;min-width:0;display:inline-flex}.landing-live__name a{color:var(--text-dim);font-size:13px;text-decoration:none}.landing-live__name a:hover{color:var(--text)}.landing-live__state{font:11px var(--font-mono);letter-spacing:.1em;color:var(--muted);align-items:center;gap:7px;display:inline-flex}.landing-live__state:before{content:"";background:var(--ok-fg);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 3px #a9c0a924}.landing-live__pick{scrollbar-width:none;justify-content:safe center;gap:10px;padding:4px 2px 6px;display:flex;overflow-x:auto}.landing-pick{border-radius:var(--r-ui);color:var(--muted-3);font:10.5px var(--font-mono);cursor:pointer;background:0 0;border:0;flex:none;justify-items:center;gap:6px;padding:4px;transition:color .15s,transform .15s;display:grid}.landing-pick:hover{color:var(--text-dim);transform:translateY(-2px)}.landing-pick[aria-pressed=true]{color:var(--text)}.landing-pick[aria-pressed=true] .disk{--disk-edge:#6a6a6a}.landing-pick[aria-pressed=true] .disk__bar{--disk-edge:#3d3d3d}.landing-pick:not([aria-pressed=true]) .disk{opacity:.62}.landing-pick__name{text-overflow:ellipsis;white-space:nowrap;max-width:64px;overflow:hidden}.landing-pick__bar{background:var(--border);visibility:hidden;border-radius:1px;width:100%;height:2px;display:block;position:relative;overflow:hidden}.landing-pick__bar:after{content:"";background:var(--muted);transform:scaleX(var(--done,0));transform-origin:0;position:absolute;inset:0}.landing-pick[aria-pressed=true] .landing-pick__bar{visibility:visible}.landing-pick--ghost{cursor:default}.landing-section{border-top:1px solid var(--border);margin:0 40px;padding:24px 0 28px}.landing-section h2{letter-spacing:-.03em;color:#fff;text-wrap:balance;margin:12px 0 0;font-size:30px;font-weight:500;line-height:1.14}.landing-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:16px 40px;margin-bottom:30px;display:grid}.landing-head p,.landing-text{color:#a8a8a8;margin:0;font-size:15px;line-height:1.65}.landing-text{max-width:40ch;margin-top:16px}.landing-shelf{gap:14px;margin:0 -40px;display:grid;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.landing-shelf__row{gap:14px;width:max-content;display:flex}.landing-shelf__row>a{color:inherit;flex:none;text-decoration:none}.landing-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-panel);flex:none;align-items:center;gap:14px;width:360px;padding:14px;transition:border-color .16s,background .16s;display:flex}a:hover>.landing-card{background:#202020;border-color:#4a4a4a}.landing-card__text{gap:4px;min-width:0;display:grid}.landing-card strong{font:500 14px var(--font-mono);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.landing-card small{font:11px/1.4 var(--font-mono);letter-spacing:.04em;color:var(--muted)}.landing-card__about{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.landing-card--ghost .ghost__lines{flex:1}.landing-shelf__foot{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;font-size:14px;display:flex}.landing-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.landing-step{align-content:start;gap:14px;min-width:0;display:grid}.landing-step__art{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-panel);place-items:center;height:168px;display:grid;overflow:hidden}.landing-step h3{letter-spacing:-.015em;color:#fff;align-items:baseline;gap:10px;margin:0;font-size:17px;font-weight:500;display:flex}.landing-step h3 span{font:11px var(--font-mono);color:var(--muted-3)}.landing-step p{color:var(--muted-2);margin:-6px 0 0;font-size:14px;line-height:1.55}.landing-fan{width:190px;height:120px;position:relative}.landing-fan>.disk,.landing-fan>.ghost__disk{transition:transform .3s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%}.landing-fan>.disk{box-shadow:0 14px 30px -12px #000c}.landing-fan>.ghost__disk{filter:drop-shadow(2px 0 0 var(--bg)) drop-shadow(-2px 0 0 var(--bg)) drop-shadow(0 2px 0 var(--bg)) drop-shadow(0 -2px 0 var(--bg))}.landing-fan>:first-child{transform:translate(-108%,-48%)rotate(-11deg)}.landing-fan>:nth-child(2){z-index:2;transform:translate(-50%,-56%)}.landing-fan>:nth-child(3){transform:translate(8%,-48%)rotate(11deg)}.landing-step:hover .landing-fan>:first-child{transform:translate(-118%,-50%)rotate(-15deg)}.landing-step:hover .landing-fan>:nth-child(3){transform:translate(18%,-50%)rotate(15deg)}.landing-code{justify-items:center;gap:12px;width:calc(100% - 24px);display:grid}.landing-code>div{gap:4px;display:flex}.landing-code b{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-ui);width:24px;height:34px;font:500 16px var(--font-mono);color:var(--text);place-items:center;display:grid}.landing-code>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:11px var(--font-mono);color:var(--muted-3);overflow:hidden}.landing-code em{color:var(--muted);font-style:normal}.landing-seats{gap:14px;display:flex}.landing-seats>div{font:11px var(--font-mono);color:var(--muted);justify-items:center;gap:8px;display:grid}.landing-seats__you{color:var(--text-dim)!important}.landing-seats__you .avatar{box-shadow:0 0 0 1px var(--bg), 0 0 0 2px #6a6a6a}.landing-describe{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:32px;display:grid}.landing-describe__actions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.landing-describe__stage{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-panel);grid-template-columns:minmax(0,1fr) 40px auto;align-items:center;min-height:250px;padding:26px 24px;display:grid;position:relative}.landing-say{align-content:center;gap:8px;min-width:0;display:grid}.landing-say__who{min-height:18px;font:11px var(--font-mono);letter-spacing:.04em;color:var(--muted-3);align-items:center;gap:8px;display:flex}.landing-say__text{background:var(--surface);border:1px solid var(--border-strong);min-height:140px;color:var(--text);border-radius:12px 12px 12px 3px;padding:12px 14px;font-size:15px;line-height:1.5}.landing-say__clip{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.landing-say__caret{vertical-align:-2px;background:var(--text-dim);width:2px;height:1.05em;margin-left:1px;display:inline-block}.landing-describe__arrow{color:var(--muted-3);justify-self:center;display:block}.landing-got{justify-items:center;gap:10px;width:168px;display:grid}.landing-got__slot{width:150px;height:159px;position:relative}.landing-layer{place-items:center;transition:opacity .32s,transform .42s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;inset:0}.landing-layer.is-in{opacity:0;transform:translateY(10px)}.landing-layer.is-out{opacity:0;transform:translateY(-8px)}.landing-layer>.disk{box-shadow:0 24px 40px -18px #000000d9}.landing-got__meta{text-align:center;height:54px;font:11px/1.5 var(--font-mono);color:var(--muted);transition:opacity .25s}.landing-got__meta.is-dim{opacity:.55}.landing-got__meta b{color:var(--text);font-size:13px;font-weight:500;display:block}.landing-describe__dots{gap:6px;display:flex;position:absolute;bottom:14px;left:24px}.landing-describe__dots button{background:var(--border-strong);cursor:pointer;border:0;border-radius:2px;width:18px;height:3px;padding:0}.landing-describe__dot--ghost{background:var(--border);border-radius:2px;width:18px;height:3px}.landing-describe__dots button[aria-pressed=true]{background:var(--text-dim)}.landing-end{margin:0 40px}.notfound{flex-direction:column;align-items:flex-start;gap:18px;padding:68px 40px;display:flex}.notfound p{color:var(--muted);margin:0;font-size:18px}@media (width<=760px){.hero{grid-template-columns:1fr;gap:36px;padding:40px 16px 48px}.hero__title{font-size:34px}.hero__pixels{--fade:radial-gradient(farthest-side at top right, #000 45%, transparent);opacity:.32;width:245px;height:168px;-webkit-mask:url(/hero-pixels-live.svg) no-repeat top right, var(--fade);-webkit-mask-composite:source-in;mask:url(/hero-pixels-live.svg) no-repeat top right, var(--fade);mask-composite:intersect}.hero__lede{font-size:16px}.notfound{padding:48px 16px}}@media (width<=760px) and (prefers-reduced-motion:reduce){.hero__pixels{-webkit-mask-image:url(/hero-pixels.svg), var(--fade);mask-image:url(/hero-pixels.svg), var(--fade)}}@media (width<=760px){.landing-hero{padding:40px 16px 36px}.landing-hero .hero__copy{padding-top:0}.landing-section{margin:0 16px;padding:20px 0 24px}.landing-section h2{font-size:26px}.landing-shelf{margin:0 -16px}.landing-head,.landing-describe{grid-template-columns:minmax(0,1fr)}.landing-steps{grid-template-columns:minmax(0,1fr);gap:22px}.landing-step__art{height:136px}.landing-end{margin:0 16px}}@media (width<=560px){.landing-card{width:300px}.landing-card .disk{--size:84px!important}}@media (width<=480px){.landing-describe__stage{grid-template-columns:minmax(0,1fr);gap:18px;padding:20px 16px 30px}.landing-describe__arrow{transform:rotate(90deg)}.landing-got{width:auto}}@media (prefers-reduced-motion:reduce){.landing-live__veil svg,.landing-live__screen--ghost{animation:none}}.landing-live__meta .ghost{width:150px}.landing-live__meta .ghost+.ghost{width:120px}.landing-pick--ghost .ghost{width:44px;height:9px;margin:1.5px 0}.landing-say__who .ghost{width:90px}.landing-got__meta .ghost{width:100px;margin:8px auto 0}