body,html{height:100%;overflow:hidden}:root{--paper:#FBF6EC;--card:#FFFFFF;--ink:#211A13;--ink-soft:#6B5E50;--ink-faint:#A0917E;--blue:#2A85FF;--blue-deep:#175FBE;--blue-soft:#E8F0FF;--coral:#FF6A55;--green:#4E9E3E;--peach:#FFBC99;--line:rgba(33,26,19,.10);--line-2:rgba(33,26,19,.06);--shadow:0 16px 44px -16px rgba(43,30,12,.30);--shadow-sm:0 6px 18px -8px rgba(43,30,12,.22);--serif:"Lora",Georgia,serif;--sans:"Hanken Grotesk",-apple-system,sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--sans);color:var(--ink);min-height:100%}.app{position:relative;height:100vh;height:100dvh;width:100%;max-width:480px;margin:0 auto;background:var(--paper);display:flex;flex-direction:column;overflow:hidden}.scroll{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.searchbar{padding:12px 16px 6px;background:var(--paper)}.scroll::-webkit-scrollbar{display:none}.cover{position:relative;height:200px;flex:none;background-size:cover;background-position:50%}.cover.nobrand{background:linear-gradient(135deg,var(--coral),var(--peach) 70%,#ffd9c2)}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,15,10,.05),rgba(20,15,10,.55))}.cover .top{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:46px 18px 0;z-index:3}.pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.3);font-size:12.5px;font-weight:600;padding:8px 13px;border-radius:100px;align-items:center;gap:7px;cursor:pointer}.cover .id,.pill{color:#fff;display:flex}.cover .id{position:absolute;bottom:16px;left:18px;right:18px;z-index:3;align-items:flex-end;gap:13px}.logo{width:60px;height:60px;border-radius:17px;background:#fff;flex:none;display:grid;place-items:center;font-weight:700;color:var(--coral);font-size:30px;box-shadow:var(--shadow-sm)}.id .vn,.logo{font-family:var(--serif)}.id .vn{font-size:27px;font-weight:600;line-height:1;letter-spacing:-.01em}.id .vw{font-size:13px;opacity:.9;margin-top:5px}.ico{width:17px;height:17px;flex:none}.search .search-ic{color:var(--ink-faint)}.toast .ic svg{width:14px;height:14px;color:#fff}.actions-row{display:flex;gap:10px;padding:14px 16px 4px}.action .ai{width:26px;height:26px;flex:none}.action{flex:1 1;min-width:0;display:flex;align-items:center;gap:11px;border:none;cursor:pointer;border-radius:15px;padding:13px 14px;text-align:left;color:#fff;box-shadow:var(--shadow-sm);transition:transform .12s ease}.action:active{transform:scale(.97)}.action>span{min-width:0;overflow:hidden}.action b{font-family:var(--sans);font-weight:700;font-size:15px;line-height:1.1}.action b,.action small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action small{font-size:11px;opacity:.85;margin-top:2px}.action.waiter{background:var(--coral)}.action.bill{background:var(--green)}.bar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px 8px;border-bottom:1px solid var(--line-2)}.search{display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:13px;padding:11px 14px}.search input{border:none;outline:none;font-family:var(--sans);font-size:15px;flex:1 1;min-width:0;background:transparent;color:var(--ink)}.search input::placeholder{color:var(--ink-faint)}.cats{display:flex;gap:8px;overflow-x:auto;padding-top:10px;margin:0 -16px;padding-left:16px;padding-right:16px}.cats::-webkit-scrollbar{display:none}.cat{flex:none;font-size:13.5px;font-weight:600;padding:9px 15px;border-radius:100px;background:var(--card);border:1px solid var(--line);color:var(--ink-soft);cursor:pointer;transition:.18s;white-space:nowrap}.cat.on{background:var(--ink);color:#fff;border-color:var(--ink)}.menu{padding:8px 16px}.group{padding-top:18px}.ghead{display:flex;align-items:center;gap:10px;margin:6px 0 10px}.ghead .swatch{width:11px;height:11px;border-radius:50%}.ghead h2{font-family:var(--serif);font-size:23px;font-weight:600;letter-spacing:-.01em}.ghead .n{margin-left:auto;font-size:12px;color:var(--ink-faint);font-weight:600}.item{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid var(--line-2);cursor:pointer;align-items:center}.item:active{opacity:.6}.thumb{width:78px;height:78px;border-radius:15px;flex:none;background-size:cover;background-position:50%;background-color:#eadfce;position:relative;box-shadow:var(--shadow-sm)}.thumb .so{position:absolute;inset:0;background:rgba(20,15,10,.55);border-radius:15px;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.thumb.noimg{display:grid;place-items:center}.thumb.noimg:after{content:attr(data-l);font-family:var(--serif);font-weight:600;font-size:26px;color:#fff;opacity:.85}.meta{flex:1 1;min-width:0}.meta .nm{font-size:16px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meta .ds{font-size:13px;color:var(--ink-soft);margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta .tags{display:flex;gap:6px;margin-top:7px;flex-wrap:wrap}.tag{font-size:11px;font-weight:600;color:var(--blue-deep);background:var(--blue-soft);padding:3px 9px;border-radius:7px}.tag.v{color:var(--green);background:#E9F4E4}.price{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex:none;max-width:45%}.price .p{font-size:16px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right}.item.out{opacity:.55}.toast{position:absolute;left:16px;right:16px;bottom:18px;z-index:60;background:var(--ink);color:var(--paper);border-radius:14px;padding:14px 16px;font-size:14px;font-weight:500;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow);opacity:0;transform:translateY(140%);pointer-events:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease}.toast.show{opacity:1;transform:none;pointer-events:auto}.toast .ic{width:26px;height:26px;border-radius:50%;background:var(--green);display:grid;place-items:center;flex:none;font-weight:800}.sheet-bg{position:absolute;inset:0;z-index:70;background:rgba(20,15,10,.5);opacity:0;pointer-events:none;transition:.3s}.sheet-bg.show{opacity:1;pointer-events:auto}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:80;background:var(--paper);border-radius:28px 28px 0 0;transform:translateY(100%);transition:transform .38s cubic-bezier(.2,.8,.2,1);max-height:88%;display:flex;flex-direction:column}.sheet.show{transform:none}.sheet .handle{width:42px;height:5px;border-radius:10px;background:var(--line);margin:11px auto 0;flex:none}.sheet-scroll{overflow-y:auto;padding:6px 20px 16px}.sheet-scroll::-webkit-scrollbar{display:none}.sheet .hero-img{height:170px;border-radius:18px;background-size:cover;background-position:50%;margin:12px 0 16px}.sheet h3{font-family:var(--serif);font-size:25px;font-weight:600;letter-spacing:-.01em}.sheet .sd{font-size:14.5px;color:var(--ink-soft);margin:8px 0 18px}.opt-group{margin-bottom:18px}.opt-group .gl{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.opt-group .gl b{font-size:15px;font-weight:700}.opt-group .gl span{font-size:12px;color:var(--ink-faint);font-weight:600}.opt{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1.5px solid var(--line);border-radius:13px;margin-bottom:8px;cursor:pointer;transition:.15s}.opt.sel{border-color:var(--blue);background:var(--blue-soft)}.opt .mark{width:21px;height:21px;border-radius:50%;border:2px solid var(--line);flex:none;display:grid;place-items:center}.opt.sel .mark{border-color:var(--blue);background:var(--blue)}.opt.sel .mark:after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}.opt .on{flex:1 1;font-size:14.5px;font-weight:500}.opt .op{font-size:13.5px;font-weight:600;color:var(--ink-soft)}.opt.dim{opacity:.45}.info-row{display:flex;justify-content:space-between;gap:12px;padding:11px 2px;border-bottom:1px solid var(--line-2);font-size:14.5px}.info-row:last-child{border:none}.info-row .op{font-weight:600;color:var(--ink-soft);white-space:nowrap}.info-row.dim{opacity:.5}.info-tags{display:flex;flex-wrap:wrap;gap:8px}.info-tag{background:var(--card);border:1px solid var(--line);font-size:13px;font-weight:500}.info-tag,.soldout-note{border-radius:100px;padding:7px 13px}.soldout-note{display:inline-block;background:#FDE8E4;color:var(--coral);font-weight:700;font-size:12.5px;margin-bottom:6px}.acttitle{text-align:center;padding-top:6px;margin-bottom:18px}.acttitle .em svg{width:38px;height:38px;color:var(--coral)}.acttitle h3{font-family:var(--serif);font-size:24px;font-weight:600;margin-top:4px}.acttitle .sd{font-size:14px;color:var(--ink-soft);margin-top:4px}.noteinput{width:100%;border:1.5px solid var(--line);border-radius:13px;padding:13px 14px;font-family:var(--sans);font-size:15px;outline:none;background:var(--card);color:var(--ink)}.noteinput::placeholder{color:var(--ink-faint)}.poweredby{text-align:center;font-size:11.5px;color:var(--ink-faint);padding:14px 0 22px}.poweredby b{font-family:var(--serif);font-weight:600;color:var(--ink-soft)}img.logo{object-fit:cover}.centered{height:100%;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;text-align:center;color:var(--ink);font-size:24px;font-weight:600;line-height:1.3;font-family:var(--serif)}.spinner{width:26px;height:26px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.cta{background:var(--blue);color:#fff;border:none;border-radius:13px;padding:14px 20px;font-family:var(--sans);font-weight:700;font-size:15px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;box-shadow:0 8px 18px -8px rgba(42,133,255,.8)}.cta.full{width:100%;margin-top:6px}