.lg-scene,.lg-scene .step,.lg-scene .step__in,.lg-scene [data-a]{opacity:1!important;visibility:visible!important;transform:none!important}.lg-scene .step{display:block!important}.lg-scene .manuscript__body{padding-top:0!important}.lg-scene .step__in{display:flex!important;align-items:center;justify-content:center;height:100%}.lg-scene .manuscript__body{display:flex;flex-direction:column;align-items:center;text-align:center}.lg__title{margin:0 0 32px;font-family:var(--f-mono);font-weight:700;white-space:nowrap;font-size:clamp(28px,3.4vw,60px);line-height:1;letter-spacing:-.04em;color:var(--ink)}.lg__title:before{content:"> ";color:var(--green)}.lg-scene{--pad: min(340px, 70vw)}.lg-scene .step__in{overflow:hidden!important}.lg-scene .manuscript__body{transform-origin:center center}.lg__pad{position:relative;width:var(--pad);aspect-ratio:1;border-radius:50%}.lg__pad[hidden],.lg__modes[hidden]{display:none!important}.lg__pad .lg__key{position:absolute;transform:translate(-50%,-50%);transition:left .5s var(--ease),top .5s var(--ease),background .2s,border-color .2s}.lg__pad .lg__key:active{transform:translate(-50%,-50%) scale(.9)}.lg__key{width:calc(var(--pad) * .188);height:calc(var(--pad) * .188);padding:0;border-radius:50%;border:1px solid var(--rule);background:var(--panel);font-family:var(--f-mono);font-size:calc(var(--pad) * .065);color:var(--ink);transition:transform .45s var(--ease),background .2s,border-color .2s}.lg__key:hover,.lg__key:focus-visible,.lg__key:active{background:var(--green)!important;border-color:var(--green)!important;color:#fff}.lg__key:active{transform:scale(.9);background:var(--green-wash)}.lg__pad.is-bad .lg__key{border-color:var(--orange)}.lg__modes{display:flex;gap:16px;margin-top:32px}.lg__mode{padding:12px 22px;border:1px solid var(--green-deep);border-radius:999px;text-decoration:none;letter-spacing:.12em;color:var(--ink)}.lg__mode:hover{background:var(--green);color:#fff}.lg-scene .manuscript__body{position:relative}.lg__modes{position:absolute;left:50%;bottom:calc(var(--pad) / 2);transform:translate(-50%,50%);margin:0!important;justify-content:center;white-space:nowrap}.lg__pad .lg__key{background:var(--panel);border:1px solid var(--rule-2);box-shadow:0 4px 6px #0000001a,0 1px 2px #0000000f;transition:left .5s var(--ease),top .5s var(--ease),transform .3s ease,box-shadow .3s ease,background .2s,border-color .2s,color .2s}.lg__pad .lg__key:hover,.lg__pad .lg__key:focus-visible{transform:translate(-50%,calc(-50% - 2px))!important;box-shadow:0 10px 20px #5bbf374d!important}.lg__pad .lg__key:active{transform:translate(-50%,-50%) scale(.94)!important;box-shadow:0 2px 4px #0000001f!important}.lg__title.is-typing:after{content:"_";color:var(--green);animation:lgBlink .7s steps(1) infinite}@keyframes lgBlink{50%{opacity:0}}.lg__pad.is-wait .lg__key{opacity:0}.lg__pad .lg__key.is-pop{animation:lgPop .8s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--d, 0s)}@keyframes lgPop{0%{opacity:0;transform:translate(-50%,-50%) scale(0)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}80%{transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.lg__modes:not([hidden]) .lg__mode{animation:lgPopM .55s cubic-bezier(.34,1.56,.64,1) both}.lg__modes:not([hidden]) .lg__mode:nth-child(2){animation-delay:.12s}@keyframes lgPopM{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.lg__title .lg__r{visibility:hidden}.lg__title .lg__cur{color:var(--green);display:inline-block;width:0;overflow:visible;visibility:hidden}.lg__title.is-typing .lg__cur{visibility:visible;animation:lgBlink .7s steps(1) infinite}.lg__title.is-typing:after{content:none!important}.lg__pad .lg__key.is-pop{animation-duration:.7s}.lg__modes .lg__mode{background:var(--panel);border:1px solid var(--rule-2);border-radius:999px;padding:14px 28px;color:var(--ink);box-shadow:0 4px 6px #0000001a,0 1px 2px #0000000f;transition:transform .3s ease,box-shadow .3s ease,background .2s,border-color .2s,color .2s}.lg__modes .lg__mode:hover,.lg__modes .lg__mode:focus-visible{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #5bbf374d}.lg__modes .lg__mode:active{transform:scale(.96);box-shadow:0 2px 4px #0000001f}.lg__modes:not([hidden]) .lg__mode{animation:lgFadeM .7s cubic-bezier(.22,.8,.3,1) both!important}.lg__modes:not([hidden]) .lg__mode:nth-child(2){animation-delay:.15s!important}@keyframes lgFadeM{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.lg__title{transition:opacity .25s ease,filter .25s ease}.lg__title.is-out{opacity:0;filter:blur(4px)}@media(hover:none){.lg__pad .lg__key:hover:not(:active),.lg__pad .lg__key:focus:not(:active){background:var(--panel)!important;border-color:var(--rule-2)!important;color:var(--ink)!important;transform:translate(-50%,-50%)!important;box-shadow:0 4px 6px #0000001a,0 1px 2px #0000000f!important}.lg__modes .lg__mode:hover:not(:active),.lg__modes .lg__mode:focus:not(:active){background:var(--panel);border-color:var(--rule-2);color:var(--ink);transform:none}}.lg__modes{flex-direction:column;align-items:center;gap:14px}.lg__pad .lg__key.is-key{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important;transform:translate(-50%,-50%) scale(.94)!important;box-shadow:0 10px 20px #5bbf374d!important}.lg__pad.is-loading{animation:lgSpin 1.6s linear infinite}.lg__pad .lg__key.is-center-hide{opacity:0!important;transform:translate(-50%,-50%) scale(0)!important;pointer-events:none}@keyframes lgSpin{to{transform:rotate(360deg)}}.lg__pad.is-count .lg__key{opacity:1;pointer-events:none}.lg__pad .lg__key.is-tick{background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}.lg__pad .lg__key.is-cnum{border-color:var(--orange)!important;color:var(--orange)!important;font-weight:600}.lg__pad.is-bad .lg__key,.lg__pad.is-bad .lg__key:hover,.lg__pad.is-bad .lg__key:focus,.lg__pad.is-bad .lg__key:hover:not(:active),.lg__pad.is-bad .lg__key:focus:not(:active){border-color:var(--orange)!important}.lg__pad .lg__key.is-tick,.lg__pad .lg__key.is-tick:hover,.lg__pad .lg__key.is-tick:focus,.lg__pad .lg__key.is-tick:hover:not(:active),.lg__pad .lg__key.is-tick:focus:not(:active){background:var(--green)!important;border-color:var(--green)!important;color:#fff!important}.lg__pad.is-count .lg__key:not(.is-tick):hover,.lg__pad.is-count .lg__key:not(.is-tick):focus,.lg__pad.is-count .lg__key:not(.is-tick):hover:not(:active),.lg__pad.is-count .lg__key:not(.is-tick):focus:not(:active){background:var(--panel)!important;border-color:var(--rule-2)!important;color:var(--ink)!important}.lg__pad.is-count .lg__key.is-cnum,.lg__pad.is-count .lg__key.is-cnum:hover:not(:active),.lg__pad.is-count .lg__key.is-cnum:focus:not(:active){border-color:var(--orange)!important;color:var(--orange)!important}