:root{--loyaa-palette-coral:#f2542d;--loyaa-palette-coral-strong:#d2401a;--loyaa-palette-deep:#0e3b43;--loyaa-palette-pandan:#2fb67c;--loyaa-palette-gold:#f5b83d;--loyaa-palette-cream:#fff8f0;--loyaa-palette-ink:#101a1c;--loyaa-palette-neutral700:#3d4a4d;--loyaa-palette-neutral300:#c9d1d2;--loyaa-palette-neutral100:#f1f4f4;--loyaa-palette-danger:#d6293e;--loyaa-palette-whatsapp:#0f7a40;--loyaa-palette-white:#fff;--loyaa-font-heading:"Plus Jakarta Sans", Inter, system-ui, sans-serif;--loyaa-font-body:Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--loyaa-font-size-xs:12px;--loyaa-font-size-sm:14px;--loyaa-font-size-md:16px;--loyaa-font-size-lg:20px;--loyaa-font-size-xl:24px;--loyaa-font-size-2xl:32px;--loyaa-font-size-3xl:44px;--loyaa-line-height-body:1.4;--loyaa-line-height-heading:1.2;--loyaa-font-weight-regular:400;--loyaa-font-weight-medium:500;--loyaa-font-weight-semibold:600;--loyaa-font-weight-bold:700;--loyaa-space-0:0px;--loyaa-space-1:4px;--loyaa-space-2:8px;--loyaa-space-3:12px;--loyaa-space-4:16px;--loyaa-space-5:20px;--loyaa-space-6:24px;--loyaa-space-8:32px;--loyaa-space-10:40px;--loyaa-space-12:48px;--loyaa-space-16:64px;--loyaa-radius-sm:8px;--loyaa-radius-md:16px;--loyaa-radius-lg:24px;--loyaa-radius-pill:999px;--loyaa-motion-fast:.2s;--loyaa-motion-base:.25s;--loyaa-motion-slow:.3s;--loyaa-motion-flip:.6s;--loyaa-motion-particles:1.5s;--loyaa-motion-easing:cubic-bezier(.22, 1, .36, 1);--loyaa-color-bg:#fff8f0;--loyaa-color-fg:#0e3b43;--loyaa-color-muted:#3d4a4d;--loyaa-color-card:#fff;--loyaa-color-line:#eadfd2;--loyaa-color-alt:#fff1e2;--loyaa-color-primary:#d2401a;--loyaa-color-on-primary:#fff;--loyaa-color-brand-coral:#f2542d;--loyaa-color-on-brand-coral:#0e3b43;--loyaa-color-accent:#2fb67c;--loyaa-color-gold:#f5b83d;--loyaa-color-success:#1b7a53;--loyaa-color-danger:#d6293e;--loyaa-color-whatsapp:#0f7a40;--loyaa-color-on-whatsapp:#fff;--loyaa-color-focus:#0e3b43;--loyaa-shadow-sm:0 1px 2px #0e3b430f, 0 4px 12px #0e3b4314;--loyaa-shadow-md:0 1px 2px #0e3b430f, 0 10px 30px #0e3b431a}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--loyaa-color-bg:#101a1c;--loyaa-color-fg:#f6efe6;--loyaa-color-muted:#b9c4c5;--loyaa-color-card:#18262a;--loyaa-color-line:#26363a;--loyaa-color-alt:#142226;--loyaa-color-primary:#d2401a;--loyaa-color-on-primary:#fff;--loyaa-color-brand-coral:#f2542d;--loyaa-color-on-brand-coral:#0e3b43;--loyaa-color-accent:#2fb67c;--loyaa-color-gold:#f5b83d;--loyaa-color-success:#4ad39a;--loyaa-color-danger:#ff6b7d;--loyaa-color-whatsapp:#0f7a40;--loyaa-color-on-whatsapp:#fff;--loyaa-color-focus:#f5b83d;--loyaa-shadow-sm:0 4px 12px #00000059;--loyaa-shadow-md:0 10px 30px #0006}}:root[data-theme=light],[data-theme=light]{--loyaa-color-bg:#fff8f0;--loyaa-color-fg:#0e3b43;--loyaa-color-muted:#3d4a4d;--loyaa-color-card:#fff;--loyaa-color-line:#eadfd2;--loyaa-color-alt:#fff1e2;--loyaa-color-primary:#d2401a;--loyaa-color-on-primary:#fff;--loyaa-color-brand-coral:#f2542d;--loyaa-color-on-brand-coral:#0e3b43;--loyaa-color-accent:#2fb67c;--loyaa-color-gold:#f5b83d;--loyaa-color-success:#1b7a53;--loyaa-color-danger:#d6293e;--loyaa-color-whatsapp:#0f7a40;--loyaa-color-on-whatsapp:#fff;--loyaa-color-focus:#0e3b43;--loyaa-shadow-sm:0 1px 2px #0e3b430f, 0 4px 12px #0e3b4314;--loyaa-shadow-md:0 1px 2px #0e3b430f, 0 10px 30px #0e3b431a}:root[data-theme=dark],[data-theme=dark]{--loyaa-color-bg:#101a1c;--loyaa-color-fg:#f6efe6;--loyaa-color-muted:#b9c4c5;--loyaa-color-card:#18262a;--loyaa-color-line:#26363a;--loyaa-color-alt:#142226;--loyaa-color-primary:#d2401a;--loyaa-color-on-primary:#fff;--loyaa-color-brand-coral:#f2542d;--loyaa-color-on-brand-coral:#0e3b43;--loyaa-color-accent:#2fb67c;--loyaa-color-gold:#f5b83d;--loyaa-color-success:#4ad39a;--loyaa-color-danger:#ff6b7d;--loyaa-color-whatsapp:#0f7a40;--loyaa-color-on-whatsapp:#fff;--loyaa-color-focus:#f5b83d;--loyaa-shadow-sm:0 4px 12px #00000059;--loyaa-shadow-md:0 10px 30px #0006}.lo-btn{min-height:52px;padding:0 var(--loyaa-space-6);font:700 var(--loyaa-font-size-md) var(--loyaa-font-heading);cursor:pointer;transition:transform var(--loyaa-motion-fast) var(--loyaa-motion-easing), box-shadow var(--loyaa-motion-fast) var(--loyaa-motion-easing);border:1.5px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:10px;display:inline-flex}.lo-btn:hover{transform:translateY(-1px)}.lo-btn:focus-visible{outline:3px solid var(--loyaa-color-focus);outline-offset:3px}.lo-btn:disabled{opacity:.55;pointer-events:none}.lo-btn--sm{min-height:40px;padding:0 var(--loyaa-space-4);font-size:var(--loyaa-font-size-sm)}.lo-btn--primary{background:var(--loyaa-color-primary);color:var(--loyaa-color-on-primary)}.lo-btn--primary:hover{box-shadow:0 8px 20px #d2401a47}.lo-btn--whatsapp{background:var(--loyaa-color-whatsapp);color:var(--loyaa-color-on-whatsapp)}.lo-btn--whatsapp:hover{box-shadow:0 8px 20px #0f7a404d}.lo-btn--ghost{color:var(--loyaa-color-fg);border-color:var(--loyaa-color-fg);background:0 0}.lo-btn--ghost:hover{background:color-mix(in srgb, var(--loyaa-color-fg) 6%, transparent)}.lo-stampcard{--p1:#f2542d;--p2:#c93a14;--pt:#fff;padding:var(--loyaa-space-4);color:var(--pt);background:linear-gradient(140deg, var(--p1), var(--p2));max-width:340px;font-family:var(--loyaa-font-body);border-radius:20px;position:relative;box-shadow:0 8px 24px #0003}.lo-stampcard__top{font:700 15px var(--loyaa-font-heading);align-items:center;gap:10px;display:flex}.lo-stampcard__logo{width:30px;height:30px;color:var(--p2);background:#fff;border-radius:50%;place-items:center;font-weight:800;display:grid}.lo-stampcard__dots{gap:var(--loyaa-space-2);margin:var(--loyaa-space-4) 0 var(--loyaa-space-3);padding:0;list-style:none;display:grid}.lo-stampcard__dot{aspect-ratio:1;border:2px dashed #ffffffa6;border-radius:50%}.lo-stampcard__dot.is-on{box-shadow:inset 0 0 0 5px color-mix(in srgb, var(--p1) 30%, #fff);background:#fff;border:0}.lo-stampcard__dot.is-on:after{content:"★";height:100%;color:var(--p2);place-items:center;font-size:14px;display:grid}.lo-stampcard__stat{font:700 var(--loyaa-font-size-lg) var(--loyaa-font-heading);font-variant-numeric:tabular-nums;margin:0}.lo-stampcard__next{opacity:.95;margin:0;font-size:13px}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-semibold:600;--leading-snug:1.375;--leading-relaxed:1.625;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.m-0{margin:0}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.ml-9{margin-left:calc(var(--spacing) * 9)}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.flex-none{flex:none}.grow{flex-grow:1}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-5{gap:calc(var(--spacing) * 5)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.rounded-full{border-radius:2147483647px}.rounded-md{border-radius:var(--loyaa-radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-line{border-color:var(--loyaa-color-line)}.border-primary{border-color:var(--loyaa-color-primary)}.bg-alt{background-color:var(--loyaa-color-alt)}.bg-card{background-color:var(--loyaa-color-card)}.bg-primary{background-color:var(--loyaa-color-primary)}.p-0{padding:0}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-3{padding-block:calc(var(--spacing) * 3)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-fg{color:var(--loyaa-color-fg)}.text-muted{color:var(--loyaa-color-muted)}.text-on-primary{color:var(--loyaa-color-on-primary)}.text-primary{color:var(--loyaa-color-primary)}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-3:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-focus:focus-visible{outline-color:var(--loyaa-color-focus)}.data-\[checked\]\:border-primary[data-checked]{border-color:var(--loyaa-color-primary)}.data-\[checked\]\:bg-primary[data-checked]{background-color:var(--loyaa-color-primary)}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--loyaa-color-bg);color:var(--loyaa-color-fg);font:var(--loyaa-font-size-md)/var(--loyaa-line-height-body) var(--loyaa-font-body);-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--loyaa-font-heading);line-height:var(--loyaa-line-height-heading);margin:0}h1{font-size:var(--loyaa-font-size-xl)}h2{font-size:var(--loyaa-font-size-lg)}h3{font-size:var(--loyaa-font-size-md)}p{margin:0}.screen{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.screen--center{justify-content:center;align-items:stretch;gap:var(--loyaa-space-4);padding:var(--loyaa-space-6) var(--loyaa-space-4)}.screen--center>h1,.screen--center>.logo{align-self:center}.bar{justify-content:space-between;align-items:center;gap:var(--loyaa-space-3);padding:var(--loyaa-space-3) var(--loyaa-space-4);padding-top:max(var(--loyaa-space-3), env(safe-area-inset-top));background:var(--loyaa-color-card);border-bottom:1px solid var(--loyaa-color-line);display:flex}.bar select{margin-left:var(--loyaa-space-2);font:inherit;max-width:55vw}.linkbtn{color:var(--loyaa-color-primary);font:600 var(--loyaa-font-size-sm) var(--loyaa-font-body);min-height:44px;padding:0 var(--loyaa-space-2);cursor:pointer;background:0 0;border:0}.content{padding:var(--loyaa-space-4);padding-bottom:max(var(--loyaa-space-4), env(safe-area-inset-bottom));flex:1}.stack{gap:var(--loyaa-space-3);flex-direction:column;display:flex}.center{text-align:center;align-items:center}.center>.lo-btn{align-self:stretch}.muted{color:var(--loyaa-color-muted);font-size:var(--loyaa-font-size-sm)}.big{font:800 var(--loyaa-font-size-2xl) var(--loyaa-font-heading);font-variant-numeric:tabular-nums}.error{color:var(--loyaa-color-danger,#d6293e);font-weight:600}.badge{background:var(--loyaa-palette-gold);color:var(--loyaa-palette-ink);padding:var(--loyaa-space-2) var(--loyaa-space-4);border-radius:var(--loyaa-radius-pill);font-weight:700}.logo{border-radius:16px}.card{background:var(--loyaa-color-card);border:1px solid var(--loyaa-color-line);border-radius:var(--loyaa-radius-md);padding:var(--loyaa-space-4);gap:var(--loyaa-space-2);flex-direction:column;display:flex}.list{gap:var(--loyaa-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list li{justify-content:space-between;align-items:center;gap:var(--loyaa-space-3);background:var(--loyaa-color-card);border:1px solid var(--loyaa-color-line);border-radius:var(--loyaa-radius-sm);padding:var(--loyaa-space-3) var(--loyaa-space-4);display:flex}.field{gap:var(--loyaa-space-1);font-weight:600;font-size:var(--loyaa-font-size-sm);flex-direction:column;display:flex}.field input{min-height:52px;padding:0 var(--loyaa-space-4);font:600 var(--loyaa-font-size-lg) var(--loyaa-font-body);border:1.5px solid var(--loyaa-color-line);background:var(--loyaa-color-card);color:var(--loyaa-color-fg);border-radius:14px}.field input:focus-visible{outline:3px solid var(--loyaa-color-focus);outline-offset:2px}.viewfinder{aspect-ratio:1;object-fit:cover;border-radius:var(--loyaa-radius-md);background:#000;width:100%}.receipt{object-fit:contain;border-radius:var(--loyaa-radius-sm);background:var(--loyaa-color-card);border:1px solid var(--loyaa-color-line);width:100%;max-height:40dvh}.filebtn{cursor:pointer}.tick{background:var(--loyaa-palette-pandan);color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;font-size:40px;font-weight:800;display:grid}@media (prefers-reduced-motion:reduce){.lo-btn{transition:none}.lo-btn:hover{transform:none}}.bar .grow{flex:1}.hero{color:#fff;border-radius:var(--loyaa-radius-md);padding:var(--loyaa-space-6) var(--loyaa-space-4);gap:var(--loyaa-space-2);flex-direction:column;display:flex;box-shadow:0 8px 24px #00000026}.hero h1{color:#fff}.hero .reward{margin-top:var(--loyaa-space-2);border-radius:var(--loyaa-radius-sm);padding:var(--loyaa-space-2) var(--loyaa-space-3);background:#ffffff2e}.check{gap:var(--loyaa-space-3);font-size:var(--loyaa-font-size-sm);align-items:flex-start;display:flex}.check input{width:22px;height:22px;accent-color:var(--loyaa-color-primary);flex:none;margin-top:1px}.qrbox{align-items:center;gap:var(--loyaa-space-2);background:var(--loyaa-color-card);border:1px solid var(--loyaa-color-line);border-radius:var(--loyaa-radius-md);padding:var(--loyaa-space-4);flex-direction:column;display:flex}.qr{border-radius:var(--loyaa-radius-sm);background:#fff;width:220px;height:220px}.code{font:700 var(--loyaa-font-size-lg) var(--loyaa-font-heading);letter-spacing:.08em}.pill{background:var(--loyaa-palette-gold);color:var(--loyaa-palette-ink);font-weight:700;font-size:var(--loyaa-font-size-xs);border-radius:var(--loyaa-radius-pill);padding:4px 10px}.pointscard{color:#fff;padding:var(--loyaa-space-6) var(--loyaa-space-4);border-radius:20px;box-shadow:0 8px 24px #0003}.wide{max-width:none}.row{gap:var(--loyaa-space-3);align-items:center;display:flex}.tilt{perspective:900px}.tiltbox{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .12s linear}.flip{transform-style:preserve-3d;transition:transform var(--loyaa-motion-flip,.6s) var(--loyaa-motion-easing);display:grid}.flip[data-flipped=true]{transform:rotateY(180deg)}.face{backface-visibility:hidden;border-radius:20px;grid-area:1/1;position:relative}.face.back{background:var(--loyaa-color-card);border:1px solid var(--loyaa-color-line);padding:var(--loyaa-space-4);overflow:auto;transform:rotateY(180deg)}.sheen{pointer-events:none;background:radial-gradient(circle at var(--sx,50%) var(--sy,50%), #ffffff4d, transparent 55%);mix-blend-mode:soft-light;border-radius:20px;position:absolute;inset:0}.confetti{pointer-events:none;border-radius:20px;width:100%;height:100%;position:absolute;inset:0}.backface table.hours{border-collapse:collapse;width:100%;font-size:var(--loyaa-font-size-sm)}.backface .hours th{text-align:left;padding:3px 0;font-weight:600}.backface .hours td{text-align:right;font-variant-numeric:tabular-nums}.outletinfo{border-top:1px solid var(--loyaa-color-line);padding-top:var(--loyaa-space-3)}.outletinfo:first-of-type{border-top:0;padding-top:0}.backface .lo-btn{text-decoration:none}.backface a:not(.lo-btn){color:var(--loyaa-color-primary);font-weight:600}@media (prefers-reduced-motion:reduce){.tiltbox{transition:none;transform:none}.sheen,.confetti{display:none}.flip{transition:none;transform:none!important}.face{backface-visibility:visible;transition:opacity .2s linear}.face.back{opacity:0;transform:none}.flip[data-flipped=true] .face.back{opacity:1}.flip[data-flipped=true] .face.front{opacity:0}}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}