:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fdfbf8;--grid:#786e6417;--ink:#4b3a2f;--ink-soft:#7a685b;--pink:#f1acc3;--pink-soft:#ffd9e7;--rose:#deb9c8;--blue:#4a6de1;--card:#fff;--line:#4b3a2f24;--shadow:0 18px 40px -18px #4b3a2f59;--danger:#b4412f;--ok:#3c7a52;--hand:"LXGW WenKai TC", "Huninn", "PingFang TC", sans-serif;--body:"Huninn", "PingFang TC", "Noto Sans TC", system-ui, sans-serif;--max:1120px}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--body);background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:28px 28px;margin:0;font-size:16px;line-height:1.7;overflow-x:hidden}a{color:var(--blue)}img{max-width:100%;display:block}h1,h2,h3,.brand,.tab,label,th,.code-big,.restaurant-chip{font-family:var(--hand);letter-spacing:.02em;font-weight:700}h1{margin:0 0 8px;font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.35}h2{margin:40px 0 14px;font-size:1.35rem}.hl{color:inherit;background:linear-gradient(transparent 55%, var(--pink) 55%, var(--pink) 90%, transparent 90%);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:0 .15em}.muted{color:var(--ink-soft)}.small{font-size:.9rem}.mono,code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.center{text-align:center;justify-content:center}.error{color:var(--danger);margin:0;font-size:.95rem}.center-page{place-items:center;min-height:100vh;padding:16px;display:grid}.site-nav{z-index:10;padding:12px max(16px, calc((100% - var(--max)) / 2));background:color-mix(in srgb, var(--paper) 85%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;min-width:0;font-size:1.2rem;text-decoration:none;display:flex}.brand img{box-shadow:0 0 0 1px var(--line);border-radius:9px;flex:none}.brand small{color:var(--ink-soft);font-size:.8em}.nav-actions{align-items:center;gap:10px;min-width:0;display:flex}.restaurant-chip{background:var(--pink-soft);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;max-width:40vw;padding:2px 12px;overflow:hidden;transform:rotate(-2deg)}.restaurant-chip:empty{display:none}.lang{font:inherit;color:var(--ink);border:1.5px solid var(--ink);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:2px 12px;font-size:.85rem}label{gap:4px;font-size:1rem;display:grid}input,select{font:inherit;font-family:var(--body);letter-spacing:0;border:1.5px solid var(--line);background:var(--paper);width:100%;color:var(--ink);border-radius:10px;padding:10px 12px;font-weight:400}input:focus,select:focus{border-color:var(--ink);box-shadow:3px 3px 0 var(--pink);outline:none}button{font:inherit;cursor:pointer;color:var(--ink)}button:disabled{opacity:.6;cursor:default}.btn-ink,.btn-pink{border:2px solid var(--ink);border-radius:999px;padding:10px 22px;font-weight:700;transition:transform .2s,box-shadow .2s}.btn-ink{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--pink)}.btn-pink{box-shadow:4px 4px 0 var(--ink);background:#fff}.btn-ink:not(:disabled):hover,.btn-pink:not(:disabled):hover{transform:translate(-2px,-2px)}.btn-ink:not(:disabled):hover{box-shadow:6px 6px 0 var(--pink)}.btn-pink:not(:disabled):hover{box-shadow:6px 6px 0 var(--ink)}button.link{color:var(--blue);background:0 0;border:none;padding:0;text-decoration:underline}button.danger{color:var(--danger)}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.note-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:6px;padding:28px 24px;position:relative}.note-card:before{content:"";background:color-mix(in srgb, var(--pink) 70%, transparent);width:80px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.auth-page{justify-items:center;gap:20px;padding:56px 16px 72px;display:grid}.auth-card{gap:16px;width:100%;max-width:420px;display:grid;transform:rotate(-.6deg)}.auth-card p{margin:0}.auth-card .btn-ink{justify-self:stretch}.code-input{letter-spacing:.18em;text-transform:uppercase;font-family:ui-monospace,Menlo,monospace;font-size:1.1rem}.back-link{color:var(--ink-soft);font-size:.95rem;text-decoration:none}.back-link:hover{color:var(--ink);text-decoration:underline}.tabs{padding:16px max(16px, calc((100% - var(--max)) / 2)) 0;flex-wrap:wrap;gap:8px;display:flex}.tab{color:var(--ink);border:2px dashed var(--line);border-radius:999px;padding:4px 16px;font-size:1.05rem;text-decoration:none}.tab:hover{border-color:var(--ink-soft)}.tab.active{background:var(--pink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.content{max-width:var(--max);margin:0 auto;padding:32px 16px 72px}@media (width<=720px){.brand small{display:none}.tabs{z-index:10;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(12px);border-top:1px dashed var(--line);flex-wrap:nowrap;justify-content:space-around;gap:4px;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.tab{white-space:nowrap;border-color:#0000;padding:3px 10px;font-size:.95rem}.content{padding:24px 16px 104px}}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:end;gap:16px;margin-top:24px;display:grid}.form-grid .error,.form-grid button{grid-column:1/-1}.form-grid button{justify-self:start}.created-code{text-align:center;background:var(--pink-soft);margin-top:32px}.created-code p{margin:0 0 8px}.code-big{letter-spacing:.15em;font-family:ui-monospace,Menlo,monospace;font-size:clamp(1.8rem,7vw,2.4rem)}.share-label{margin-top:20px!important}.share-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.share-row code{border:1px dashed var(--line);overflow-wrap:anywhere;text-align:left;background:#fff;border-radius:8px;padding:6px 10px;font-size:.85rem}.details{grid-template-columns:max-content 1fr;gap:8px 24px;max-width:520px;margin:24px 0;display:grid}.details dt{color:var(--ink-soft)}.details dd{overflow-wrap:anywhere;margin:0}.table-wrap{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.95rem}th,td{text-align:left;border-bottom:1px dashed var(--line);white-space:nowrap;padding:10px 14px}th{color:var(--ink-soft);font-weight:700}tr:last-child td{border-bottom:none}.pill{border:1.5px solid;border-radius:999px;padding:1px 10px;font-size:.85rem}.pill-active{color:var(--ok)}.pill-used{color:var(--blue)}.pill-expired,.pill-revoked{color:var(--ink-soft)}.or-divider{color:var(--ink-soft);align-items:center;gap:12px;font-size:.9rem;display:flex}.or-divider:before,.or-divider:after{content:"";border-top:1px dashed var(--line);flex:1}.btn-google{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 22px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex}.btn-google:not(:disabled):hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.stamp-card{background:var(--pink-soft);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:center;border-radius:18px;padding:16px 18px 12px}.stamp-card.big{max-width:340px;transform:rotate(2deg)}.stamp-card.paused{filter:grayscale(.8);opacity:.7}.stamp-title,.stamp-reward{font-family:var(--hand);margin:0;font-weight:700}.stamp-title{font-size:1.2rem}.stamp-reward{color:var(--ink-soft);font-size:.95rem}.stamps{grid-template-columns:repeat(auto-fill,minmax(44px,1fr));justify-items:center;gap:10px;margin:10px 0;padding:0;list-style:none;display:grid}.stamps li{border:2px dashed color-mix(in srgb, var(--ink) 40%, transparent);background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.25rem;display:grid}.stamps li.on{border:2px solid var(--ink);background:var(--pink);transform:rotate(-8deg)}.stamps li.on:nth-child(2n){transform:rotate(6deg)}.stamps li.gift{border-style:solid;border-color:var(--ink)}.scan-page{max-width:560px}.scan-frame{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--pink);aspect-ratio:1;background:#000;border-radius:22px;margin:20px 0;overflow:hidden}.scan-frame video{object-fit:cover;width:100%;height:100%;display:block}.scan-frame.hidden{display:none}.scan-start{margin-top:20px;padding:14px 28px;font-size:1.1rem}.scan-error{margin:12px 0}.customer-card{gap:16px;margin-top:24px;display:grid}.customer-head{align-items:center;gap:16px;display:flex}.customer-head h2,.customer-head p{margin:0}.customer-skin{width:120px;box-shadow:var(--shadow);border-radius:10px;transform:rotate(-3deg)}.banner{border:2px dashed var(--line);font-family:var(--hand);border-radius:12px;margin:0;padding:10px 14px;font-size:1.1rem;font-weight:700}.banner.ok{border:2px solid var(--ok);color:var(--ok);background:#fff}.banner.gift{border:2px solid var(--ink);background:var(--pink-soft)}.loyalty-layout{grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:start;gap:40px;margin-top:24px;display:grid}.loyalty-form{gap:16px;display:grid}.loyalty-form fieldset{border:none;gap:16px;margin:0;padding:0;display:grid}.check-row{align-items:center;gap:10px;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--ink)}.saved{color:var(--ok);align-self:center;font-weight:700}.loyalty-preview p{margin:0 0 12px}@media (width<=720px){.loyalty-layout{grid-template-columns:1fr}}.scan-cta{margin:16px 0 8px;font-size:1.1rem;text-decoration:none;display:inline-block}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid}.stat-tile{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:16px 18px;display:grid}.stat-tile b{font-family:var(--hand);font-size:2rem;line-height:1.1}.stat-tile span{color:var(--ink-soft);font-size:.9rem}