:root{--green:#00875a;--green-dark:#046148;--green-bg:#e6f3ed;--pop:#ffd43a;--pop-ink:#4a3a00;--hot:#d9482b;--ink:#1b2823;--sub:#5a6b62;--bg:#f4f8f5;--card:#fff;--line:#dfe8e2}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Noto Sans TC,Noto Sans SC,Noto Sans KR,Yu Gothic UI,Meiryo,sans-serif;line-height:1.65}button{cursor:pointer;font-family:inherit}.app{flex-direction:column;max-width:480px;min-height:100dvh;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.brand{color:var(--ink);letter-spacing:.04em;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-size:17px;display:flex}.brand b{font-weight:900}.lang{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:6px 8px;font-family:inherit;font-size:13px}.progress{justify-content:center;gap:6px;padding:0 0 4px;display:flex}.dot{background:var(--line);border-radius:2px;width:26px;height:4px}.dot.on{background:var(--green)}.page{flex:1;padding:12px 20px 40px;position:relative}.page.center{text-align:center;flex-direction:column;align-items:center;display:flex}.page-title{margin:8px 0 4px;font-size:22px;font-weight:900}.page-sub{color:var(--sub);margin:0 0 16px;font-size:13.5px}.back{background:var(--card);border:1px solid var(--line);color:var(--sub);border-radius:8px;padding:4px 12px;font-size:15px;position:absolute;top:10px;right:20px}.hero{padding:24px 0 8px}.tagline{color:var(--green);letter-spacing:.08em;margin:0 0 8px;font-size:14px;font-weight:800}.hero h1{text-wrap:balance;margin:0 0 12px;font-size:30px;font-weight:900;line-height:1.35}.lede{color:var(--sub);margin:0 0 20px;font-size:14.5px}.cta{text-align:center;background:var(--green);color:#fff;letter-spacing:.02em;border:none;border-radius:12px;width:100%;padding:15px 20px;font-size:16px;font-weight:800;text-decoration:none;display:block}.cta:active{background:var(--green-dark)}.cta.small{width:auto;padding:11px 18px;font-size:14px}.cta.patto{background:var(--ink)}.ghost{border:1px solid var(--line);color:var(--sub);background:0 0;border-radius:10px;margin-top:14px;padding:10px 16px;font-size:14px}.stats{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px}.stat b{color:var(--green-dark);font-variant-numeric:tabular-nums;font-size:30px;font-weight:900;display:block}.stat.pop{background:var(--pop);border-color:var(--pop)}.stat.pop b,.stat.pop span{color:var(--pop-ink)}.stat span{color:var(--sub);font-size:11.5px;line-height:1.5;display:block}.steps{flex-direction:column;gap:12px;display:flex}.step{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:12px;padding:14px;display:flex}.step-n{background:var(--green-bg);width:28px;height:28px;color:var(--green-dark);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex}.step h3{margin:2px 0;font-size:15px;font-weight:800}.step p{color:var(--sub);margin:0;font-size:13px}.sns-btn{background:var(--card);border:1.5px dashed var(--green);width:100%;color:var(--green-dark);border-radius:12px;margin-bottom:14px;padding:12px;font-size:14px;font-weight:700}.cat-tabs{gap:6px;margin-bottom:10px;padding-bottom:4px;display:flex;overflow-x:auto}.cat-tab{border:1px solid var(--line);background:var(--card);color:var(--sub);border-radius:999px;flex:none;padding:6px 14px;font-size:13px;font-weight:700}.cat-tab.on{background:var(--ink);color:#fff;border-color:var(--ink)}.search{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:10px;margin-bottom:12px;padding:10px 14px;font-family:inherit;font-size:14px}.empty{color:var(--sub);background:var(--green-bg);border-radius:10px;padding:10px 14px;font-size:13px}.products{flex-direction:column;gap:8px;margin:0 0 90px;padding:0;list-style:none;display:flex}.product{background:var(--card);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.product.in-cart{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.p-emoji{flex:none;font-size:22px}.p-main{flex-direction:column;flex:1;min-width:0;display:flex}.p-name{font-size:13.5px;font-weight:700;line-height:1.4}.p-meta{color:var(--sub);font-variant-numeric:tabular-nums;font-size:12px}.p-meta em{font-style:normal}.hot{color:var(--hot);border:1px solid;border-radius:4px;margin-left:6px;padding:0 4px;font-size:10.5px;font-style:normal;font-weight:700}.add{background:var(--green);color:#fff;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:20px;font-weight:700;display:flex}.qty{flex:none;align-items:center;gap:8px;display:flex}.qty button{border:1px solid var(--line);background:var(--card);width:30px;height:30px;color:var(--ink);border-radius:50%;font-size:16px}.qty b{text-align:center;font-variant-numeric:tabular-nums;min-width:18px}.cart-bar{background:var(--ink);color:#fff;width:100%;max-width:480px;padding:12px 20px calc(12px + env(safe-area-inset-bottom));justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.cart-bar>div{flex-direction:column;font-size:12.5px;display:flex}.cart-bar b{font-size:15px}.cart-bar span{opacity:.85}.modal-bg{z-index:10;background:#141e1980;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--bg);border-radius:20px 20px 0 0;width:100%;max-width:480px;max-height:86dvh;padding:22px 20px 30px;overflow-y:auto}.modal h3{margin:0 0 4px;font-size:17px;font-weight:900}.modal-src{color:var(--sub);margin:0 0 12px;font-size:11.5px}.sns-post{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px}.sns-head{align-items:center;gap:8px;margin-bottom:6px;font-size:13.5px;display:flex}.sns-avatar{background:var(--green-bg);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.sns-post p{margin:0;font-size:13.5px}.detected{color:var(--green-dark);margin:14px 0 6px;font-size:13.5px;font-weight:800}.detected-list{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;list-style:none;display:flex}.detected-list li{background:var(--card);border:1px solid var(--green);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:700}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.modal-actions .ghost{margin-top:0}.stores{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.store{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}.store.sel{border-color:var(--green);box-shadow:0 0 0 1.5px var(--green)}.store-main{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;padding:14px;display:block}.store-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.store-head b{font-size:14.5px;line-height:1.4}.match{color:var(--green-dark);background:var(--green-bg);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:6px;flex:none;padding:3px 8px;font-size:11.5px;font-weight:800}.match.full{background:var(--pop);color:var(--pop-ink)}.store-meta{color:var(--sub);margin-top:4px;font-size:12px;display:block}.missing{border-top:1px dashed var(--line);margin-top:8px;padding-top:8px}.missing p{margin:0;font-size:12px}.missing s{color:var(--hot)}.missing em{color:var(--sub);font-style:normal;display:block}.slot-box{padding:0 14px 14px}.slot-title{color:var(--sub);margin:8px 0;font-size:12.5px;font-weight:800}.slots{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.slot{border:1px solid var(--line);background:var(--bg);font-variant-numeric:tabular-nums;color:var(--ink);border-radius:10px;padding:9px;font-size:13.5px}.slot.on{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:700}.summary-card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:16px}.summary-store{border-bottom:1px solid var(--line);flex-direction:column;margin:0 0 12px;padding-bottom:12px;display:flex}.summary-store b{font-size:14.5px}.summary-store span{color:var(--sub);font-variant-numeric:tabular-nums;font-size:13px}.summary-card h3{color:var(--sub);margin:0 0 8px;font-size:12.5px;font-weight:800}.summary-items{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.summary-items li{justify-content:space-between;gap:10px;font-size:13px;display:flex}.summary-items li span{min-width:0}.summary-items li b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.summary-items em{font-style:normal}.summary-total{border-top:2px solid var(--ink);justify-content:space-between;align-items:baseline;margin-top:12px;padding-top:10px;font-size:13.5px;display:flex}.summary-total b{font-variant-numeric:tabular-nums;font-size:18px}.summary-total em{color:var(--sub);font-size:12px;font-style:normal;font-weight:400}.refund-note{color:var(--green-dark);background:var(--green-bg);border-radius:8px;margin:12px 0 0;padding:8px 12px;font-size:12.5px}.spinner{border:4px solid var(--line);border-top-color:var(--green);border-radius:50%;width:44px;height:44px;margin:80px 0 20px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sending-msg{color:var(--sub);font-size:15px;font-weight:700}@media (prefers-reduced-motion:reduce){.spinner{border-top-color:var(--green);animation:none}}.confirmed-tag{background:var(--pop);color:var(--pop-ink);clip-path:polygon(3% 8%,97% 0,100% 90%,0 100%);margin-top:30px;padding:12px 26px 10px;font-size:24px;font-weight:900;transform:rotate(-2deg)}.page.center .lede{margin-top:14px}.ticket{background:var(--card);border:1px solid var(--line);text-align:left;border-radius:16px;flex-direction:column;gap:12px;width:100%;margin:18px 0;padding:18px;display:flex}.ticket.big{text-align:center;align-items:center}.ticket-row{justify-content:space-between;gap:14px;width:100%;display:flex}.ticket-row span{color:var(--sub);flex:none;padding-top:2px;font-size:12px}.ticket-row b{text-align:right;font-size:14px}.res-no{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--green-dark);font-size:20px!important}.ticket-qr{border-top:1px dashed var(--line);flex-direction:column;align-items:center;gap:8px;padding-top:14px;display:flex}.qr{box-shadow:0 0 0 1px var(--line);border:8px solid #fff;border-radius:8px}.qr-note{color:var(--sub);text-align:center;margin:0;font-size:11.5px}.ticket-items-title{color:var(--sub);text-align:left;width:100%;margin:4px 0 0;font-size:12.5px;font-weight:800}.ticket .summary-items{width:100%}.done-mark{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;margin:40px 0 6px;font-size:40px;font-weight:900;display:flex}.patto-card{background:var(--ink);color:#fff;text-align:left;border-radius:16px;width:100%;margin:20px 0 4px;padding:20px}.patto-card h3{margin:0 0 6px;font-size:16px;font-weight:900}.patto-card p{opacity:.9;margin:0 0 14px;font-size:13px}.patto-card .cta.patto{background:var(--pop);color:var(--pop-ink)}.foot{text-align:center;color:var(--sub);padding:14px 20px calc(14px + env(safe-area-inset-bottom));font-size:11px}