:root{--content-max:1280px;--fitup-red-900:#7b0103;--fitup-red-700:#b90810;--fitup-red-600:#de2826;--fitup-red-500:#c74c3f;--fitup-red-200:#f8d3d3;--fitup-red-100:#fce9e9;--fitup-orange:#f18230;--fitup-blue:#2aace2;--fitup-purple:#91288d;--fitup-green-2:#33b15b;--neutral-0:#fff;--neutral-5:#fafafa;--neutral-10:#f5f5f5;--neutral-15:#f1f1f1;--neutral-20:#eee;--neutral-30:#e3e2e2;--neutral-40:#dadada;--neutral-50:#bcbcbc;--neutral-60:#8e8e8e;--neutral-70:#666;--neutral-80:#494545;--neutral-85:#313030;--neutral-90:#1f1f1f;--neutral-95:#1c1b1f;--neutral-100:#000;--surface-page:#fafafa;--surface-card:#fff;--surface-card-alt:#fcfcfc;--surface-inverse:#1c1b1f;--surface-overlay:#1d192b8c;--chrome-bg:#181818;--fg-primary:#000000e0;--fg-secondary:#000000a6;--fg-tertiary:#00000073;--fg-disabled:#0000004d;--fg-on-brand:#fff;--border-subtle:#0000000f;--border-default:#eee;--border-strong:#dadada;--border-focus:#de2826;--primary:#de2826;--primary-hover:#b71c1c;--primary-pressed:#b90810;--primary-container:#fce9e9;--primary-border:#b9081038;--primary-border-strong:#b908104d;--on-primary:#fff;--on-primary-container:#7b0103;--success:#33b15b;--success-bg:#e6f4ea;--success-fg:#1b5e20;--warning:#f18230;--warning-bg:#fdeedd;--warning-fg:#9b520b;--info:#2aace2;--info-bg:#e1f3fb;--info-fg:#0f4c5c;--accent-purple-bg:#f6e6f5;--accent-purple-fg:#6b1d68;--viz-1:#b90810;--viz-2:#f18230;--viz-3:#2aace2;--viz-4:#91288d;--viz-5:#33b15b;--viz-track:#0000000f;--shadow-color:#00000026;--shadow-color-strong:#0000004d;--state-layer:#0000001f;--scroll-thumb:#0000002e;--shadow-1:0 1px 4px 0 var(--shadow-color);--shadow-2:0 2px 6px 0 var(--shadow-color),0 1px 2px 0 #00000014;--shadow-3:0 4px 10px 0 var(--shadow-color),0 2px 4px 0 #00000014;--shadow-4:0 8px 20px 0 var(--shadow-color-strong),0 4px 6px 0 #00000014;--shadow-5:0 16px 32px 0 var(--shadow-color-strong);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:9999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--control-h-sm:32px;--control-h-md:40px;--control-h-lg:48px;--control-h-xl:56px;--font-display:"Anuphan",system-ui,sans-serif;--font-body:"Anuphan",system-ui,sans-serif;--display-md:45px / 52px;--display-sm:36px / 44px;--headline-lg:32px / 40px;--headline-md:28px / 36px;--headline-sm:24px / 32px;--title-lg:22px / 28px;--title-md:16px / 24px;--title-sm:14px / 20px;--body-lg:16px / 24px;--body-md:14px / 20px;--body-sm:12px / 16px;--label-lg:14px / 20px;--label-md:12px / 16px;--label-sm:11px / 16px;--tracking-label:.1px;--tracking-body:.25px}[data-theme=dark]{--surface-page:#121215;--surface-card:#1c1c20;--surface-card-alt:#232328;--surface-inverse:#fff;--surface-overlay:#000000a8;--chrome-bg:#0d0d10;--fg-primary:#ffffffeb;--fg-secondary:#ffffffb3;--fg-tertiary:#ffffff80;--fg-disabled:#ffffff57;--border-subtle:#ffffff14;--border-default:#ffffff1c;--border-strong:#ffffff38;--border-focus:#ff6a60;--primary:#de2826;--primary-hover:#b71c1c;--primary-pressed:#b90810;--primary-container:#e5443c2e;--primary-border:#e5443c52;--primary-border-strong:#e5443c7a;--on-primary-container:#ff9e98;--success:#4fc97a;--success-bg:#4fc97a29;--success-fg:#8fe3ac;--warning:#f4a261;--warning-bg:#f4a26129;--warning-fg:#f7c79b;--info:#4fbee8;--info-bg:#4fbee829;--info-fg:#9cdcf4;--accent-purple-bg:#c77bc329;--accent-purple-fg:#d9a5d6;--fitup-purple:#c77bc3;--viz-1:#e5443c;--viz-2:#f4a261;--viz-3:#4fbee8;--viz-4:#c77bc3;--viz-5:#4fc97a;--viz-track:#ffffff1a;--shadow-color:#0000008c;--shadow-color-strong:#000000b8;--state-layer:#ffffff1f;--scroll-thumb:#ffffff38;--neutral-90:#ededed;--neutral-80:#cfcfcf;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--surface-page);color:var(--fg-primary);font:400 var(--body-lg) var(--font-body);letter-spacing:var(--tracking-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}button{font:inherit;cursor:pointer}a{color:var(--primary);text-decoration:none}.ms{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-family:Material Symbols Rounded;font-style:normal;font-weight:400;line-height:1;display:inline-block}.ms.f{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.screen{gap:var(--space-4);max-width:480px;min-height:100dvh;padding:0 var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.appbar{z-index:2;align-items:center;gap:var(--space-2);min-height:56px;margin:0 calc(-1 * var(--space-4));padding:env(safe-area-inset-top) var(--space-2) 0;background:var(--surface-page);display:flex;position:sticky;top:0}.appbar h1{text-align:center;font:700 var(--title-md) var(--font-display);flex:1;margin:0}.appbar .spacer{width:40px}.icon-btn{width:40px;height:40px;color:var(--fg-primary);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icon-btn:active{background:var(--state-layer)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-4)}.stack{gap:var(--space-3);flex-direction:column;display:flex}.center{text-align:center}.muted{color:var(--fg-tertiary)}.btn{width:100%;height:var(--control-h-lg);padding:0 var(--space-6);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--primary);color:var(--on-primary);font:500 var(--label-lg) var(--font-body);letter-spacing:var(--tracking-label);border:0;display:inline-flex}.btn:active{background:var(--primary-pressed)}.btn:disabled{background:var(--state-layer);color:var(--fg-disabled);cursor:default}.btn.ghost{background:var(--surface-card);color:var(--fg-secondary);border:1px solid var(--border-strong)}.btn.ghost:active{background:var(--surface-page)}.btn.tonal{background:var(--primary-container);color:var(--on-primary-container)}.btn.tonal:active{background:var(--primary-border)}.btn.text{width:auto;height:40px;padding:0 var(--space-3);color:var(--primary);background:0 0}.btn.text:disabled{color:var(--fg-disabled);background:0 0}.pill{border-radius:var(--radius-pill);height:26px;font:500 12.5px/1 var(--font-body);letter-spacing:.1px;white-space:nowrap;align-items:center;padding:0 12px;display:inline-flex}.pill.active{background:var(--success-bg);color:var(--success-fg)}.pill.warn{background:var(--warning-bg);color:var(--warning-fg)}.pill.danger{background:var(--primary-container);color:var(--on-primary-container)}.pill.info{background:var(--info-bg);color:var(--info-fg)}.pill.neutral{background:var(--border-default);color:var(--neutral-80)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field .lbl{font:500 var(--label-lg) var(--font-body);color:var(--fg-secondary)}.field .hint{font:400 var(--body-sm) var(--font-body);color:var(--fg-tertiary)}.input{width:100%;height:var(--control-h-xl);padding:0 var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-card);color:var(--fg-primary);font:400 var(--body-lg) var(--font-body);outline:none}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-container)}.input.otp{text-align:center;font:700 30px/1 var(--font-display);letter-spacing:.45em;padding-left:calc(var(--space-4) + .45em)}.note{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font:400 var(--body-md) var(--font-body);align-items:flex-start;display:flex}.note.error{background:var(--primary-container);color:var(--on-primary-container)}.note.info{background:var(--info-bg);color:var(--info-fg)}.note .ms{flex:none;font-size:20px}.hero{gap:var(--space-4);align-items:center;display:flex}.avatar{object-fit:cover;background:var(--primary-container);width:56px;height:56px;color:var(--on-primary-container);font:700 20px/1 var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.hero .who{flex:1;min-width:0}.hero .name{font:700 var(--title-lg) var(--font-display);overflow-wrap:anywhere}.hero .code{color:var(--fg-tertiary);margin-top:2px;font-size:13px}.eyebrow{margin-top:var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.eyebrow h2{font:700 var(--label-md) var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-secondary);margin:0}.eyebrow span{color:var(--fg-tertiary);font-size:12px}.tile{text-align:left;width:100%;color:inherit;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-1);display:flex}.tile:active{background:var(--surface-card-alt)}.tile .glyph{border-radius:var(--radius-md);background:var(--primary-container);width:44px;height:44px;color:var(--primary);flex:none;place-items:center;display:grid}.tile .glyph .ms{font-size:24px}.tile .txt{flex:1;min-width:0}.tile .title{font:500 var(--title-md) var(--font-body)}.tile .sub{color:var(--fg-tertiary);font-size:13px}.tile.off .glyph{background:var(--warning-bg);color:var(--warning-fg)}.pkg{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card)}.pkg .row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.pkg .name{font:500 var(--title-md) var(--font-body)}.pkg .meta{margin-top:var(--space-1);color:var(--fg-tertiary);font-size:13px}.bar{height:6px;margin-top:var(--space-3);border-radius:var(--radius-pill);background:var(--viz-track);overflow:hidden}.bar>span{border-radius:inherit;background:var(--primary);height:100%;display:block}.qr-box{width:240px;height:240px;padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);background:#fff;place-items:center;margin:0 auto;transition:box-shadow .2s;display:grid}.qr-box.bright{box-shadow:0 0 0 6px #fffffff2, var(--shadow-3)}.blocked{text-align:center;padding:var(--space-8) var(--space-4) var(--space-6)}.blocked .ms{color:var(--warning);font-size:44px}.blocked p{margin:var(--space-3) auto 0;max-width:280px;color:var(--fg-secondary)}.row-btns{gap:var(--space-3);justify-content:center;display:flex}.row-btns .btn{width:auto;height:40px;padding:0 var(--space-4);font-size:13px}.scrim{z-index:10;background:var(--surface-overlay);align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;padding:var(--space-6) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom));background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-5);margin:0 auto}.sheet h3{margin:0 0 var(--space-2);font:700 var(--title-lg) var(--font-display)}.sheet p{margin:0 0 var(--space-6);color:var(--fg-secondary)}.sheet .actions{gap:var(--space-3);display:flex}.loading{min-height:100dvh;color:var(--fg-tertiary);place-items:center;display:grid}.spin{width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.footer{padding-top:var(--space-8);text-align:center;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-tertiary);margin-top:auto;font-size:11px}.contact{gap:var(--space-3) var(--space-4);color:var(--fg-secondary);flex-wrap:wrap;justify-content:center;font-size:13px;display:flex}.contact a{color:var(--primary);align-items:center;gap:4px;display:inline-flex}.with-nav .screen{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.bottomnav{z-index:3;max-width:480px;padding:var(--space-1) 0 calc(var(--space-1) + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--border-subtle);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottomnav a{padding:var(--space-1) 0;color:var(--fg-tertiary);flex-direction:column;align-items:center;gap:2px;font-size:11px;text-decoration:none;display:flex}.bottomnav a.on{color:var(--primary)}.bottomnav a:active{background:var(--state-layer)}.daystrip,.chiprow{gap:var(--space-2);margin:0 calc(-1 * var(--space-4));padding:var(--space-1) var(--space-4);scrollbar-width:none;display:flex;overflow-x:auto}.daystrip::-webkit-scrollbar{display:none}.chiprow::-webkit-scrollbar{display:none}.day{width:52px;padding:var(--space-2) 0;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-card);color:var(--fg-secondary);flex-direction:column;flex:none;align-items:center;gap:2px;display:flex}.day .dow{font-size:11px}.day .num{font:700 var(--title-md) var(--font-display)}.day.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.chip{height:34px;padding:0 var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);color:var(--fg-secondary);font:500 var(--label-lg) var(--font-body);flex:none}.chip.on{background:var(--primary-container);border-color:var(--primary-border);color:var(--on-primary-container)}.sched{text-align:left;width:100%;color:inherit;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-1);display:flex}.sched:active{background:var(--surface-card-alt)}.sched .when{flex-direction:column;flex:none;width:52px;display:flex}.sched .when b{font:700 var(--title-md) var(--font-display)}.sched .when small{color:var(--fg-tertiary);font-size:11px}.sched .txt{flex-direction:column;flex:1;min-width:0;display:flex}.sched .title,.card>.row-between .title{font:500 var(--title-md) var(--font-body)}.sched .sub{color:var(--fg-tertiary);overflow-wrap:anywhere;font-size:13px}.row-between{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.eyebrow-plain{color:var(--fg-tertiary);font-size:13px}.when-big{font:700 var(--title-lg) var(--font-display)}.facts{gap:var(--space-2);color:var(--fg-secondary);flex-direction:column;font-size:14px;display:flex}.facts span{align-items:center;gap:var(--space-2);display:flex}.facts .ms{color:var(--fg-tertiary)}.desc{white-space:pre-wrap;color:var(--fg-secondary);margin:0;font-size:14px}.segmented{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--neutral-15);grid-template-columns:1fr 1fr;display:grid}.segmented button{border-radius:var(--radius-pill);height:36px;color:var(--fg-secondary);font:500 var(--label-lg) var(--font-body);background:0 0;border:0}.segmented button.on{background:var(--surface-card);color:var(--fg-primary);box-shadow:var(--shadow-1)}.cls-all{align-self:flex-start}.fac-card.cls-card>img,.fac-card.cls-card>.ph{aspect-ratio:16/9;height:auto}.cls-card .body{gap:var(--space-2);flex-direction:column;display:flex}.cls-card .pills{justify-content:flex-start}.cls-card .clamp2{color:var(--fg-tertiary);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;display:-webkit-box;overflow:hidden}.pt-face{object-fit:cover;background:var(--primary-container);width:44px;height:44px;color:var(--on-primary-container);font:700 15px/1 var(--font-display);border-radius:50%;flex:none;place-items:center;display:grid}.slots{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.slot{border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--surface-card);height:44px;color:var(--fg-primary);font:500 var(--body-md) var(--font-body)}.slot:disabled{background:var(--surface-page);border-color:var(--border-subtle);color:var(--fg-disabled);cursor:default}.slot.on{background:var(--primary-container);border-color:var(--primary-border-strong);color:var(--on-primary-container);font-weight:700}.slots+.hint{margin-top:var(--space-2);color:var(--fg-tertiary);font-size:12px}.bk{padding:var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card)}.bk .row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.bk .when{font:500 var(--title-md) var(--font-body)}.bk .meta{margin-top:var(--space-1);color:var(--fg-tertiary);overflow-wrap:anywhere;font-size:13px}.bk .btn.ghost{margin-top:var(--space-3);height:var(--control-h-md)}.small{font-size:13px}.pills{gap:var(--space-1);flex-wrap:wrap;justify-content:flex-end;display:flex}.fac-card{color:inherit;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-card);box-shadow:var(--shadow-1);text-decoration:none;display:block;overflow:hidden}.fac-card:active{background:var(--surface-card-alt)}.fac-card>img,.fac-card>.ph{object-fit:cover;width:100%;height:132px;display:block}.fac-card>.ph{background:var(--primary-container);color:var(--primary);place-items:center;display:grid}.fac-card .body{padding:var(--space-3) var(--space-4)}.fac-card .row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.fac-card .name{font:500 var(--title-md) var(--font-body);overflow-wrap:anywhere}.fac-card .meta{color:var(--fg-tertiary);overflow-wrap:anywhere;margin-top:2px;font-size:13px}.slotgrid{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.slot{min-width:0;padding:var(--space-2) var(--space-1);border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);color:var(--fg-primary);flex-direction:column;align-items:center;gap:2px;display:flex}.slot .t{font:500 var(--title-sm) var(--font-body)}.slot .s{color:var(--fg-tertiary);font-size:11px}.slotgrid+.hint{margin-top:var(--space-2);color:var(--fg-tertiary);font-size:12px}.slot.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.slot.on .s{color:var(--on-primary)}.slot:disabled{background:var(--neutral-15);color:var(--fg-disabled);border-color:#0000}.stepper{align-items:center;gap:var(--space-3);display:flex}.stepper button{border:1px solid var(--border-strong);background:var(--surface-card);width:32px;height:32px;color:var(--fg-secondary);border-radius:50%;place-items:center;display:grid}.stepper b{text-align:center;min-width:20px;font:700 var(--title-md) var(--font-display)}.amount{justify-content:space-between;align-items:baseline;display:flex}.amount b{font:700 var(--headline-sm) var(--font-display);color:var(--primary)}.countdown{align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--warning-bg);color:var(--warning-fg);font:500 var(--label-lg) var(--font-body);display:flex}.bankrow{min-height:32px}.bankrow .btn.text{gap:var(--space-2);color:var(--fg-primary);padding-right:0}.bankrow .btn.text .ms{color:var(--primary)}.payqr,.slip{border-radius:var(--radius-md);width:100%;max-width:260px;margin:0 auto;display:block}.row-btns.end{flex-wrap:wrap;justify-content:flex-end}.btn.inline{width:auto;height:var(--control-h-md);padding:0 var(--space-4);justify-content:center;align-items:center;font-size:13px;text-decoration:none;display:inline-flex}.pkg-desc,.pkg-use{margin:var(--space-2) 0 0;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.pkg-desc{color:var(--fg-tertiary)}.pkg-use{color:var(--fg-secondary)}