html:has(#stage){height:100%}html:has(#stage) body{height:100%}body:has(#stage){overflow:hidden}#stage{font-variant-numeric:normal;font-size:16px;line-height:normal}#stage *{box-sizing:revert}#stage .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#stage{box-sizing:border-box;height:100%;min-height:440px;position:relative}#stage .lab{top:calc(18px + env(safe-area-inset-top,0px));letter-spacing:.14em;opacity:.32;color:var(--ink);font-size:10px;position:absolute}#center{flex-direction:column;gap:28px;display:flex;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%)}#row{height:1.25em;line-height:1.25;font-family:var(--font-display),ui-monospace,monospace;position:relative}#row .cell{text-align:center;white-space:pre;opacity:0;will-change:transform,opacity;transition:transform .44s cubic-bezier(.7,0,.2,1),opacity .24s linear;position:absolute;top:0;left:0}#row .g{display:inline-block;position:relative}#row .g.ghost:after{content:attr(data-ch);opacity:.35;position:absolute;top:-.07em;left:.09em}#cur{background:var(--ink);opacity:0;width:.055em;height:.86em;position:absolute;top:.2em;left:0}#cur.on{opacity:1}#cur.blink{animation:1.05s step-end infinite intro-bl}@keyframes intro-bl{0%,49%{opacity:1}50%,to{opacity:0}}#cap{opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:10px;margin:0;transition:opacity .9s;display:flex}#cap.on{opacity:1;pointer-events:auto}#stage .field{border-bottom:1px solid #ededed4d;align-items:center;width:min(300px,100%);transition:border-color .2s;display:flex}#stage .field:focus-within{border-color:var(--ink)}#code{min-width:0;height:44px;color:var(--ink);font:inherit;letter-spacing:.14em;text-align:center;background:0 0;border:0;outline:0;flex:1;padding:0 0 0 44px;font-size:16px}#code::placeholder{color:var(--ink);opacity:.38;letter-spacing:.12em}#go{width:44px;height:44px;color:var(--ink);opacity:.5;cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:flex}#go:hover{opacity:1}#go:focus-visible{outline:1px solid var(--ink);outline-offset:-6px;opacity:1}#msg{letter-spacing:.12em;opacity:.7;min-height:20px;margin:0;font-size:11px}#tear{background:var(--ink);mix-blend-mode:difference;opacity:0;pointer-events:none;z-index:60;height:6px;position:fixed;top:0;left:0;right:0}#btn{left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));font:inherit;letter-spacing:.12em;color:var(--ink);cursor:pointer;opacity:.55;background:0 0;border:1px solid #ededed38;min-height:44px;padding:14px 20px;font-size:11px;transition:opacity .2s;position:absolute;transform:translate(-50%)}#btn:hover{opacity:1}#btn:focus-visible{outline:1px solid var(--ink);outline-offset:3px;opacity:1}@media (prefers-reduced-motion:reduce){#row .cell{transition:opacity .4s linear}#cur.blink{animation:none}}