:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#27334b;background:#f8f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,#edf1ff 0,#f8f9fc 55%)}.entry{width:min(316px,calc(100vw - 64px));text-align:center;transform:translateY(-25px)}.logo{display:block;width:152px;height:152px;object-fit:contain;margin:0 auto 54px}.interaction{position:relative;min-height:115px}.slide-track{height:64px;width:100%;position:relative;border-radius:20px;background:#e9edf6;box-shadow:inset 0 1px 3px #193a7710;--shift:0px;--fade:1;isolation:isolate}.slide-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:19px;padding-left:32px;color:#7484a1;font-size:14px;font-weight:450;opacity:var(--fade);user-select:none}.chevrons{letter-spacing:2px;font-size:18px;color:#a8b3c8}.slide-fill{position:absolute;inset:0 auto 0 0;width:calc(var(--shift) + 64px);border-radius:20px;background:#dce5ff;z-index:-1}.slide-handle{position:absolute;top:5px;left:5px;width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#245bff;color:#fff;box-shadow:0 4px 12px #245bff28;transform:translateX(var(--shift));cursor:grab;touch-action:none;user-select:none}.slide-handle:active{cursor:grabbing}.slide-handle:focus-visible{outline:3px solid #9ab4ff;outline-offset:4px}.slide-track.resetting .slide-handle{transition:transform .24s ease}.slide-track.resetting .slide-fill{transition:width .24s ease}.slide-track.busy .slide-handle{cursor:wait}.slide-track.busy svg{animation:breathe 1s ease-in-out infinite}.code-field{height:64px;width:100%;border:1px solid #d8e0f0;border-radius:20px;background:#fff;color:#2340a1;outline:none;font:500 27px ui-monospace,Consolas,monospace;letter-spacing:.5em;text-align:center;padding:0 12px 0 calc(12px + .5em);box-shadow:0 6px 24px #20408506;transition:box-shadow .2s,border-color .2s}.code-field:focus{border-color:#7c9aff;box-shadow:0 0 0 4px #245bff08}.code-field::placeholder{color:#b3bfd7;opacity:1}.repeat-form{margin:19px 0 0}.repeat{border:0;background:none;color:#8694ae;font:12px inherit;font-size:12px;cursor:pointer;padding:6px 12px}.repeat:hover{color:#245bff}.repeat:disabled{cursor:default;color:#a9b3c4}.message{font-size:12px;line-height:1.5;color:#9b4d54;min-height:18px;margin:17px -18px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{50%{opacity:.35}}@media(max-width:480px){.logo{width:132px;height:132px;margin-bottom:46px}.entry{transform:translateY(-35px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}