:root{--menu-fg: #1f2a30;--menu-fg-muted: #5b6b73;--menu-surface: rgba(255, 255, 255, .92);--menu-surface-solid: #ffffff;--menu-border: rgba(31, 42, 48, .12);--menu-accent: #36474e;--menu-radius: 16px;--menu-shadow: 0 6px 24px rgba(31, 42, 48, .1);--menu-bg: linear-gradient(160deg, #f4f6f7 0%, #e9eef0 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--menu-fg);background:var(--menu-bg) fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh}.menu-app{min-height:100dvh;background:var(--menu-bg);background-attachment:fixed;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.menu-shell{max-width:720px;margin:0 auto}.menu-header{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:18px 8px 22px}.menu-header__logo{width:84px;height:84px;object-fit:cover;border-radius:50%;background:var(--menu-surface-solid);box-shadow:var(--menu-shadow)}.menu-header__name{margin:0;font-size:clamp(1.5rem,6vw,2rem);font-weight:700;letter-spacing:-.01em}.menu-tabs{position:sticky;top:0;z-index:5;display:flex;gap:8px;overflow-x:auto;padding:10px 4px;margin:0 -4px 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.menu-tabs::-webkit-scrollbar{display:none}.menu-tab{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--menu-border);background:var(--menu-surface);color:var(--menu-fg);font-size:.95rem;font-weight:600;padding:9px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.menu-tab--active{background:var(--menu-accent);color:#fff;border-color:transparent}.menu-section{margin-bottom:14px}.menu-card{background:var(--menu-surface);border:1px solid var(--menu-border);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.menu-category__title{margin:0;font-size:1.15rem;font-weight:700;padding:16px 18px 10px}.menu-accordion__head{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-size:1.15rem;font-weight:700;color:var(--menu-fg);cursor:pointer;text-align:left}.menu-accordion__count{font-size:.85rem;font-weight:600;color:var(--menu-fg-muted)}.menu-accordion__chevron{transition:transform .2s ease;color:var(--menu-fg-muted);flex:0 0 auto}.menu-accordion__chevron--open{transform:rotate(180deg)}.menu-product{display:flex;align-items:center;gap:14px;padding:12px 18px;border-top:1px solid var(--menu-border)}.menu-product__name{flex:1 1 auto;min-width:0;font-size:1rem;line-height:1.35}.menu-product__price{flex:0 0 auto;font-size:1rem;font-weight:700;white-space:nowrap;color:var(--menu-accent)}.menu-thumb{display:block;flex:0 0 auto;aspect-ratio:1 / 1;object-fit:cover;background:var(--menu-surface-solid);border-radius:12px;border:1px solid var(--menu-border)}.menu-thumb--row{width:52px;height:52px;border-radius:10px}.menu-thumb--grid{width:100%;height:auto;border-radius:12px}.menu-thumb--empty{display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#eef2f3,#e3e9eb);color:var(--menu-fg-muted)}.menu-thumb__initial{font-weight:700;line-height:1;letter-spacing:-.01em;-webkit-user-select:none;user-select:none}.menu-thumb--row .menu-thumb__initial{font-size:1.25rem}.menu-thumb--grid .menu-thumb__initial{font-size:clamp(1.6rem,9vw,2.4rem)}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:4px 0 8px}@media(min-width:540px){.menu-grid{grid-template-columns:repeat(3,1fr)}}.menu-grid__item{background:var(--menu-surface);border:1px solid var(--menu-border);border-radius:var(--menu-radius);box-shadow:var(--menu-shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px;display:flex;flex-direction:column;gap:10px}.menu-grid__body{display:flex;flex-direction:column;gap:6px;padding:0 4px 4px}.menu-grid__name{font-size:.98rem;font-weight:600;line-height:1.3}.menu-grid__price{font-size:1.05rem;font-weight:700;color:var(--menu-accent)}.menu-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-height:60dvh;padding:24px;color:var(--menu-fg-muted)}.menu-state__title{margin:0;font-size:1.2rem;font-weight:700;color:var(--menu-fg)}.menu-spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--menu-border);border-top-color:var(--menu-accent);animation:menu-spin .8s linear infinite}@keyframes menu-spin{to{transform:rotate(360deg)}}.menu-footer{text-align:center;padding:26px 8px 8px;font-size:.78rem;color:var(--menu-fg-muted)}.menu-shell--ordering{padding-bottom:88px}.menu-table-badge{margin:0 4px 12px;display:inline-flex;align-self:flex-start;font-size:.85rem;font-weight:700;color:var(--menu-accent);background:var(--menu-surface);border:1px solid var(--menu-border);border-radius:999px;padding:6px 14px}.menu-note{margin:0 4px 12px;padding:12px 14px;border-radius:12px;font-size:.9rem;line-height:1.4;border:1px solid var(--menu-border)}.menu-note--info{background:#36474e0f;color:var(--menu-fg)}.menu-note--warn{background:#fff7ed;border-color:#fdba74;color:#9a3412}.menu-note--error{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.menu-add{flex:0 0 auto}.menu-add--row{margin-left:4px}.menu-add__btn,.menu-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:700;border-radius:999px;border:1px solid var(--menu-accent);background:var(--menu-accent);color:#fff;font-size:.9rem;padding:8px 16px;white-space:nowrap}.menu-add--grid.menu-add__btn,.menu-add--grid.menu-stepper{width:100%}.menu-stepper{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--menu-border);border-radius:999px;background:var(--menu-surface-solid);padding:2px}.menu-stepper__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:32px;height:32px;border:none;border-radius:50%;background:transparent;color:var(--menu-accent);font-size:1.25rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}.menu-stepper__btn:active{background:var(--menu-border)}.menu-stepper__qty{min-width:24px;text-align:center;font-weight:700;font-size:.95rem}.menu-add--grid.menu-stepper{justify-content:space-between}.menu-grid__foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.menu-cartbar{position:fixed;left:50%;transform:translate(-50%);bottom:max(14px,env(safe-area-inset-bottom));z-index:20;width:min(692px,calc(100% - 28px));-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 18px;border:none;border-radius:16px;background:var(--menu-accent);color:#fff;box-shadow:0 10px 30px #1f2a3047;font-size:1rem}.menu-cartbar__badge{flex:0 0 auto;min-width:26px;height:26px;padding:0 7px;border-radius:999px;background:#ffffff38;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.menu-cartbar__label{flex:1 1 auto;text-align:left;font-weight:700}.menu-cartbar__total{flex:0 0 auto;font-weight:700}.menu-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;justify-content:center;background:#1f2a3073;padding:0}.menu-sheet__panel{width:100%;max-width:720px;max-height:92dvh;overflow-y:auto;background:var(--menu-surface-solid);border-radius:20px 20px 0 0;padding:18px 18px max(18px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px;box-shadow:0 -10px 40px #1f2a3040}.menu-sheet__head{display:flex;align-items:center;justify-content:space-between}.menu-sheet__title{margin:0;font-size:1.2rem;font-weight:700}.menu-sheet__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:transparent;font-size:1.1rem;color:var(--menu-fg-muted);width:36px;height:36px;border-radius:50%}.menu-sheet__close:active{background:var(--menu-border)}.menu-sheet__table{margin:0;font-size:.9rem;font-weight:700;color:var(--menu-accent)}.menu-cart-lines{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.menu-cart-line{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--menu-border)}.menu-cart-line:first-child{border-top:none}.menu-cart-line__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.menu-cart-line__name{font-size:1rem;font-weight:600;line-height:1.3}.menu-cart-line__sub{font-size:.82rem;color:var(--menu-fg-muted)}.menu-field{display:flex;flex-direction:column;gap:6px}.menu-field__label{font-size:.85rem;font-weight:600;color:var(--menu-fg-muted)}.menu-field__input{font:inherit;color:var(--menu-fg);border:1px solid var(--menu-border);border-radius:12px;padding:10px 12px;resize:vertical;background:var(--menu-surface-solid)}.menu-field__input:focus-visible{outline:2px solid var(--menu-accent);outline-offset:1px}.menu-cart-total{display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:1.1rem;padding-top:6px;border-top:1px solid var(--menu-border)}.menu-cart-total__value{color:var(--menu-accent)}.menu-btn--block{width:100%;padding:14px 16px;font-size:1.05rem}.menu-btn:disabled{opacity:.5;cursor:not-allowed}.menu-btn--primary{border-color:var(--menu-accent);background:var(--menu-accent);color:#fff}.menu-cart-foot{margin:0;text-align:center;font-size:.8rem;color:var(--menu-fg-muted)}.menu-order-done{align-items:center;text-align:center;padding-top:28px;padding-bottom:max(28px,env(safe-area-inset-bottom))}.menu-order-done__check{width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#15803d;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center}.menu-order-done__title{margin:0;font-size:1.25rem;font-weight:700}.menu-order-done__info{margin:0;color:var(--menu-fg-muted);font-size:.95rem}:focus-visible{outline:2px solid var(--menu-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.menu-spinner{animation-duration:1.6s}.menu-accordion__chevron{transition:none}}