:root{--bg:#f7efe1;--bg-deep:#f0e4cf;--surface:#fffdf8;--ink:#2b2019;--ink-soft:#7a6a5b;--ink-faint:#ab9c8c;--accent:#c6651b;--accent-deep:#9e4e12;--accent-wash:#f6e3cf;--line:#e7d8c1;--good:#4e7b4e;--good-wash:#e3efdd;--bad:#b64a34;--shadow-sm:0 1px 2px #4a321e0f;--shadow:0 8px 24px -12px #4a321e47;--shadow-lg:0 20px 48px -20px #4a321e66;--cjk:"PingFang TC", "Microsoft JhengHei", "Noto Sans TC", "Hiragino Sans", sans-serif;--display:"Fraunces", "Noto Serif TC", Georgia, serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--cjk);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--bg);background-image:radial-gradient(120% 80% at 50% -10%, #fdf8ee 0%, var(--bg) 42%, var(--bg-deep) 100%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-attachment:fixed;min-height:100svh}#root{width:100%;max-width:460px;min-height:100svh;margin:0 auto}.wrap{padding:22px 18px calc(120px + env(safe-area-inset-bottom))}.head{align-items:center;gap:14px;margin-bottom:6px;display:flex}.head .mark{background:linear-gradient(150deg, var(--accent) 0%, var(--accent-deep) 100%);width:52px;height:52px;box-shadow:var(--shadow), inset 0 1px 0 #ffffff4d;border-radius:16px;flex:none;place-items:center;font-size:26px;display:grid}.head h1{font-family:var(--cjk);letter-spacing:-.4px;margin:0;font-size:24px;font-weight:800;line-height:1.1}.head .tag{font-family:var(--display);letter-spacing:.3px;color:var(--accent-deep);align-items:center;gap:5px;margin-top:3px;font-size:13px;font-style:italic;display:inline-flex}.rule{background:repeating-linear-gradient(90deg, var(--line) 0 6px, transparent 6px 12px);height:1px;margin:18px 0 8px}.cat{font-family:var(--display);letter-spacing:2px;text-transform:uppercase;color:var(--ink-soft);margin:14px 2px 8px;font-size:14px}.item{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:18px;align-items:center;gap:12px;margin-bottom:10px;padding:15px 16px;animation:.5s cubic-bezier(.2,.8,.2,1) both rise;display:flex}.item.sold{opacity:.5}.item .body{flex:1;min-width:0}.item .name{letter-spacing:-.2px;font-size:16.5px;font-weight:600}.item .price{font-family:var(--display);color:var(--ink-soft);margin-top:2px;font-size:15px;font-weight:500}.item .price b{color:var(--accent-deep);font-weight:600}.sold-flag{color:var(--bad);white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 9px;font-size:12px}.step{align-items:center;gap:2px;display:inline-flex}.step button{border:1px solid var(--line);width:34px;height:34px;color:var(--accent-deep);cursor:pointer;background:#fff;border-radius:11px;font-size:20px;font-weight:500;line-height:1;transition:transform .12s,background .15s,border-color .15s}.step button:active{transform:scale(.88)}.step button.on{background:var(--accent);border-color:var(--accent);color:#fff}.step .qty{text-align:center;min-width:30px;font-family:var(--display);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.bar{width:100%;max-width:460px;padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 62%, #f7efe100);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bar .inner{background:var(--ink);color:#fff;box-shadow:var(--shadow-lg);border-radius:16px;align-items:center;gap:12px;padding:10px 12px 10px 18px;display:flex}.bar .sum{flex:1;line-height:1.15}.bar .sum small{letter-spacing:1px;opacity:.6;font-size:11px;display:block}.bar .sum b{font-family:var(--display);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.cta{font-family:var(--cjk);color:#fff;background:linear-gradient(150deg, var(--accent) 0%, var(--accent-deep) 100%);cursor:pointer;border:none;border-radius:12px;padding:13px 22px;font-size:16px;font-weight:700;transition:transform .12s,opacity .2s;box-shadow:inset 0 1px #ffffff40}.cta:active{transform:scale(.96)}.cta:disabled{opacity:.35;cursor:default}.center{text-align:center;padding:46px 8px}.badge{background:var(--good-wash);width:84px;height:84px;color:var(--good);border-radius:50%;place-items:center;margin:0 auto 18px;font-size:40px;animation:.5s cubic-bezier(.2,1.3,.4,1) both pop;display:grid}.badge.warn{color:var(--accent-deep);background:#f6e3cf}.badge.bad{color:var(--bad);background:#f4ddd6}.no{font-family:var(--display);letter-spacing:3px;color:var(--ink);margin:6px 0 4px;font-size:46px;font-weight:600}.muted{color:var(--ink-soft);font-size:14px}.eta{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:999px;margin-top:14px;padding:9px 16px;font-size:14px;display:inline-block}.eta b{font-family:var(--display);color:var(--accent-deep)}.track{justify-content:center;gap:6px;margin:22px auto 6px;display:flex}.track .dot{color:var(--ink-faint);flex-direction:column;align-items:center;gap:6px;width:76px;font-size:12px;display:flex}.track .dot i{background:var(--line);border-radius:50%;width:12px;height:12px;transition:background .3s,transform .3s}.track .dot.done{color:var(--good)}.track .dot.done i{background:var(--good);transform:scale(1.15)}.track .dot.now{color:var(--accent-deep);font-weight:700}.track .dot.now i{background:var(--accent);box-shadow:0 0 0 4px var(--accent-wash)}.receipt{text-align:left;background:var(--surface);border:1px solid var(--line);max-width:320px;box-shadow:var(--shadow-sm);border-radius:16px;margin:22px auto 0;padding:8px 16px}.receipt .r{border-bottom:1px dashed var(--line);justify-content:space-between;padding:11px 0;font-size:15px;display:flex}.receipt .r:last-child{border-bottom:none}.receipt .r .q{font-family:var(--display);color:var(--ink-soft);font-variant-numeric:tabular-nums}.receipt .r.total{font-weight:700}.receipt .r.total b{font-family:var(--display);color:var(--accent-deep)}.link{color:var(--accent-deep);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin-top:24px;font-size:15px;font-weight:600;text-decoration:underline}.spin{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:40px auto;animation:.8s linear infinite spin}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}}@keyframes spin{to{transform:rotate(360deg)}}.item.tap{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer}.item.tap:active{transform:scale(.985)}.thumb{background:radial-gradient(120% 120% at 50% 20%, #fff 0%, var(--accent-wash) 100%);border-radius:14px;flex:none;place-items:center;width:58px;height:58px;display:grid;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%}.add-dot{background:var(--accent-wash);width:32px;height:32px;color:var(--accent-deep);border-radius:10px;flex:none;place-items:center;font-size:18px;font-weight:500;display:grid}.item .price{font-family:var(--display)}.line{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:12px;margin-bottom:8px;padding:13px 16px;display:flex}.line .body{flex:1;min-width:0}.line .name{font-size:15.5px;font-weight:600}.line .opts{color:var(--ink-soft);margin-top:3px;font-size:12.5px;line-height:1.4}.line .price{font-family:var(--display);margin-top:3px}.r-opts{color:var(--ink-soft);margin-top:2px;font-size:12px;display:block}.sheet-back{z-index:50;background:#2b201973;justify-content:center;align-items:flex-end;animation:.2s both fade;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:460px;max-height:88svh;padding:10px 18px calc(16px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0;flex-direction:column;animation:.3s cubic-bezier(.2,.8,.2,1) both up;display:flex;box-shadow:0 -12px 44px #2b201947}.sheet-grip{background:var(--line);border-radius:2px;width:42px;height:4px;margin:2px auto 14px}.hero{cursor:zoom-in;background:radial-gradient(130% 130% at 50% 15%, #fff 0%, var(--accent-wash) 100%);border:none;border-radius:18px;width:100%;height:172px;padding:0;display:block;position:relative;overflow:hidden}.hero img{object-fit:contain;width:100%;height:100%}.hero-zoom{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#2b20198c;border-radius:10px;place-items:center;width:34px;height:34px;font-size:17px;display:grid;position:absolute;bottom:10px;right:10px}.sheet-title{margin:12px 2px 2px}.sheet-name{letter-spacing:-.3px;font-size:21px;font-weight:800}.sheet-base{font-family:var(--display);color:var(--ink-soft);margin-top:2px}.sheet-body{padding:6px 2px 4px;overflow-y:auto}.grp{margin:16px 0}.grp h4{align-items:baseline;gap:8px;margin:0 0 10px;font-size:15px;font-weight:700;display:flex}.grp-note{font-family:var(--display);color:var(--ink-faint);font-size:12px;font-style:italic;font-weight:400}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:9px 15px;font-size:14px;transition:background .15s,border-color .15s,color .15s,transform .1s}.chip:active{transform:scale(.94)}.chip.sel{background:var(--accent-wash);border-color:var(--accent);color:var(--accent-deep);font-weight:600}.chip-plus{font-family:var(--display)}.sheet-foot{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:4px;padding-top:14px;display:flex}.sheet-foot .step{flex:none}.sheet-foot .cta{flex:1}.lightbox{z-index:60;cursor:zoom-out;background:#18110ceb;flex-direction:column;justify-content:center;align-items:center;gap:18px;animation:.2s both fade;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:16px;max-width:88vw;max-height:78svh;animation:.3s cubic-bezier(.2,1.2,.4,1) both pop}.lightbox-hint{color:#fff9;font-size:13px}@keyframes fade{0%{opacity:0}}@keyframes up{0%{transform:translateY(100%)}}