:root{font-size:100%;--bg: #f6f7f9;--surface: #ffffff;--border: #d4d8dd;--text: #1b1f24;--muted: #5b626b;--radius: 8px;--content-max: 480px;--vault: #0a6e57}*{box-sizing:border-box}html,body{margin:0}body{font-size:1rem;line-height:1.6;font-family:system-ui,-apple-system,Segoe UI,Noto Sans Thai,Roboto,sans-serif;color:var(--text);background:var(--bg);display:flex;flex-direction:column;min-height:100dvh}#root{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%}.app-shell{flex:1 1 auto;width:100%;max-width:var(--content-max);margin:0 auto;padding:1rem}.shield-strip{margin-top:auto;width:100%;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--vault);background:var(--surface);border-top:1px solid var(--border);text-align:center}button,a,select,[role=button]{min-height:44px}.scan-capture{display:flex;flex-direction:column;gap:.75rem;align-items:stretch}.scan-viewfinder{position:relative;width:100%;aspect-ratio:3 / 4;background:#000;border-radius:var(--radius);overflow:hidden}.scan-viewfinder__video{width:100%;height:100%;object-fit:cover;display:block}.scan-brackets{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:2px solid rgba(255,255,255,.85);border-radius:var(--radius);pointer-events:none}.scan-guidance{text-align:center;color:var(--muted);margin:0}.scan-review__preview{width:100%;border-radius:var(--radius);border:1px solid var(--border);display:block}.scan-btn{width:100%;padding:.625rem 1rem;font-size:1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.scan-btn--primary,.scan-btn--shutter{background:var(--text);color:var(--surface);border-color:var(--text)}.scan-btn:disabled{opacity:.6;cursor:default}.scan-fallback__heading{font-size:1.125rem;margin:0}.scan-fallback__instruction{color:var(--muted);margin:0}.scan-result__heading{text-align:center;margin:0 0 .75rem}.scan-file{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem;color:var(--muted)}.scan-file input[type=file]{min-height:44px}.scan-confirm{display:flex;flex-direction:column;gap:.5rem}.scan-confirm__heading{text-align:center;font-weight:600;color:var(--vault);margin:0 0 .25rem}.scan-confirm__preview{width:100%;border-radius:var(--radius);border:1px solid var(--border);display:block}.scan-confirm__label{font-weight:600;color:var(--text)}.scan-confirm__prompt{color:var(--muted);margin:0}.scan-confirm__input{width:100%;min-height:48px;padding:.625rem .75rem;font-size:1.125rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text)}.scan-confirm__input:focus-visible{outline:2px solid var(--vault);outline-offset:1px}.scan-confirm__input[aria-invalid=true]{border-color:var(--vault)}.scan-confirm__error{color:var(--text);margin:0}.scan-confirm__confirm{background:var(--vault);color:var(--surface);border-color:var(--vault)}.disclosure{display:flex;flex-direction:column;gap:1rem;min-height:0}.disclosure__scroll{overflow-y:auto;max-height:60vh;display:flex;flex-direction:column;gap:.75rem;padding-right:.25rem}.disclosure__controller{font-size:1.25rem;line-height:1.4;margin:0;color:var(--text)}.disclosure__controller:focus-visible{outline:2px solid var(--vault);outline-offset:2px}.disclosure__heading-eyebrow{font-size:.9375rem;font-weight:600;color:var(--muted);margin:0}.disclosure__intro{margin:0}.disclosure__section{border-top:1px solid var(--border);padding-top:.75rem;margin:0}.disclosure__section p{margin:.25rem 0 0}.disclosure__section-label{font-size:1rem;margin:0;color:var(--text)}.pdpa-draft{font-size:.8125rem;color:var(--muted);white-space:nowrap}.disclosure__toggles{border:0;border-top:1px solid var(--border);padding:.75rem 0 0;margin:0;display:flex;flex-direction:column;gap:.75rem}.consent-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.consent-row__text{display:flex;flex-direction:column;gap:.125rem}.consent-row__label{color:var(--text)}.consent-row__help{font-size:.8125rem;color:var(--muted)}.consent-switch{flex:0 0 auto;min-width:88px;min-height:44px;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer;justify-content:flex-start}.consent-switch.is-on{justify-content:flex-end;border-color:var(--vault);color:var(--vault)}.consent-switch__knob{font-size:1rem;line-height:1}.consent-switch__state{font-size:.8125rem;font-weight:600}.consent-switch:focus-visible{outline:2px solid var(--vault);outline-offset:2px}.disclosure__continue{display:flex;flex-direction:column;gap:.375rem}.disclosure__continue-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.disclosure__continue-note{font-size:.8125rem;color:var(--muted);text-align:center;margin:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.mall-accent-scope{--mall-accent: #6d28d9;--mall-accent-dark: #5b21b6;--mall-accent-tint: #f3eefc;--mall-accent-glow: rgba(109, 40, 217, .16);--amber: #b45309;--amber-tint: #fef3e2}.co-brand-header{width:100%}.co-brand-header__band{display:flex;align-items:center;gap:.75rem;min-height:8.75rem;padding:1rem;background:var(--mall-accent);border-radius:var(--radius)}.co-brand-header__logo{width:3rem;height:3rem;border-radius:var(--radius);object-fit:cover;background:#fff;flex:0 0 auto}.co-brand-header__logo--placeholder{display:inline-flex;align-items:center;justify-content:center;color:var(--mall-accent-dark);font-weight:700;font-size:1.5rem}.co-brand-header__name{color:#fff;font-size:1.125rem;font-weight:700}.co-brand-header__pill{margin-left:auto;padding:.25rem .625rem;border-radius:999px;background:#ffffff38;color:#fff;font-size:.8125rem;font-weight:600;white-space:nowrap}.reward-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;text-align:center;overflow:hidden}.reward-hero__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.reward-hero__burst{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.reward-hero__glow{position:absolute;top:30%;left:50%;width:14rem;height:14rem;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--mall-accent-glow) 0%,transparent 70%);animation:reward-glow .7s ease-out both}.reward-hero__rays{position:absolute;top:30%;left:50%;width:9rem;height:9rem;transform:translate(-50%,-50%);background:repeating-conic-gradient(from 0deg,var(--mall-accent-glow) 0deg 4deg,transparent 4deg 72deg);border-radius:50%;opacity:0;animation:rays .6s ease-out both}.reward-hero__coins,.reward-hero__confetti{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.reward-hero__coins{animation:coins .7s ease-out both}.reward-hero__confetti{animation:confetti .8s ease-out both}.reward-hero__figure{position:relative;z-index:1}.reward-hero__numeral{margin:0;color:#0f7a57;font-weight:300;font-size:4.375rem;line-height:1.1;letter-spacing:-.02em;animation:reward-pop .5s cubic-bezier(.22,1,.36,1) both}.reward-hero__numeral--text{font-size:1.75rem;font-weight:600}.reward-hero__plus{color:var(--mall-accent);font-weight:400;margin-right:.05em}.reward-hero__unit{margin-left:.35rem;font-size:1.5rem;font-weight:600;color:var(--text)}.reward-hero__secondary{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;z-index:1}.reward-hero__secondary-row{color:var(--muted);font-size:.9375rem}.scan-dedup{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;text-align:center}.scan-dedup__glyph{font-size:1.25rem;color:var(--muted)}.scan-dedup__heading{margin:0;color:var(--text);font-weight:600}.scan-brake{padding:.75rem 1rem;border-radius:var(--radius);background:var(--amber-tint);border:1px solid var(--amber);color:var(--amber);text-align:center;font-weight:600;margin:0}@keyframes reward-pop{0%{transform:scale(.82);opacity:0}to{transform:scale(1);opacity:1}}@keyframes reward-glow{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}60%{opacity:1}to{opacity:.7;transform:translate(-50%,-50%) scale(1)}}@keyframes count-up{0%{opacity:0}to{opacity:1}}@keyframes rays{0%{opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(0)}40%{opacity:.9}to{opacity:0;transform:translate(-50%,-50%) scale(1.1) rotate(18deg)}}@keyframes coins{0%{opacity:0;transform:translateY(-.5rem)}50%{opacity:1}to{opacity:0;transform:translateY(.75rem)}}@keyframes confetti{0%{opacity:0;transform:translateY(-1rem)}40%{opacity:1}to{opacity:0;transform:translateY(1rem)}}.parking-screen,.parking-slip,.parking-plate{display:flex;flex-direction:column;gap:.75rem;padding:1rem;max-width:var(--content-max);margin:0 auto}.parking-slip__heading,.parking-plate__heading{font-size:1.0625rem;font-weight:600;color:var(--text);margin:0}.parking-detail{display:flex;flex-direction:column;gap:.5rem;padding:1rem;max-width:var(--content-max);margin:0 auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.parking-detail--personal{background:var(--bg)}.parking-detail--mall{background:var(--surface)}.parking-detail__head{display:flex;align-items:center;gap:.5rem}.parking-detail__dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--vault);flex:0 0 auto}.parking-detail__heading{font-size:1.0625rem;font-weight:600;color:var(--text)}.parking-detail__line{font-size:1rem;color:var(--text);margin:0}.parking-detail__session,.parking-detail__honesty,.parking-plate__note{font-size:.8125rem;color:var(--muted);margin:0}.parking-detail__voucher{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.parking-detail__voucher-label{font-size:.8125rem;color:var(--muted)}.parking-detail__code{font-size:1.25rem;font-weight:700;letter-spacing:.08em;color:var(--text);font-family:ui-monospace,monospace;word-break:break-all}.parking-btn{min-height:48px;padding:.75rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1rem;cursor:pointer}.parking-btn--primary{background:var(--vault);border-color:var(--vault);color:#fff}.parking-btn--ghost,.parking-btn--consume{background:transparent}.vault-surface{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:var(--content-max);margin:0 auto;padding:1rem}.vault-title{font-size:1.25rem;margin:0;color:var(--text)}.vault-subtitle{font-size:.9375rem;margin:0;color:var(--muted)}.vault-filter{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.vault-filter__field{display:flex;flex-direction:column;gap:.25rem}.vault-filter__row{display:flex;gap:.5rem}.vault-filter__row .vault-filter__field{flex:1}.vault-filter__label{font-size:.8125rem;color:var(--muted)}.vault-filter__hint{font-size:.75rem;color:var(--muted)}.vault-filter input,.vault-filter select{min-height:44px;font-size:1rem;padding:0 .625rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.vault-filter__actions{display:flex;gap:.5rem}.vault-filter__actions button{flex:1}.vault-insight{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.vault-insight__heading{font-size:1rem;font-weight:600;margin:0;color:var(--text)}.vault-insight__subtitle{font-size:.8125rem;margin:0;color:var(--muted)}.vault-insight__period{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.5rem}.vault-insight__field{display:flex;flex:1;flex-direction:column;gap:.25rem}.vault-insight__label{font-size:.8125rem;color:var(--muted)}.vault-insight input{min-height:44px;font-size:1rem;padding:0 .625rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.vault-insight__apply{flex:1}.vault-insight__error{font-size:.875rem;margin:0;color:var(--muted)}.vault-insight__result{display:flex;flex-direction:column;gap:.5rem}.vault-insight__hero{display:flex;justify-content:space-between;gap:1rem;margin:0;padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.vault-insight__hero-row dt{font-size:.8125rem;color:var(--muted)}.vault-insight__hero-row dd{margin:0;font-size:1.125rem;font-weight:600;color:var(--vault)}.vault-insight__section{font-size:.875rem;font-weight:600;margin:.25rem 0 0;color:var(--text)}.vault-insight__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.vault-insight__row{display:flex;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.vault-insight__row-label{color:var(--text)}.vault-insight__row-amount{font-weight:600;color:var(--text)}.vault-insight__row-count{font-size:.8125rem;color:var(--muted)}.vault-insight__empty{font-size:.875rem;margin:0;color:var(--muted)}.vault-balances{display:flex;gap:1rem;margin:0;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.vault-balance dt{font-size:.8125rem;color:var(--muted)}.vault-balance dd{margin:0;font-size:1.125rem;font-weight:600;color:var(--vault)}.vault-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.vault-row{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.vault-row__main{display:flex;justify-content:space-between;gap:.5rem}.vault-row__merchant{font-size:1rem;color:var(--text)}.vault-row__amount{font-size:1rem;font-weight:600;color:var(--text)}.vault-row__meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.8125rem;color:var(--muted)}.vault-row__view,.vault-more{align-self:flex-start;min-height:44px;padding:.5rem .875rem;margin-top:.25rem;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--vault);font-size:.9375rem;cursor:pointer}.vault-empty,.vault-loading{font-size:.9375rem;color:var(--muted);padding:1rem 0}.vault-error{font-size:.9375rem;color:#9b1c1c}.vault-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000d9;padding:1rem;z-index:10}.vault-lightbox__img{max-width:100%;max-height:90vh;object-fit:contain}.vault-lightbox__close{position:absolute;top:.75rem;right:.75rem;min-width:44px;min-height:44px;border:none;border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:1rem;cursor:pointer}.vault-data-rights{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--border)}.vault-data-rights__heading{font-size:.9375rem;margin:0 0 .25rem;color:var(--text)}.vault-data-rights__link{display:flex;align-items:center;min-height:44px;padding:.5rem 0;color:var(--vault);font-size:.9375rem;text-decoration:underline}button.vault-data-rights__link{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:none;border:0;font-family:inherit;text-align:left;cursor:pointer}