*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}:root{--m-ink:#1f1f1f;--m-muted:#8a8a8a;--m-paper:#f5f5f5;--m-card:#fff;--m-line:#eeecea;--m-pink:#e8367d;--m-pink-deep:#c4225f;--m-tint:#fce4ec;--m-ok:#2e7d32;--m-ok-soft:#e8f5e9;--m-warn:#e65100;--m-warn-soft:#fff3e0;--m-danger:#b71c1c;--m-danger-soft:#fdecea;--c1:#e8367d;--c2:#f28b30;--c3:#f7c948;--c4:#6bb26a;--c5:#4fa8b8;--c6:#3e6f8e;--c7:#6b3f75;--t1:#fce4ec;--t2:#fde7d3;--t3:#fdf3cc;--t4:#e1f0df;--t5:#dceef1;--t6:#dce7ee;--t7:#e9ddec;--m-font:"Prompt", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", "PingFang TC", "Microsoft JhengHei", Roboto, sans-serif;--m-radius:16px;--m-tabbar-h:60px}.m-page{width:100%;max-width:480px;min-height:100dvh;font-family:var(--m-font);color:var(--m-ink);font-variant-numeric:tabular-nums;flex-direction:column;align-self:center;padding:20px 20px 48px;display:flex}.m-shell{flex-direction:column;align-items:center;width:100%;display:flex}.m-page-tabbed{padding-bottom:calc(var(--m-tabbar-h) + 28px + env(safe-area-inset-bottom))}.m-page-tabbed>.m-page{width:100%;min-height:0;padding:0}.m-topbar{justify-content:space-between;align-items:center;min-height:34px;margin-bottom:20px;display:flex}.m-brandbar{margin-bottom:16px}.m-logo-h{width:auto;height:30px;display:block}.m-subbar{grid-template-columns:40px 1fr 40px;align-items:center;min-height:40px;margin-bottom:14px;display:grid}.m-subtitle{text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.m-backbtn{background:var(--m-card);width:40px;height:40px;color:var(--m-ink);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;box-shadow:0 1px 3px #0000000f}.m-backbtn:active{background:var(--m-tint)}.m-card{background:var(--m-card);border-radius:var(--m-radius);margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000000d}.m-list{padding:6px 16px}.m-list>.m-row{border-top:1px solid var(--m-line);padding:10px 0}.m-list>.m-row:first-child{border-top:0}.m-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.m-tiles{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.m-tile{background:var(--m-card);color:inherit;border-radius:14px;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex;box-shadow:0 1px 3px #0000000d}.m-tile-body{flex-direction:column;min-width:0;line-height:1.1;display:flex}.m-tile-n{font-size:24px;font-weight:600}.m-tile-l{color:var(--m-muted);margin-top:3px;font-size:12px}.m-tile .m-row-chev{margin-left:auto}.m-rows{background:var(--m-card);border-radius:var(--m-radius);margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.m-row-item{border:0;border-top:1px solid var(--m-line);width:100%;color:var(--m-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:12px;min-height:56px;padding:12px 16px;text-decoration:none;display:flex}.m-row-item:first-child{border-top:0}.m-row-item.static{cursor:default}.m-row-item:not(.static):active{background:var(--m-paper)}.m-row-label{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:15px;display:flex}.m-row-sub{color:var(--m-muted);font-size:12px}.m-row-value{color:var(--m-muted);white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:flex}.m-row-chev{color:#c4c0bc;flex:none}.m-row-check{color:var(--m-pink);flex:none}.m-ico{width:34px;height:34px;color:var(--m-pink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.m-ico.t1{background:var(--t1)}.m-ico.t2{background:var(--t2)}.m-ico.t3{background:var(--t3)}.m-ico.t4{background:var(--t4)}.m-ico.t5{background:var(--t5)}.m-ico.t6{background:var(--t6)}.m-ico.t7{background:var(--t7)}.m-ico.plain{color:var(--m-muted)}.m-label{color:var(--m-muted);margin:12px 0 6px;font-size:13px;display:block}.m-hint{color:var(--m-muted);margin-top:6px;font-size:12px}.m-hint-inline{color:var(--m-muted)}.m-link{color:var(--m-pink);font-size:14px;text-decoration:none}.m-meta{margin-top:10px}.m-orderid{opacity:.7;letter-spacing:.02em;font-size:11px}.m-empty{text-align:center;color:var(--m-muted);flex-direction:column;align-items:center;gap:12px;padding:40px 16px 24px;font-size:14px;display:flex}.m-empty-icon{color:var(--m-pink)}.m-empty-sm{color:var(--m-muted);align-items:center;gap:10px;font-size:14px;display:flex}.m-input,.m-select{background:var(--m-card);width:100%;color:var(--m-ink);border:1px solid #ddd;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:16px}.m-input:focus,.m-select:focus{border-color:var(--m-pink);outline:none}.m-field{position:relative}.m-field>.m-input{padding-left:42px}.m-field-icon{color:var(--m-muted);pointer-events:none;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.m-field.has-trail>.m-input{padding-right:46px}.m-field.no-lead>.m-input{padding-left:14px}.m-consent .box svg{opacity:0}.m-consent input:checked+.box svg{opacity:1}.m-field-trail{width:36px;height:36px;color:var(--m-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.m-date-wrap{position:relative}.m-input.m-date{appearance:none;text-align:left;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='16' rx='2'/><path d='M3 10h18M8 3v4M16 3v4'/></svg>") right 14px center/20px 20px no-repeat;min-height:48px;padding-right:44px;line-height:1.2;display:block;position:relative}.m-input.m-date::-webkit-date-and-time-value{text-align:left}.m-input.m-date::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}@supports (-webkit-touch-callout:none){.m-date-wrap[data-empty=true]:before{content:attr(data-placeholder);color:#aaa;pointer-events:none;font-size:16px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}}.m-btn{cursor:pointer;width:100%;color:var(--m-ink);-webkit-tap-highlight-color:transparent;background:#eee;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:14px;padding:13px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.m-btn:disabled{opacity:.45;cursor:default}.m-btn:not(:disabled):active{transform:scale(.98)}.m-btn-primary{background:var(--m-pink);color:#fff}.m-btn-line{color:#fff;background:#06c755}.m-btn-ghost{color:var(--m-pink);background:0 0}.m-btn-sm{border-radius:999px;width:auto;margin:0;padding:8px 16px;font-size:14px}.m-btn-auto{width:auto;padding-left:20px;padding-right:20px}.m-btn-icon{border-radius:4px;width:20px;height:20px}.m-iconbtn{color:#b5b0ac;cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.m-iconbtn:active{background:var(--m-paper)}.m-textbtn{color:var(--m-pink);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.m-logout{color:var(--m-danger);font-weight:600;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:20px auto 0;padding:10px 16px;display:inline-flex}.m-error{background:var(--m-danger-soft);color:var(--m-danger);border-radius:10px;margin-top:12px;padding:10px 14px;font-size:14px}.m-success{background:var(--m-ok-soft);color:var(--m-ok);border-radius:10px;margin-top:12px;padding:10px 14px;font-size:14px}.m-toast{left:50%;bottom:calc(var(--m-tabbar-h) + 16px + env(safe-area-inset-bottom));background:var(--m-ink);color:#fff;z-index:30;text-align:center;border-radius:999px;max-width:90vw;padding:10px 18px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0000002e}.m-chip{background:var(--m-tint);color:var(--m-pink);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.m-chip.ok{background:var(--m-ok-soft);color:var(--m-ok)}.m-chip.grey{color:#777;background:#eee}.m-chip.warn{background:var(--m-warn-soft);color:var(--m-warn)}.m-badge{border-radius:999px;padding:3px 10px;font-size:12px}.m-badge-ok{background:var(--m-ok-soft);color:var(--m-ok)}.m-badge-warn{background:var(--m-warn-soft);color:var(--m-warn)}.m-album-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.m-tile-photo{aspect-ratio:3/4;background:#edebe8;border-radius:12px;display:block;position:relative;overflow:hidden}.m-tile-photo img{object-fit:cover;width:100%;height:100%;display:block}.m-tile-empty{color:#c9c4c0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.m-tile-date{color:#333;background:#ffffffeb;border-radius:999px;padding:2px 8px;font-size:11px;position:absolute;bottom:8px;left:8px}.m-tile-add{aspect-ratio:3/4;color:var(--m-muted);font:inherit;cursor:pointer;background:0 0;border:1.5px dashed #c9c4c0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex}.m-tile-add:active{background:var(--m-card)}.m-stamps{grid-template-columns:repeat(5,1fr);gap:10px 6px;margin:14px 0 10px;display:grid}.m-stamp{color:#dad6d2;border:2px dashed #dad6d2;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto;display:flex;position:relative}.m-stamp.ms{color:#f3b8cf;border-color:#f3b8cf}.m-stamp.on{color:#fff;border-style:solid;border-width:0}.m-stamp.on:not(.ms):after{content:"";background:#fff;border-radius:50%;width:12px;height:12px}.m-stamp.c1.on{background:var(--c1)}.m-stamp.c2.on{background:var(--c2)}.m-stamp.c3.on{background:var(--c3)}.m-stamp.c4.on{background:var(--c4)}.m-stamp.c5.on{background:var(--c5)}.m-stamp.c6.on{background:var(--c6)}.m-stamp.c7.on{background:var(--c7)}.m-stamp-next{color:var(--m-pink);font-size:14px;font-weight:600}.m-tier{font-size:15px}.m-gift-label{align-items:center;gap:10px;min-width:0;font-size:15px;display:flex}.m-ticket{background:var(--m-card);border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 14px;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.m-ticket:before,.m-ticket:after{content:"";background:var(--m-paper);border-radius:50%;width:14px;height:14px;position:absolute;left:66px}.m-ticket:before{top:-7px}.m-ticket:after{bottom:-7px}.m-ticket-amt{width:52px;color:var(--m-pink);flex:none;font-size:20px;font-weight:600}.m-ticket-body{flex-direction:column;flex:1;min-width:0;display:flex}.m-ticket-code{letter-spacing:.08em;font-size:16px;font-weight:600}.m-ticket.used,.m-ticket.expired,.m-ticket.disabled{opacity:.55}.m-balance{margin-bottom:12px;padding:4px 2px}.m-balance-label{color:var(--m-muted);align-items:center;gap:8px;font-size:14px;display:flex}.m-balance-label .m-ico{width:28px;height:28px}.m-balance-n{color:var(--m-pink);font-size:26px;font-weight:600}.m-amount{white-space:nowrap;font-size:15px;font-weight:600}.m-amount.pos{color:var(--m-ok)}.m-amount.neg{color:var(--m-danger)}.m-amount.zero{color:var(--m-muted);font-weight:400}.m-seg{background:var(--m-card);border-radius:10px;margin-bottom:10px;padding:3px;display:flex;box-shadow:0 1px 3px #0000000d}.m-seg-btn{color:var(--m-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:14px;display:flex}.m-seg-btn.on{background:var(--m-tint);color:var(--m-pink);font-weight:600}.m-media{border-radius:var(--m-radius);background:#000;overflow:hidden}.m-media-photo{width:100%;display:block}.m-media-video{background:#000;width:100%;max-height:70vh;display:block}.m-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 4px;display:grid}.m-act{background:var(--m-card);font:inherit;color:var(--m-ink);cursor:pointer;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-height:62px;padding:10px 4px 8px;font-size:12px;text-decoration:none;display:flex;box-shadow:0 1px 3px #0000000d}.m-act>svg{color:var(--m-pink)}.m-act.ready{background:var(--m-ok);color:#fff}.m-act.ready>svg{color:#fff}.m-act.busy{opacity:.7}.m-act:disabled{cursor:default}.m-share-url{word-break:break-all;background:var(--m-paper);color:#555;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:12px}.m-me-head{align-items:center;gap:14px;margin:2px 0 16px;display:flex}.m-avatar{object-fit:cover;background:var(--m-tint);width:52px;height:52px;color:var(--m-pink);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:22px;font-weight:600;display:flex}.m-me-name{font-size:17px;font-weight:600}.m-me-email{color:var(--m-muted);align-items:center;gap:4px;min-width:0;margin-top:2px;font-size:13px;display:flex}.m-me-email .ok{color:var(--m-ok);flex:none}.m-line-badge{color:#fff;letter-spacing:.02em;background:#06c755;border-radius:5px;padding:3px 5px;font-size:9px;font-weight:700}.m-langpill{font:inherit;background:var(--m-card);color:#555;cursor:pointer;border:1px solid #ddd;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:inline-flex}.m-aperture{background:conic-gradient(var(--c1) 0 51deg, var(--c2) 51deg 103deg, var(--c3) 103deg 154deg, var(--c4) 154deg 206deg, var(--c5) 206deg 257deg, var(--c6) 257deg 309deg, var(--c7) 309deg 360deg);border-radius:50%;width:56px;height:56px;margin:4px auto 12px;-webkit-mask:radial-gradient(circle,#0000 0 17%,#000 19% 31%,#0000 33% 37%,#000 39%);mask:radial-gradient(circle,#0000 0 17%,#000 19% 31%,#0000 33% 37%,#000 39%)}.m-valueicons{text-align:center;color:var(--m-muted);grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 16px;font-size:12px;display:grid}.m-valueicons>div{flex-direction:column;align-items:center;gap:4px;display:flex}.m-valueicons svg{color:var(--m-pink)}.m-or{color:#bbb;align-items:center;gap:8px;margin:14px 0 4px;font-size:12px;display:flex}.m-or:before,.m-or:after{content:"";background:#eee;flex:1;height:1px}.m-emailchip{background:var(--m-tint);color:var(--m-ink);border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 12px 6px 10px;font-size:13px;display:inline-flex}.m-emailchip>svg{color:var(--m-pink);flex:none}.m-emailchip .addr{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-step-title{margin-top:14px;font-size:17px;font-weight:600}.m-consent{cursor:pointer;align-items:flex-start;gap:10px;margin-top:14px;font-size:13px;display:flex}.m-consent input{opacity:0;width:0;height:0;position:absolute}.m-consent .box{background:var(--m-card);color:#fff;border:1.5px solid #ccc;border-radius:6px;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;display:flex}.m-consent input:checked+.box{background:var(--m-pink);border-color:var(--m-pink)}.m-consent input:focus-visible+.box{outline:2px solid var(--m-pink);outline-offset:2px}.m-suggest{color:var(--m-warn)}.m-reset-big{background:var(--m-tint);color:var(--m-pink-deep)}.m-landing{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;display:flex}.m-landing-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.m-landing-icon.ok{background:var(--m-ok-soft);color:var(--m-ok)}.m-landing-icon.bad{background:var(--m-warn-soft);color:var(--m-warn)}.m-landing h2{font-size:18px;font-weight:600}.m-logo-area{justify-content:center;align-items:center;padding:4px 0 20px;display:flex}.m-logo-wide{object-fit:contain;width:auto;max-width:100%;height:72px}.m-join{background:var(--m-tint);color:var(--m-pink-deep);text-align:center;font-size:14px;font-weight:600;text-decoration:none;display:block}.m-rules{flex-direction:column;display:flex}.m-rule{border-top:1px solid var(--m-line);align-items:flex-start;gap:12px;padding:10px 0;font-size:13px;display:flex}.m-rule:first-child{border-top:0;padding-top:4px}.m-rule>div{flex-direction:column;gap:2px;min-width:0;display:flex}.m-rule b{font-size:14px;font-weight:600}.m-rule span{color:var(--m-muted)}.m-sheet-root{z-index:40;font-family:var(--m-font);color:var(--m-ink);position:fixed;inset:0}.m-sheet-dim{background:#00000059;position:absolute;inset:0}.m-sheet{background:var(--m-card);max-width:480px;padding:10px 20px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;max-height:85dvh;margin:0 auto;position:absolute;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 30px #0000001f}.m-sheet-grab{background:#ddd;border-radius:4px;width:36px;height:4px;margin:0 auto 10px}.m-sheet-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.m-sheet-title{font-size:16px;font-weight:600}.m-sheet-body{font-size:14px}.m-sheet-body .m-btn{margin-top:16px}.m-sheet-enter-active,.m-sheet-leave-active{transition:opacity .18s}.m-sheet-enter-active .m-sheet,.m-sheet-leave-active .m-sheet{transition:transform .22s}.m-sheet-enter-from,.m-sheet-leave-to{opacity:0}.m-sheet-enter-from .m-sheet,.m-sheet-leave-to .m-sheet{transform:translateY(24px)}@media (prefers-reduced-motion:reduce){.m-sheet-enter-active,.m-sheet-leave-active,.m-sheet-enter-active .m-sheet,.m-sheet-leave-active .m-sheet{transition:none}.m-btn:not(:disabled):active{transform:none}}.m-tabbar{z-index:20;background:var(--m-card);border-top:1px solid var(--m-line);padding-bottom:env(safe-area-inset-bottom);font-family:var(--m-font);position:fixed;bottom:0;left:0;right:0}.m-tabbar-inner{max-width:480px;height:var(--m-tabbar-h);margin:0 auto;display:flex}.m-tab-item{color:#9e9e9e;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.m-tab-item.active{color:var(--m-pink)}.m-page :is(a,button,input,select):focus-visible{outline:2px solid var(--m-pink);outline-offset:2px}