@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-thai-400-normal-Bt1rR4gi.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-400-normal-DKc8V4lk.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-thai-600-normal-DvfsyWAn.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-thai-600-normal-BOwfviun.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-thai-latin-400-normal-CwmoKdEh.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-400-normal-YXrLwNa7.woff) format("woff")}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-thai-latin-600-normal-BR-dhaTH.woff2) format("woff2"),url(/assets/ibm-plex-sans-thai-latin-600-normal-P_JjY83V.woff) format("woff")}:root{--paper: #f7f2e8;--card: #fffdf8;--line: #d8cdb8;--line-input: #857a66;--ink: #1c2230;--ink-2: #4a5263;--ink-3: #5f6574;--action: #23407a;--money-in: #17694d;--warn: #8a5a12;--stamp: #b5361f;--stamp-ink: #8e2614;--stamp-wash: #fbe6df;--focus: #23407a;--action-deep: #1a3163;--action-wash: #eef1f8;--action-ring: rgb(35 64 122 / .3);--chip: #f3ead7;--rule: rgb(216 205 184 / .28);--paper-deep: #efe7d7;--cover: #1e3358;--cover-ink: #fffdf8;--cover-muted: #c9d3e6;--cover-rule: #857a66;--font-ui: "IBM Plex Sans Thai", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-hero: clamp(2.25rem, 1.6rem + 3vw, 3.25rem);--leading-thai: 1.65;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--gutter: 1rem;--radius-sheet: 14px;--radius-control: 10px;--shadow-sheet: 0 1px 0 #e9e0cf, 0 8px 24px -12px rgb(28 34 48 / .25);--duration-fast: .15s;--ease-out: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background-color:var(--paper);background-image:repeating-linear-gradient(to bottom,transparent 0 calc(2rem - 1px),var(--rule) calc(2rem - 1px) 2rem);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-thai)}p,h1,h2,dl,dd,ul{margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}h1:focus{outline:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.sandbox-banner{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--gutter);background:var(--stamp-wash);color:var(--stamp-ink);border-bottom:2px dashed var(--stamp);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;text-align:center}.sandbox-banner__mark{border:2px solid var(--stamp);border-radius:4px;padding:0 var(--space-2);transform:rotate(-3deg)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.page{max-width:30rem;margin:0 auto;padding:var(--space-4) var(--gutter) var(--space-12)}.brand{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--ink-2);font-weight:600;letter-spacing:.04em}.brand__mark{background:var(--cover);color:var(--cover-ink);padding:0 var(--space-2);border-radius:4px;letter-spacing:.06em}.page__main{display:flex;flex-direction:column;gap:var(--space-6)}.foot{margin-top:var(--space-8);padding-top:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-xs);color:var(--ink-3);text-align:center}.loading{padding:var(--space-12) 0;text-align:center;color:var(--ink-2)}.bill{position:relative;background:var(--card);border:1px solid var(--line);border-left:6px solid var(--action);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-sheet);padding:var(--space-6) var(--space-6) var(--space-8)}.bill:after{content:"";position:absolute;left:-6px;right:-1px;bottom:-9px;height:10px;background:radial-gradient(circle at 8px -2px,transparent 7px,var(--card) 8px) 0 0 / 16px 10px repeat-x}.bill__kicker{font-size:var(--text-sm);font-weight:600;color:var(--ink-2);letter-spacing:.06em}.bill__shop{font-size:var(--text-xl);font-weight:600;line-height:1.3;overflow-wrap:anywhere}.bill__doc{display:inline-block;margin-top:var(--space-3);padding:0 var(--space-2);border:1.5px solid var(--ink);border-radius:4px;font-weight:600;overflow-wrap:anywhere;max-width:100%}.bill__customer{margin-top:var(--space-3);color:var(--ink-2);overflow-wrap:anywhere}.bill__desc{margin-top:var(--space-1);overflow-wrap:anywhere}.bill__lines{list-style:none;margin-top:var(--space-3);padding:0;border-top:1px dashed var(--line)}.bill__line{display:flex;align-items:baseline;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px dashed var(--line)}.bill__line-name{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.bill__line-qty{color:var(--ink-2);white-space:nowrap}.bill__line-total{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.bill__total{margin-top:var(--space-6);padding-top:var(--space-3);border-top:3px double var(--ink)}.bill__total-label{font-weight:600;color:var(--ink-2)}.bill__amount{font-size:clamp(2.5rem,1.7rem + 4.4vw,3.75rem);font-weight:600;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.bill__until{display:inline-block;margin-top:var(--space-3);background:var(--chip);color:var(--warn);border-radius:999px;padding:2px var(--space-3);font-size:var(--text-sm);font-weight:600}.act{display:flex;flex-direction:column;gap:var(--space-3)}.act__check{font-size:var(--text-sm);color:var(--ink-2);text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:var(--space-2) var(--space-6);border-radius:var(--radius-control);font:inherit;font-weight:600;cursor:pointer;text-align:center;border:1.5px solid transparent;transition:background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{cursor:progress;opacity:.6}.btn--primary{background:var(--action);color:#fff;box-shadow:inset 0 -3px 0 var(--action-deep)}.btn--primary:hover:not(:disabled){background:var(--action-deep)}.btn--big{width:100%;min-height:56px;font-size:var(--text-lg)}.btn--quiet{background:var(--card);color:var(--action);border-color:var(--line-input)}.btn--quiet:hover:not(:disabled){border-color:var(--action);background:var(--action-wash)}.btn--text{background:none;color:var(--action);padding:var(--space-2) var(--space-3);min-height:44px;text-decoration:underline;text-underline-offset:3px}.notice{font-size:var(--text-sm);font-weight:600;color:var(--stamp-ink)}.notice--on{background:var(--stamp-wash);border-left:4px solid var(--stamp);border-radius:4px;padding:var(--space-2) var(--space-3)}.qrpanel{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);background:var(--card);border:2px dashed var(--line-input);border-radius:var(--radius-sheet);padding:var(--space-6) var(--space-4);text-align:center}.qr{display:block;width:min(18rem,100%);height:auto}.qr--pay{border:1px solid var(--line);border-radius:8px}.qr__bg{fill:#fff}.qr__dot{fill:var(--ink)}.qrpanel__lead{font-size:var(--text-lg);line-height:1.4}.qrpanel__amount{white-space:nowrap;font-variant-numeric:tabular-nums}.qrpanel__time{color:var(--ink-2)}.qrpanel__count{color:var(--warn);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.qrpanel__wait{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--money-in)}.qrpanel__wait:before{content:"";width:.6rem;height:.6rem;border-radius:50%;background:currentColor;animation:wait-dot 1.4s ease-in-out infinite}.qrpanel__wait--lost{color:var(--stamp)}.qrpanel__wait--lost:before{animation:none}@keyframes wait-dot{0%,to{opacity:.25}50%{opacity:1}}.samephone{width:100%;margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-sm);color:var(--ink-2)}.samephone__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.samephone__hint{color:var(--ink-2)}.samephone__said{min-height:1.65em;color:var(--ink);font-weight:600}.qrpanel--expired{border-style:solid;border-color:var(--line)}.qrpanel__expired{font-size:var(--text-xl);font-weight:600;color:var(--warn)}.qrpanel__hint{font-size:var(--text-sm);color:var(--ink-2)}.slip{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet);padding:var(--space-8) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.slip--paid{border-top:6px solid var(--money-in)}.slip--closed{border-top:6px solid var(--ink-3)}.slip__title{font-size:var(--text-xl);font-weight:600;line-height:1.35}.slip__shop{font-weight:600;overflow-wrap:anywhere}.slip__doc{color:var(--ink-2);overflow-wrap:anywhere}.slip__hint{color:var(--ink-2)}.paid-stamp{align-self:center;margin:var(--space-2) 0 var(--space-4);padding:var(--space-1) var(--space-6);border:4px solid currentColor;border-radius:8px;color:var(--money-in);font-size:clamp(1.75rem,1.35rem + 2.2vw,2.5rem);font-weight:600;line-height:1.4;letter-spacing:.02em;transform:rotate(-4deg);animation:stamp-in .42s var(--ease-out) both}@keyframes stamp-in{0%{transform:rotate(-16deg) scale(1.7)}to{transform:rotate(-4deg) scale(1)}}.slip__rows{width:100%}.slip__row{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-1) var(--space-2);padding:var(--space-2) 0}.slip__label{display:flex;flex:1 1 5rem;align-items:baseline;gap:var(--space-2);color:var(--ink-2)}.slip__label:after{content:"";flex:1;border-bottom:2px dotted var(--line);min-width:1.5rem;transform:translateY(-.3em)}.slip__value{font-weight:600;text-align:right;overflow-wrap:anywhere;max-width:100%}.slip__row--amount{border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);margin:var(--space-2) 0}.slip__row--amount .slip__label{color:var(--ink);font-weight:600}.slip__row--amount .slip__value{font-size:var(--text-xl);font-variant-numeric:tabular-nums}.slip__legal{margin-top:var(--space-3);padding-left:var(--space-3);border-left:4px solid var(--line-input);font-size:var(--text-sm);color:var(--ink-2)}.callout{border-left:4px solid var(--warn);padding:var(--space-2) var(--space-3);background:var(--chip);color:var(--ink);border-radius:4px}@media(max-width:899px){.page--qr .bill__detail{display:none}.page--qr .bill{padding:var(--space-4) var(--space-4) var(--space-6)}.page--qr .bill__shop{font-size:var(--text-lg)}.page--qr .bill__total{margin-top:var(--space-3);padding-top:var(--space-2);display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:0 var(--space-3)}.page--qr .bill__amount{font-size:var(--text-xl)}}@media(min-width:900px){.page{padding-top:var(--space-8)}.page--details,.page--qr,.page--qr_expired{max-width:62rem}.page--details .page__main,.page--qr .page__main,.page--qr_expired .page__main{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-12);align-items:start}.act{position:sticky;top:4rem}.bill{padding:var(--space-8) var(--space-8) var(--space-12)}.slip{padding:var(--space-12) var(--space-8)}}