.qr-rails{display:none}@media (min-width: 1440px){.qr-rails.qr-rails--hub{display:grid}}@media (min-width: 1280px){.qr-rails{position:absolute;inset:0 calc(50% - 50vw);z-index:1;display:grid;grid-template-columns:minmax(0,1fr) var(--column) minmax(0,1fr);grid-template-rows:100%;pointer-events:none;transition:grid-template-columns .6s cubic-bezier(.22,.8,.24,1)}.qr-rails--hub{display:none}.qr-rails--hub .qr-food{left:clamp(calc(var(--s) * .4),var(--x),calc(100% - var(--s) * .4));width:calc(var(--s) * .8);margin:calc(var(--s) * -.4) 0 0 calc(var(--s) * -.4)}.qr-rails--hub .qr-rail__code img{width:clamp(7.2rem,calc((100vw - 64rem)/2 - 5.2rem),11rem);height:auto;aspect-ratio:1}.qr-rail--ios{grid-column:1}.qr-rail--android{grid-column:3}.qr-rail__stage{position:sticky;top:0;display:grid;place-items:center;height:100vh}.qr-food{position:absolute;left:clamp(calc(var(--s) / 2),var(--x),calc(100% - var(--s) / 2));top:var(--y);width:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);rotate:var(--turn);opacity:0}.qr-food.is-loaded{animation:qr-food-in .9s cubic-bezier(.22,.8,.24,1) var(--in) both}.qr-food img{display:block;width:100%;height:auto;will-change:transform;filter:drop-shadow(0 14px 16px hsl(var(--shadow-soft) / .22));animation:qr-food-float var(--dur) ease-in-out var(--dl) infinite}.qr-food--far{--o: .7}.qr-food--far img{filter:blur(2.5px) drop-shadow(0 8px 10px hsl(var(--shadow-soft) / .14))}.qr-food--near{--o: .88}.qr-food--near img{filter:blur(5px) drop-shadow(0 18px 18px hsl(var(--shadow-soft) / .18))}.qr-rail__card{--from: -1.5rem;position:relative;z-index:1;border-radius:1.4rem;color:#fff;text-decoration:none;pointer-events:auto;opacity:0;visibility:hidden;translate:var(--from) 0;transition:opacity .6s ease,translate .7s cubic-bezier(.22,.8,.24,1),visibility 0s .7s,transform .35s cubic-bezier(.22,.8,.24,1),box-shadow .35s;box-shadow:0 22px 44px -22px hsl(var(--shadow-soft) / .55),inset 0 1px #ffffff24}.qr-rail--ios .qr-rail__card{background:linear-gradient(160deg,#262626,#050505)}.qr-rail--android .qr-rail__card{--from: 1.5rem;background:linear-gradient(160deg,hsl(var(--nav-highlight)),hsl(var(--nav-surface)))}.qr-rails.is-shown .qr-rail__card{opacity:1;visibility:visible;translate:0 0;transition-delay:0s}.qr-rails.is-shown .qr-rail--android .qr-rail__card{transition-delay:.12s,.12s,0s,0s,0s}.qr-rail__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid hsl(112 39% 57% / .7);opacity:0;pointer-events:none}.qr-rails.is-shown .qr-rail__card:before{animation:qr-rail-ping 3.6s cubic-bezier(.22,.8,.24,1) 1s infinite}.qr-rails.is-shown .qr-rail--android .qr-rail__card:before{animation-delay:2.8s}.qr-rail__card:hover,.qr-rail__card:focus-visible{transform:translateY(-4px) scale(1.03);box-shadow:0 30px 56px -24px hsl(var(--shadow-soft) / .65),inset 0 1px #ffffff2e}.qr-rail__inner{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.7rem .7rem .75rem;animation:qr-rail-float 7s ease-in-out infinite}.qr-rail--android .qr-rail__inner{animation-delay:-3.5s}.qr-rail__head{display:flex;align-items:center;gap:.55rem;align-self:flex-start;padding-left:.15rem}.qr-rail__head svg{width:1.45rem;height:1.45rem;fill:currentColor;flex:none}.qr-rail__head small{display:block;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.qr-rail__head strong{display:block;font-size:1.05rem;font-weight:800;line-height:1.05;letter-spacing:-.01em}.qr-rail__target{position:relative;display:block;padding:.3rem}.qr-rail__finder{--c: hsl(112 39% 57%);--l: 1.1rem;--w: 3px;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:1.1rem;pointer-events:none;background:linear-gradient(var(--c),var(--c)) top left / var(--l) var(--w),linear-gradient(var(--c),var(--c)) top left / var(--w) var(--l),linear-gradient(var(--c),var(--c)) top right / var(--l) var(--w),linear-gradient(var(--c),var(--c)) top right / var(--w) var(--l),linear-gradient(var(--c),var(--c)) bottom left / var(--l) var(--w),linear-gradient(var(--c),var(--c)) bottom left / var(--w) var(--l),linear-gradient(var(--c),var(--c)) bottom right / var(--l) var(--w),linear-gradient(var(--c),var(--c)) bottom right / var(--w) var(--l);background-repeat:no-repeat;animation:qr-rail-finder 2.4s ease-in-out infinite}.qr-rail__code{position:relative;display:block;overflow:hidden;padding:.4rem;border-radius:.9rem;background:#fff}.qr-rail__code img{display:block;width:9.2rem;height:9.2rem}.qr-rail__code:after{content:"";position:absolute;inset:-40% 0 auto;height:40%;background:linear-gradient(180deg,transparent,hsl(112 39% 57% / .28),transparent);animation:qr-rail-scan 6s ease-in-out infinite 1.5s}.qr-rail__foot{display:flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:800;opacity:.92}.qr-rail__foot svg{width:.95rem;height:.95rem;flex:none}}@keyframes qr-food-in{0%{opacity:0}to{opacity:var(--o, 1)}}@keyframes qr-food-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes qr-rail-ping{0%{opacity:.9;transform:scale(1)}60%,to{opacity:0;transform:scale(1.12)}}@keyframes qr-rail-finder{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.045);opacity:1}}@keyframes qr-rail-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes qr-rail-scan{0%,70%{transform:translateY(0)}to{transform:translateY(350%)}}@media (prefers-reduced-motion: reduce){.qr-rail__inner,.qr-rail__code:after,.qr-rail__finder,.qr-rails.is-shown .qr-rail__card:before{animation:none}.qr-rails,.qr-rail__card{transition:none}.qr-food{opacity:var(--o, 1)}.qr-food.is-loaded,.qr-food img{animation:none}}