.wte-page{--wte-bg: #fffdf9;--wte-card-bg: #ffffff;--wte-primary: #ff7e3b;--wte-primary-light: #fff3eb;--wte-text-main: #2d2d2d;--wte-text-sub: #7a7a7a;--wte-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .05);--wte-shadow-hover: 0 .625rem 1.875rem rgba(255, 126, 59, .15);--border-color: #eaeaea;display:flex;flex-direction:column;background-color:var(--wte-bg);min-height:100vh;min-height:100dvh;color:var(--wte-text-main)}.dark .wte-page{--wte-bg: #12100e;--wte-card-bg: #1e1a18;--wte-primary: #ff8c42;--wte-primary-light: rgba(255, 140, 66, .1);--wte-text-main: #f5f0eb;--wte-text-sub: #a89f98;--border-color: #2d2622;--wte-shadow: 0 .25rem 1.25rem rgba(0, 0, 0, .4)}.wte-page .wte-grid-shell{padding:var(--header-safe-area) 1rem 8.75rem;width:100vw;max-width:100%;margin:0;flex:1;box-sizing:border-box}.wte-page .page-title{color:var(--wte-primary)}.wte-page .page-desc{color:var(--wte-text-sub)}.wte-page .wte-grid-items{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:.75rem;width:100%!important;margin:0 auto}@media(min-width:48rem){.wte-page .wte-grid-items{grid-template-columns:repeat(auto-fill,minmax(11.25rem,1fr))!important;gap:1.5rem;padding:0 1.25rem}}.wte-page .dish-card{background-color:var(--wte-card-bg);border:.0625rem solid var(--border-color);border-radius:.75rem;padding:.75rem .5rem;transition:transform .3s cubic-bezier(.25,.8,.25,1),box-shadow .3s cubic-bezier(.25,.8,.25,1),border-color .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 .125rem .375rem #0000000a;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;min-height:13.75rem}.wte-page .dish-card:hover{transform:translateY(-.25rem);box-shadow:0 .5rem 1.5rem #00000014;background-color:var(--wte-card-bg)}.wte-page .dish-card:not(.is-selected):hover{border-color:var(--wte-primary)}.wte-page .dish-card.is-selected{border-color:var(--wte-primary)!important;background-color:var(--wte-primary-light)!important;outline:2px solid var(--wte-primary);outline-offset:-1px;transform:scale(.96);box-shadow:inset 0 .125rem .25rem #0000000d}.wte-page .dish-card.is-selected .dish-emoji{transform:scale(1.1)}.wte-page .dish-emoji{font-size:3.2rem;margin-top:.5rem;margin-bottom:.5rem;line-height:1;transition:transform .3s ease;will-change:transform}.wte-page .dish-name{font-size:1.1rem;font-weight:700;margin-bottom:.5rem;color:var(--wte-text-main)}.wte-page .dish-desc{font-size:.85rem;color:var(--wte-text-sub);line-height:1.4;margin-bottom:.75rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-clamp:2;min-height:2.4em}.wte-page .tag{font-size:.75rem;padding:.125rem .5rem;border-radius:62.4375rem;font-weight:500}.wte-page .tag-spicy{background:#fee2e2;color:#ef4444}.wte-page .tag-hot{background:#ffedd5;color:#f97316}.wte-page .tag-veggie{background:#dcfce7;color:#22c55e}.wte-page .tag-seafood{background:#dbeafe;color:#3b82f6}.wte-page .tag-meat{background:#fef3c7;color:#d97706}.wte-page .tag-noodle{background:#f3e8ff;color:#a855f7}.wte-page .tag-rice{background:#e0f2fe;color:#0ea5e9}.wte-page .tag-dimsum{background:#fae8ff;color:#d946ef}.wte-page .tag-cold{background:#e0f2fe;color:#06b6d4}.wte-page .tag-mild{background:#f0f9ff;color:#0369a1}.wte-page .tag-fried{background:#fefce8;color:#854d0e}.wte-page .tag-default{background:#f3f4f6;color:#6b7280}.wte-page .cart-drawer{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(-1.5rem);width:90%;max-width:30rem;background:var(--wte-card-bg);border-radius:1.25rem;box-shadow:0 .625rem 2.5rem #0003;z-index:1000;transition:transform .5s var(--bezier),opacity .5s var(--bezier),width .5s var(--bezier),max-height .5s var(--bezier),border-radius .5s var(--bezier),padding .5s var(--bezier);border:.0625rem solid var(--border-color);overflow:hidden;will-change:transform,opacity;opacity:1}.wte-page .cart-drawer.is-collapsed{padding:.75rem 1.25rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.wte-page .cart-drawer.is-collapsed>button{background:transparent;border:none;padding:0;margin:0;width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;text-align:left}.wte-page .cart-drawer.is-collapsed>button:hover{opacity:.9}.wte-page .cart-drawer.is-collapsed>button:focus-visible{outline:2px solid var(--wte-primary);outline-offset:2px;border-radius:.75rem}.wte-page .cart-drawer.is-expanded{transform:translate(-50%) translateY(0);width:100%;max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:1.5rem;max-height:90vh}.wte-page .cart-drawer.is-hidden{transform:translate(-50%) translateY(100%);opacity:0;pointer-events:none}.wte-page .cart-drawer-content{max-width:37.5rem;margin:0 auto;width:100%;display:flex;flex-direction:column;min-height:min-content}.wte-page .h-6{height:1.5rem}.wte-page .w-6{width:1.5rem}.wte-page .h-5{height:1.25rem}.wte-page .w-5{width:1.25rem}@media(min-width:48rem){.wte-page .cart-drawer.is-expanded{padding:2rem}}.wte-page .btn{color:#fff;border:none;padding:.45rem .9rem;height:2.375rem;border-radius:.75rem;font-weight:500;cursor:pointer;font-size:.8125rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.wte-page .btn-share{background:var(--wte-primary);transition:filter .2s}.wte-page .btn-share:hover{filter:brightness(1.1)}.wte-page .btn-secondary{background-color:#6b7280;transition:background-color .2s}.dark .wte-page .btn-secondary{background-color:#4b4542;color:#fff}.wte-page .btn-secondary:hover{background-color:#4b5563}.dark .wte-page .btn-secondary:hover{background-color:#5d5550}.wte-page .btn-danger{background-color:#f97316;transition:background-color .2s,transform .2s}.dark .wte-page .btn-danger{background-color:#ea580c}.wte-page .btn-danger:hover{background-color:#ea580c;transform:scale(1.02)}.dark .wte-page .btn-danger:hover{background-color:#c2410c}.wte-page .cart-drawer-toggle-btn{cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center}.wte-page button.cart-drawer-toggle-btn{background:transparent;border:none;padding:.25rem;color:inherit;border-radius:.375rem}.wte-page button.cart-drawer-toggle-btn:hover{background-color:#0000000d}.dark .wte-page button.cart-drawer-toggle-btn:hover{background-color:#ffffff14}.wte-page button.cart-drawer-toggle-btn:focus-visible{outline:2px solid var(--wte-primary);outline-offset:2px}.wte-page .flex{display:flex}.wte-page .text-center{text-align:center}.wte-page .items-center{align-items:center}.wte-page .justify-between{justify-content:space-between}.wte-page .gap-2{gap:.5rem}.wte-page .mt-auto{margin-top:auto}.wte-page .gap-3{gap:.75rem}.wte-page .gap-4{gap:1rem}.wte-page .mb-12{margin-bottom:3rem}.wte-page .mb-6{margin-bottom:1.5rem}.wte-page .mb-2{margin-bottom:.5rem}.wte-page .text-4xl{font-size:2.25rem}.wte-page .font-extrabold{font-weight:800}.wte-page .text-xl{font-size:1.25rem}.wte-page .font-bold{font-weight:700}.wte-page .text-gray-500{color:#6b7280}.wte-page .text-gray-800{color:#1f2937}.dark .wte-page .text-gray-800{color:var(--wte-text-main)}.wte-page .text-orange-600{color:var(--wte-primary)}.wte-page .rounded-xl{border-radius:.75rem}.wte-page .p-3{padding:.75rem}.wte-page .bg-gray-50{background-color:#f9fafb}.dark .wte-page .bg-gray-50{background-color:#25201e}.wte-page .w-full{width:100%}.wte-page .max-h-\[60vh\]{max-height:60vh}.wte-page .overflow-y-auto{overflow-y:auto}.wte-page .space-y-3>*+*{margin-top:.75rem}.wte-page .flex-1{flex:1 1 0%}.wte-page .shadow-lg{box-shadow:0 .625rem .9375rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.wte-page .bg-white{background-color:#fff}.dark .wte-page .bg-white{background-color:var(--wte-card-bg)}.wte-page .font-medium{font-weight:500}.wte-page .text-xs{font-size:.75rem}.wte-page .animate-in{animation-duration:.3s;animation-fill-mode:both}.wte-page .fade-in{animation-name:wteFadeIn}@keyframes wteFadeIn{0%{opacity:0;transform:translateY(.625rem)}to{opacity:1;transform:translateY(0)}}