.dl-stage{aspect-ratio:520/620;width:100%;max-width:520px;margin-inline:auto;position:relative;container-type:inline-size}.dl-stage-in{--dl-s:min(1, tan(atan2(100cqw, 520px)));top:0;width:520px;height:620px;transform:scale(var(--dl-s));transform-origin:top;perspective:1300px;position:absolute;inset-inline-start:calc(50% - 260px)}.dl-sky{pointer-events:none;background:radial-gradient(70% 60% at 50% 40%, color-mix(in srgb, var(--primary-hover) 14%, transparent), transparent 70%);opacity:0;transition:opacity 1.4s var(--dl-ease);border-radius:40px;position:absolute;inset:40px -20px 0}.dl-sky[data-on]{opacity:1}html.dark .dl-sky{background:radial-gradient(70% 60% at 50% 40%,#0000004d,#0000 70%)}.dl-tilt{transform-style:preserve-3d;position:absolute;inset:0}.dl-glass{background:var(--glass-panel);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(24px)saturate(180%);backdrop-filter:blur(24px)saturate(180%);position:relative;overflow:hidden}.dl-glass:before{content:"";pointer-events:none;border-radius:inherit;background:radial-gradient(260px circle at var(--mx,30%) var(--my,0%), var(--glass-highlight), transparent 60%);opacity:.5;position:absolute;inset:0}.dl-rail{top:0;z-index:4;border-radius:999px;align-items:center;padding:8px;display:flex;position:absolute;inset-inline-start:50%;translate:-50%}[dir=rtl] .dl-rail{translate:50%}.dl-step{z-index:1;width:40px;height:40px;color:var(--muted-foreground);transition:color .5s var(--dl-ease), background-color .5s var(--dl-ease), transform .5s var(--dl-ease);border-radius:50%;place-items:center;display:grid;position:relative}.dl-step svg{width:19px;height:19px}.dl-step[data-on]{background:var(--primary);color:var(--primary-foreground);transform:scale(1.06)}.dl-step[data-gold][data-on]{background:var(--reward);color:var(--reward-foreground)}.dl-link{background:var(--border);border-radius:3px;width:34px;height:3px;position:relative;overflow:hidden}.dl-link i{background:var(--primary);transform-origin:0;transition:transform .7s var(--dl-ease);position:absolute;inset:0;transform:scaleX(0)}[dir=rtl] .dl-link i{transform-origin:100%}.dl-link[data-on] i{transform:scaleX(1)}.dl-phone{background:linear-gradient(145deg, var(--muted-foreground) 0%, var(--camera) 22%, var(--camera) 78%, var(--muted-foreground) 100%);box-shadow:inset 0 0 0 1px #ffffff59, inset 0 0 0 2.5px black, 0 30px 50px -20px #00000073, var(--glass-shadow);border-radius:44px;padding:8px;position:absolute}.dl-phone-btn{background:linear-gradient(90deg, var(--muted-foreground), var(--camera));border-radius:2px;width:3px;position:absolute}.dl-phone-btn[data-b="1"]{inset-inline-start:-3px;height:22px;top:92px}.dl-phone-btn[data-b="2"]{inset-inline-start:-3px;height:40px;top:124px}.dl-phone-btn[data-b="3"]{inset-inline-start:-3px;height:40px;top:172px}.dl-phone-btn[data-b="4"]{inset-inline-end:-3px;height:62px;top:130px}.dl-glare{z-index:6;pointer-events:none;mix-blend-mode:screen;transform:translateX(var(--dl-gx,0px));opacity:var(--dl-go,.85);background:linear-gradient(118deg,#ffffff4d 0%,#ffffff14 22%,#0000 38% 70%,#ffffff0f 100%);border-radius:36px;position:absolute;inset:8px}.dl-floor{inset-inline:12%;pointer-events:none;filter:blur(4px);background:radial-gradient(closest-side,#00000047,#0000);border-radius:50%;height:22px;position:absolute;bottom:-22px}.dl-island{top:9px;z-index:5;background:#000;border-radius:11px;width:54px;height:18px;position:absolute;inset-inline-start:calc(50% - 27px)}.dl-island:after{content:"";inset-inline-end:6px;background:radial-gradient(circle at 35% 35%, var(--muted-foreground), var(--camera) 60%);border-radius:50%;width:8px;height:8px;position:absolute;top:5px}[dir=rtl] .dl-island:after{inset-inline:6px auto}.dl-screen{background:var(--card);width:100%;height:100%;color:var(--foreground);border-radius:36px;flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden}.dl-home{bottom:8px;background:var(--border);border-radius:2px;width:76px;height:4px;position:absolute;inset-inline-start:calc(50% - 38px)}.dl-status{width:100%;font-family:var(--font-latin);justify-content:space-between;align-items:center;padding:10px 16px 0 20px;font-size:11px;font-weight:700;display:flex}.dl-status svg{width:auto;height:10px}.dl-status-r{align-items:center;gap:3px;display:flex}.dl-cust{inset-inline-start:2%;width:196px;height:344px;top:58px}.dl-appbar{align-items:center;gap:8px;width:100%;padding:12px 16px 2px;display:flex}.dl-appbar-t{font-size:13px;font-weight:800}.dl-av{background:var(--brand-soft);width:26px;height:26px;color:var(--brand-ink);border-radius:50%;place-items:center;display:grid}.dl-av svg{width:14px;height:14px}.dl-appbar .dl-av{margin-inline-start:auto}.dl-qr-card{background:var(--camera-foreground);width:138px;height:138px;box-shadow:0 6px 18px color-mix(in srgb, var(--primary) 12%, transparent), inset 0 0 0 1px var(--border);border-radius:22px;place-items:center;margin-top:6px;display:grid;position:relative}.dl-qr{z-index:1;grid-template-columns:repeat(21,1fr);width:97px;height:97px;transition:opacity .4s,filter .4s;display:grid;position:relative}.dl-qr[data-swap]{opacity:.2;filter:blur(3px)}.dl-qr i[data-on]{background:var(--camera)}.dl-qr-ring{width:calc(100% + 12px);height:calc(100% + 12px);position:absolute;inset:-6px}.dl-qr-ring rect{fill:none;stroke:var(--primary);stroke-width:3px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.dl-qr-ripple{border:3px solid var(--glass-blob-1);opacity:0;pointer-events:none;border-radius:22px;position:absolute;inset:0}.dl-qr-cap{color:var(--muted-foreground);margin-top:8px;font-size:10.5px;font-weight:600}.dl-timer{background:var(--muted);color:var(--muted-foreground);border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.dl-timer svg{width:13px;height:13px}.dl-mini{justify-content:center;gap:6px;width:82%;margin-top:8px;display:flex}.dl-mini i{border:2px dashed var(--border);border-radius:50%;width:18px;height:18px;transition:background-color .4s,border-color .4s}.dl-mini i[data-on]{background:var(--foreground);border:2px solid var(--foreground)}.dl-mini i[data-gold]{background:var(--reward);border-color:var(--reward-line)}.dl-push{top:32px;z-index:4;background:var(--glass-chrome);color:var(--foreground);opacity:0;transition:transform .7s var(--dl-ease), opacity .5s var(--dl-ease);border-radius:16px;align-items:center;gap:8px;padding:9px 10px;display:flex;position:absolute;inset-inline:8px;transform:translateY(-140%);box-shadow:0 8px 24px #00000029}.dl-push[data-on]{opacity:1;transform:none}.dl-push-i{background:var(--primary);width:28px;height:28px;color:var(--primary-foreground);border-radius:9px;flex:none;place-items:center;display:grid}.dl-push-i[data-gold]{background:var(--reward);color:var(--reward-foreground)}.dl-push-i svg{width:15px;height:15px}.dl-push-t{align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.dl-push-t svg{width:13px;height:13px;color:var(--brand-ink)}.dl-cashier{--x:150%;--y:30px;--r:-10deg;inset-inline-end:-3%;z-index:2;opacity:0;width:176px;height:318px;transform:translate3d(var(--x), var(--y), 60px) rotate(var(--r));transition:transform .9s var(--dl-ease), opacity .6s var(--dl-ease);top:92px}[dir=rtl] .dl-cashier{--x:-150%;--r:10deg}.dl-cashier[data-near]{--x:-36%;--y:0px;--r:-4deg;opacity:1}[dir=rtl] .dl-cashier[data-near]{--x:36%;--r:4deg}.dl-cam{width:100%;height:100%;color:var(--camera-foreground);background:linear-gradient(180deg, var(--muted-foreground) 0%, var(--camera) 46%, color-mix(in srgb, var(--primary-hover) 60%, var(--camera)) 47%, var(--camera) 100%);border-radius:36px;position:relative;overflow:hidden}.dl-cam:before{content:"";background:radial-gradient(80% 50% at 50% 48%,#ffffff1a,#0000 70%);position:absolute;inset:0}.dl-bokeh i{filter:blur(8px);border-radius:50%;position:absolute}.dl-bokeh i:first-child{background:var(--reward-soft);top:10%;opacity:.35;width:44px;height:44px;inset-inline-start:12%}.dl-bokeh i:nth-child(2){background:var(--camera-foreground);top:58%;opacity:.22;border-radius:10px;width:38px;height:54px;inset-inline-start:64%}.dl-bokeh i:nth-child(3){background:var(--camera-foreground);top:40%;opacity:.3;width:26px;height:26px;inset-inline-start:70%}.dl-cam-top{top:36px;z-index:2;justify-content:space-between;align-items:center;display:flex;position:absolute;inset-inline:14px}.dl-cam-top span{background:#00000059;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.dl-cam-top svg{width:14px;height:14px}.dl-cam-hint{bottom:14px;z-index:2;white-space:nowrap;background:#0006;border-radius:999px;justify-self:center;width:max-content;max-width:calc(100% - 20px);margin-inline:auto;padding:4px 12px;font-size:10.5px;font-weight:600;position:absolute;inset-inline:10px}.dl-frame{transition:transform .6s var(--dl-ease);position:absolute;inset:26% 15%}.dl-cashier[data-near] .dl-frame{transform:scale(.86)}.dl-frame b{border:3px solid var(--glass-blob-1);width:26px;height:26px;position:absolute}html.dark .dl-frame b{border-color:var(--primary-hover)}.dl-frame b:first-child{top:0;border-inline-end:0;border-bottom:0;border-start-start-radius:9px;inset-inline-start:0}.dl-frame b:nth-child(2){top:0;border-inline-start:0;border-bottom:0;border-start-end-radius:9px;inset-inline-end:0}.dl-frame b:nth-child(3){bottom:0;border-inline-end:0;border-top:0;border-end-start-radius:9px;inset-inline-start:0}.dl-frame b:nth-child(4){bottom:0;border-inline-start:0;border-top:0;border-end-end-radius:9px;inset-inline-end:0}.dl-laser{--dl-sweep:135px;inset-inline:12%;background:var(--glass-blob-1);height:2px;box-shadow:0 0 18px 4px color-mix(in srgb, var(--glass-blob-1) 55%, transparent);opacity:0;border-radius:2px;position:absolute;top:28%}.dl-sheet{inset-inline:6px;background:var(--card);color:var(--foreground);transition:transform .6s var(--dl-ease);border-radius:22px;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;bottom:6px;transform:translateY(120%)}.dl-sheet[data-on]{transform:none}.dl-sheet-ok{background:var(--primary);width:34px;height:34px;color:var(--primary-foreground);border-radius:50%;flex:none;place-items:center;display:grid}.dl-sheet-ok svg{width:18px;height:18px}.dl-sheet .dl-av{width:30px;height:30px}.dl-plus{color:var(--brand-ink);margin-inline-start:auto;font-size:15px;font-weight:800}.dl-card{inset-inline:0 2%;z-index:3;height:214px;transform-style:preserve-3d;transition:transform 1.1s var(--dl-ease);position:absolute;bottom:0}.dl-card[data-flip]{transform:rotateY(180deg)}.dl-face{backface-visibility:hidden;border-radius:26px;align-content:start;gap:12px;padding:16px 20px;display:grid;position:absolute;inset:0}.dl-front:after{content:"";inset-inline:0;background:linear-gradient(90deg, var(--primary), var(--glass-blob-1), var(--primary));height:4px;position:absolute;top:0}.dl-card[data-gold] .dl-front{box-shadow:0 0 0 2px var(--reward), 0 22px 60px color-mix(in srgb, var(--reward) 32%, transparent);transition:box-shadow .7s var(--dl-ease)}.dl-back{text-align:center;background:linear-gradient(150deg, var(--reward-soft), var(--glass-panel-strong));align-content:center;justify-items:center;transform:rotateY(180deg)}.dl-card-head{align-items:center;gap:12px;min-width:0;display:flex}.dl-biz-ico{background:var(--brand-soft);width:48px;height:48px;color:var(--brand-ink);border-radius:15px;flex:none;place-items:center;display:grid}.dl-biz-ico svg{width:24px;height:24px}.dl-biz{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:17px;font-weight:700;overflow:hidden}.dl-count{color:var(--brand-ink);margin-inline-start:auto;font-size:16px;font-weight:800}.dl-count bdi{font-variant-numeric:tabular-nums;display:inline-block}.dl-track{align-items:center;gap:10px;display:flex;position:relative}.dl-slot{border:2px dashed var(--border);width:44px;height:44px;color:var(--background);transition:background-color .4s var(--dl-ease), border-color .4s var(--dl-ease);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.dl-slot svg{opacity:0;width:20px;height:20px;transition:opacity .3s}.dl-slot[data-done]{background:var(--foreground);border:2px solid var(--foreground)}.dl-slot[data-done] svg{opacity:1}.dl-ink{pointer-events:none;--dl-ink-c:color-mix(in srgb, var(--glass-blob-1) 35%, transparent);background:radial-gradient(circle, var(--dl-ink-c) 0 30%, transparent 31%), radial-gradient(circle at 20% 30%, var(--dl-ink-c) 0 8%, transparent 9%), radial-gradient(circle at 80% 70%, var(--dl-ink-c) 0 7%, transparent 8%), radial-gradient(circle at 75% 20%, var(--dl-ink-c) 0 5%, transparent 6%);opacity:0;border-radius:50%;position:absolute;inset:-10px}.dl-reward{width:54px;height:54px;color:var(--reward-line);transition:background-color .6s var(--dl-ease), color .6s var(--dl-ease);border-radius:50%;flex:none;place-items:center;margin-inline-start:auto;display:grid;position:relative}.dl-reward[data-ready]{background:var(--reward);color:var(--reward-foreground)}.dl-reward>svg.dl-gift{z-index:1;width:22px;height:22px;position:relative}.dl-ring{width:54px;height:54px;position:absolute;inset:0;transform:rotate(-90deg)}.dl-ring circle{fill:none;stroke-width:4px;stroke-linecap:round}.dl-ring .dl-ring-bg{stroke:var(--reward-line);opacity:.28}.dl-ring .dl-ring-fg{stroke:var(--reward);stroke-dasharray:157;transition:stroke-dashoffset .9s var(--dl-ease)}.dl-days{height:30px;color:var(--muted-foreground);align-items:center;gap:10px;display:flex}.dl-dial{background:var(--brand-soft);border-radius:999px;flex:none;width:120px;height:26px;position:relative;overflow:hidden}.dl-orb{top:3px;width:20px;height:20px;color:var(--brand-ink);transition:transform 1s var(--dl-ease);position:absolute;inset-inline-start:3px}.dl-orb svg{width:20px;height:20px}.dl-dial[data-dusk] .dl-orb{transform:translate(94px)}[dir=rtl] .dl-dial[data-dusk] .dl-orb{transform:translate(-94px)}.dl-dots{gap:5px;display:flex}.dl-dots i{background:var(--border);border-radius:50%;width:6px;height:6px;transition:background-color .4s}.dl-dots i[data-on]{background:var(--primary)}.dl-cal{align-items:center;gap:5px;margin-inline-start:auto;font-size:12px;font-weight:700;display:inline-flex}.dl-cal svg{width:14px;height:14px}.dl-pass-ico{background:var(--reward);width:76px;height:76px;color:var(--reward-foreground);box-shadow:0 12px 30px color-mix(in srgb, var(--reward) 40%, transparent);border-radius:22px;place-items:center;display:grid}.dl-pass-ico svg{width:36px;height:36px}.dl-pass-name{font-size:20px;font-weight:800}.dl-pass-cut{border-top:2px dashed color-mix(in srgb, var(--reward-line) 50%, transparent);width:84%;height:0;position:relative}.dl-pass-cut:before,.dl-pass-cut:after{content:"";background:var(--background);border-radius:50%;width:20px;height:20px;position:absolute;top:-11px}.dl-pass-cut:before{inset-inline-start:-28px}.dl-pass-cut:after{inset-inline-end:-28px}.dl-pass-row{align-items:center;gap:12px;display:flex}.dl-barcode{opacity:.8;align-items:stretch;gap:2px;height:30px;display:flex}.dl-barcode i{background:var(--foreground);border-radius:1px}.dl-redeemed{background:var(--primary);width:50px;height:50px;color:var(--primary-foreground);transition:transform .6s var(--dl-ease);border-radius:50%;place-items:center;display:grid;transform:scale(0)}.dl-redeemed[data-on]{transform:scale(1)}.dl-redeemed svg{width:24px;height:24px}.dl-fx{z-index:8;pointer-events:none;position:absolute;inset:0}.dl-fx :is(.dl-fly,.dl-trail,.dl-bubble,.dl-conf,.dl-touch){top:0;pointer-events:none;position:absolute;inset-inline-start:0}.dl-fly{background:var(--foreground);width:30px;height:30px;color:var(--background);border-radius:50%;place-items:center;display:grid;box-shadow:0 6px 16px #0003}.dl-fly svg{width:15px;height:15px}.dl-trail{background:var(--glass-blob-1);border-radius:50%;width:8px;height:8px}.dl-bubble{background:var(--glass-panel-strong);border:1px solid var(--glass-edge);width:36px;height:36px;color:var(--brand-ink);box-shadow:0 6px 18px color-mix(in srgb, var(--primary) 15%, transparent);border-radius:50%;place-items:center;display:grid}.dl-bubble svg{width:18px;height:18px}.dl-conf{border-radius:2px;width:7px;height:11px}.dl-touch{background:color-mix(in srgb, var(--camera) 16%, transparent);opacity:0;border:2px solid #fffffff2;border-radius:50%;width:40px;height:40px}@media (prefers-reduced-motion:reduce){.dl-sky,.dl-step,.dl-link i,.dl-qr,.dl-qr-ring rect,.dl-mini i,.dl-push,.dl-cashier,.dl-frame,.dl-sheet,.dl-card,.dl-slot,.dl-reward,.dl-ring .dl-ring-fg,.dl-orb,.dl-dots i,.dl-redeemed{transition:none!important}.dl-fx{display:none}.dl-tilt{transform:none!important}.dl-glare{transform:none}}