.menu-app{--tint-06:color-mix(in srgb, var(--menu-accent) 6%, var(--background));--tint-10:color-mix(in srgb, var(--menu-accent) 10%, var(--background));--tint-14:color-mix(in srgb, var(--menu-accent) 14%, white);--tint-90:color-mix(in srgb, var(--menu-accent) 90%, black);isolation:isolate;justify-content:center;align-items:center;min-height:100dvh;padding:20px 14px;display:flex;position:relative}.menu-app:before{content:"";z-index:-1;background:radial-gradient(140% 90% at 50% 0%, color-mix(in srgb, var(--menu-accent) 30%, #120c07) 0%, #0b0806 62%), #0b0806;position:fixed;inset:0}.menu-book{background:var(--background);scrollbar-width:thin;border-radius:26px;width:100%;max-width:480px;height:min(820px,100dvh - 40px);padding:0 20px 96px;position:relative;overflow:hidden auto;box-shadow:0 50px 120px -28px #000000bf,0 0 0 1px #ffffff12}@media (min-width:640px){.menu-book{max-width:560px;height:min(880px,100dvh - 64px)}}@media (min-width:1024px){.menu-book{max-width:620px;height:min(920px,100dvh - 80px)}}@keyframes menu-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.menu-app *{transition-duration:.01ms!important;animation-duration:.01ms!important}}.menu-hero{margin:0 -20px 46px;animation:.5s cubic-bezier(.16,1,.3,1) both menu-rise;position:relative}.menu-hero .backdrop{background-image:linear-gradient(180deg, color-mix(in srgb, var(--menu-accent) var(--hero-tint,30%), #0a07058c) 0%, #0a070526 45%, var(--background) 96%), var(--menu-hero-photo,linear-gradient(160deg, var(--tint-14), var(--tint-06)));background-position:50% 42%;background-size:cover;border-radius:26px 26px 0 0;width:100%;height:178px;position:relative}@media (min-width:640px){.menu-hero .backdrop{height:260px}}@media (min-width:960px){.menu-hero .backdrop{height:340px}}.menu-hero .brand-name{letter-spacing:-.01em;color:#fff;text-shadow:0 2px 14px #00000073;font-size:23px;font-weight:800;position:absolute;bottom:54px;left:20px;right:20px}.menu-hero .logo-ring{z-index:2;background:var(--surface);box-shadow:0 12px 28px -8px #00000059, 0 1px 0 var(--border);border-radius:22px;justify-content:center;align-items:center;margin:-34px auto 0;padding:6px;display:inline-flex;position:relative}.menu-hero img.logo{object-fit:contain;border-radius:16px;height:56px;display:block}.menu-hero .info{text-align:center;padding:10px 20px 0}.menu-hero h1{letter-spacing:-.01em;color:var(--tint-90);font-size:22px;font-weight:800}.menu-hero .addr{color:var(--muted);margin-top:4px;font-size:13px}.menu-hero .badge-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:10px;display:flex}.menu-badge{color:var(--muted);align-items:center;gap:5px;font-size:12px;font-weight:500;display:inline-flex}.menu-badge+.menu-badge:before{content:"·";opacity:.6;margin-right:5px}.menu-nav{z-index:30;background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(10px)saturate(1.4);border-bottom:1px solid var(--border);scrollbar-width:none;gap:8px;margin:0 -20px 18px;padding:10px 20px;display:flex;position:sticky;top:0;overflow-x:auto}.menu-nav::-webkit-scrollbar{display:none}.menu-nav:after{content:"";background:linear-gradient(to right, transparent, color-mix(in srgb, var(--background) 92%, transparent) 70%);pointer-events:none;width:34px;position:absolute;top:0;bottom:1px;right:0}.menu-nav button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:100px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:650;transition:background .2s,color .2s,border-color .2s,transform .15s}.menu-nav button:active{transform:scale(.96)}.menu-nav button.on{background:var(--menu-accent);border-color:var(--menu-accent);color:#fff}.menu-page-scene{perspective:1200px;min-height:40vh;position:relative}.menu-page{border-radius:20px;padding:4px 2px 24px}@keyframes menu-page-in-next{0%{opacity:0;transform:translate(26px)rotateY(-6deg)}to{opacity:1;transform:translate(0)rotateY(0)}}@keyframes menu-page-in-prev{0%{opacity:0;transform:translate(-26px)rotateY(6deg)}to{opacity:1;transform:translate(0)rotateY(0)}}.menu-page-next{transform-origin:0;animation:.45s cubic-bezier(.16,1,.3,1) both menu-page-in-next}.menu-page-prev{transform-origin:100%;animation:.45s cubic-bezier(.16,1,.3,1) both menu-page-in-prev}.menu-section-title{letter-spacing:.14em;text-transform:uppercase;color:var(--menu-accent);align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.menu-section-title:after{content:"";background:var(--border);flex:1;height:1px}.menu-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;gap:14px;padding:14px;transition:box-shadow .25s,border-color .25s,transform .15s;display:flex}.menu-card:active{transform:scale(.99)}.menu-card img.item-photo{object-fit:cover;border-radius:14px;flex-shrink:0;width:76px;height:76px;box-shadow:0 6px 16px -6px #00000040}.menu-card .item-name{letter-spacing:-.005em;font-size:15px;font-weight:700}.menu-card .item-desc{color:color-mix(in srgb, var(--muted) 78%, black);margin-top:2px;font-size:13px;line-height:1.45}.menu-card .item-price{color:var(--tint-90);font-variant-numeric:tabular-nums;font-size:14.5px;font-weight:700}.menu-card-soldout{opacity:.55}.menu-card-soldout .item-photo{filter:grayscale(60%)}.menu-card-soldout .item-name{text-decoration:line-through;text-decoration-thickness:1.5px}.item-soldout-tag{letter-spacing:.04em;text-transform:uppercase;color:#b3411f;vertical-align:middle;background:#b3411f1f;border-radius:100px;margin-left:8px;padding:2px 8px;font-size:10px;font-weight:800;text-decoration:none;display:inline-block}.item-soldout-note{color:var(--muted);font-size:12.5px;font-style:italic}.menu-add-btn{min-height:44px;color:var(--menu-accent);background:color-mix(in srgb, var(--menu-accent) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--menu-accent) 30%, var(--border));border-radius:11px;padding:0 16px;font-size:13px;font-weight:700;transition:background .2s,transform .12s}.menu-add-btn:active{transform:scale(.94)}.menu-stepper{background:color-mix(in srgb, var(--menu-accent) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--menu-accent) 22%, var(--border));border-radius:11px;align-items:center;gap:10px;padding:2px;display:flex}.menu-stepper button{width:40px;height:40px;color:var(--menu-accent);background:var(--surface);border-radius:9px;font-size:15px;font-weight:800;transition:transform .12s,background .15s}.menu-stepper button:active{transform:scale(.88)}.menu-stepper .n{text-align:center;font-variant-numeric:tabular-nums;min-width:20px;font-size:13.5px;font-weight:750}.menu-fab{inset-inline:16px;z-index:40;background:linear-gradient(135deg, var(--menu-accent), color-mix(in srgb, var(--menu-accent) 75%, black));color:#fff;max-width:480px;box-shadow:0 16px 36px -10px color-mix(in srgb, var(--menu-accent) 55%, transparent);border-radius:18px;justify-content:space-between;align-items:center;margin-inline:auto;padding:15px 20px;font-size:14.5px;font-weight:700;transition:transform .15s;animation:.35s cubic-bezier(.34,1.56,.64,1) both menu-pop;display:flex;position:fixed;bottom:16px}.menu-fab:active{transform:scale(.97)}.menu-fab.ghost{background:color-mix(in srgb, var(--menu-accent) 14%, #140e08b8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 16px 36px -14px #00000080, inset 0 0 0 1.5px color-mix(in srgb, var(--menu-accent) 55%, white)}.menu-fab .count-pill{font-variant-numeric:tabular-nums;background:#ffffff40;border-radius:100px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-right:8px;padding:0 5px;font-size:11.5px;display:inline-flex}.menu-sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#140e086b;justify-content:center;align-items:flex-end;animation:.25s both menu-fade;display:flex;position:fixed;inset:0}@media (min-width:640px){.menu-sheet-backdrop{align-items:center;padding:24px}}@keyframes menu-fade{0%{opacity:0}to{opacity:1}}.menu-sheet{background:var(--surface);border-radius:26px 26px 0 0;width:100%;max-width:520px;max-height:88vh;padding:10px 20px 22px;animation:.38s cubic-bezier(.16,1,.3,1) both menu-sheet-up;overflow-y:auto;box-shadow:0 -20px 50px -12px #00000040}@media (min-width:640px){.menu-sheet{border-radius:26px;animation:.3s cubic-bezier(.34,1.56,.64,1) both menu-pop}}@keyframes menu-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.menu-sheet .handle{background:var(--border);border-radius:100px;width:40px;height:4px;margin:4px auto 14px}.status-track{justify-content:center;align-items:center;gap:6px;margin-top:18px;display:flex}.status-track .step{background:var(--border);border-radius:50%;width:9px;height:9px;transition:background .3s,transform .3s}.status-track .bar{background:var(--border);width:34px;height:2px;transition:background .3s}.status-track .step.done,.status-track .bar.done{background:var(--menu-accent)}.status-track .step.current{background:var(--menu-accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--menu-accent) 22%, transparent);transform:scale(1.5)}.status-track .step.cancelled{background:#c0392b}.menu-star-row{justify-content:center;gap:2px;display:flex}.menu-star{color:var(--border);padding:6px 8px;font-size:34px;line-height:1;transition:transform .15s,color .15s}.menu-star:hover,.menu-star:focus-visible{transform:scale(1.16)rotate(-4deg)}.menu-star.filled{color:var(--menu-accent)}.menu-campaign{box-shadow:0 24px 50px -14px #0000004d, 0 0 0 1px var(--border);animation:.4s cubic-bezier(.34,1.56,.64,1) both menu-pop}.menu-social{text-align:center;margin-top:24px}.menu-social-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:700}.menu-social-row{justify-content:center;gap:10px;margin-top:10px;display:flex}.menu-social-icon{background:color-mix(in srgb, var(--menu-accent) 10%, var(--surface));border:1px solid color-mix(in srgb, var(--menu-accent) 22%, var(--border));width:38px;height:38px;color:color-mix(in srgb, var(--menu-accent) 70%, var(--foreground));border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .2s;display:inline-flex}.menu-social-icon:hover{background:color-mix(in srgb, var(--menu-accent) 18%, var(--surface));transform:scale(1.08)}.menu-social-icon svg{width:19px;height:19px}.menu-announcement{background:color-mix(in srgb, var(--menu-accent) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--menu-accent) 25%, var(--border));border-radius:14px;align-items:center;gap:10px;margin:0 0 16px;padding:10px 14px;animation:.35s cubic-bezier(.16,1,.3,1) both menu-rise;display:flex}.menu-announcement p{color:color-mix(in srgb, var(--menu-accent) 75%, var(--foreground));flex:1;margin:0;font-size:13px;font-weight:600;line-height:1.4}.menu-announcement button{color:var(--muted);flex-shrink:0;padding:2px;line-height:1}.menu-cover-scene{z-index:60;perspective:1400px;position:fixed;inset:0}.menu-cover-panel{transform-origin:0;backface-visibility:hidden;background-image:linear-gradient(var(--menu-accent), var(--menu-accent)), var(--cover-texture);background-blend-mode:color;cursor:pointer;background-position:50%;background-size:cover;outline:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;box-shadow:20px 0 60px -10px #000000b3}.menu-cover-panel:before{content:"";pointer-events:none;background:radial-gradient(120% 100% at 50% 32%,#0000 38%,#0006 100%);position:absolute;inset:0}@keyframes menu-cover-open{0%{opacity:1;transform:rotateY(0)translateZ(0)}70%{opacity:1;transform:rotateY(-84deg)translateZ(0)}to{opacity:0;transform:rotateY(-100deg)translateZ(0)}}.menu-cover-panel.opening{animation:1.6s cubic-bezier(.5,0,.24,1) forwards menu-cover-open}.menu-cover-panel:focus-visible{box-shadow:inset 0 0 0 4px #fff9}.menu-cover-panel{--cover-badge-x:47%;--cover-badge-y:48%}.menu-cover-panel[data-cover-style=leather]{--cover-badge-x:66%;--cover-badge-y:49%}.menu-cover-panel[data-cover-style=linen]{--cover-badge-x:60%;--cover-badge-y:47%}.menu-cover-panel[data-cover-style=marble]{--cover-badge-x:47%;--cover-badge-y:47%}.menu-cover-inner{text-align:center;width:100%;height:100%;position:relative}.menu-cover-badge{left:var(--cover-badge-x);top:var(--cover-badge-y);transform:translate(-50%, -50%) rotate(var(--cover-badge-rotate,0deg)) scale(var(--cover-badge-scale,1));justify-content:center;align-items:center;max-width:calc(100% - 64px);display:inline-flex;position:absolute}.menu-cover-logo{object-fit:contain;filter:drop-shadow(0 10px 26px #00000080);max-width:min(320px,62vw);max-height:min(220px,32vh);display:block}.menu-cover-name{letter-spacing:-.01em;color:#fff;text-shadow:0 -1px #ffffff4d,0 2px 4px #0000008c;max-width:16ch;font-size:28px;font-weight:800}.menu-cover-hint{letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:.82;text-shadow:0 2px 10px #0006;font-family:ui-monospace,Menlo,monospace;font-size:14px;animation:2.2s ease-in-out infinite menu-cover-pulse;position:absolute;bottom:9%;left:0;right:0}@keyframes menu-cover-pulse{0%,to{opacity:.55}50%{opacity:.95}}