: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}*{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}