html:has(.menu-page){--toolbar-h:124px;scroll-padding-top:calc(var(--header-h) + var(--toolbar-h) - var(--s-6))}@media (width>=900px){html:has(.menu-page){--toolbar-h:70px}}.menu-page [hidden]{display:none!important}.menu-main{padding-top:calc(var(--header-h) + var(--s-6));padding-bottom:var(--s-9)}.menu-hero h1{font-size:var(--step-4);letter-spacing:-.025em;line-height:1.05}.menu-hero>p{max-width:48ch;margin-top:var(--s-4);font-size:var(--step-1);color:var(--ink-muted);line-height:1.5}.menu-legend{gap:var(--s-2) var(--s-5);margin-top:var(--s-5);font-size:var(--step--1);color:var(--ink-muted);flex-wrap:wrap;display:flex}.menu-legend li{align-items:center;gap:var(--s-2);display:inline-flex}.menu-toolbar{top:var(--header-h);z-index:calc(var(--z-sticky) - 1);margin-top:var(--s-6);padding-block:var(--s-3);background:var(--paper);border-block:1px solid var(--line);position:sticky}.menu-toolbar-inner{gap:var(--s-3);display:grid}@media (width>=900px){.menu-toolbar-inner{align-items:center;gap:var(--s-5);grid-template-columns:minmax(220px,300px) minmax(0,1fr)}.no-js .menu-toolbar-inner{grid-template-columns:minmax(0,1fr)}}.menu-search{align-items:center;gap:var(--s-2);min-height:44px;padding-inline:var(--s-4);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper-2);color:var(--ink-muted);transition:border-color var(--d) var(--ease-out-quart);display:flex}.menu-search:focus-within{border-color:var(--bark);outline:3px solid var(--focus);outline-offset:2px}.menu-search input{min-width:0;min-height:42px;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0;font-size:1rem}.menu-search input::placeholder{color:var(--ink-muted)}.menu-nav{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);overscroll-behavior-x:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--s-4), #000 calc(100% - var(--s-4)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--s-4), #000 calc(100% - var(--s-4)), transparent);overflow-x:auto}.menu-nav::-webkit-scrollbar{display:none}.menu-nav ul{gap:var(--s-2);width:max-content;display:flex}@media (width>=900px){.menu-nav{margin-inline:0;padding-inline:0}}.menu-nav a{min-height:40px;padding:var(--s-2) var(--s-4);border:1px solid var(--line);border-radius:var(--r-pill);font-size:var(--step--1);white-space:nowrap;transition:background-color var(--d) var(--ease-out-quart), border-color var(--d) var(--ease-out-quart), color var(--d) var(--ease-out-quart);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.menu-nav a:hover{border-color:var(--bark)}.menu-nav a[aria-current=true]{background:var(--espresso);border-color:var(--espresso);color:var(--on-dark)}.menu-cat{padding-top:var(--s-8)}.menu-cat-head{align-items:baseline;gap:var(--s-1) var(--s-4);padding-bottom:var(--s-3);border-bottom:1px solid var(--ink);flex-wrap:wrap;display:flex}.menu-cat-head h2{font-size:var(--step-3)}.menu-cat-head p{font-family:var(--font-display);font-size:var(--step-1);color:var(--ink-muted);font-style:italic}.menu-cat-head .menu-cat-note{font-family:var(--font-body);font-size:var(--step--1);flex-basis:100%;font-style:normal}.dish-list{display:grid}@media (width>=900px){.dish-list{column-gap:var(--s-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.dish{align-items:start;gap:var(--s-4);padding-block:var(--s-4);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;display:grid}.dish.has-img{grid-template-columns:auto minmax(0,1fr) auto}.dish.has-img:before{content:"";background:var(--latte);border-radius:50%;grid-area:1/1;place-self:center;width:60px;height:60px}.dish-img{object-fit:contain;width:76px;height:76px;filter:var(--shadow-cutout);transition:transform var(--d) var(--ease-out-quart);grid-area:1/1;align-self:center}.dish:hover .dish-img{transform:translateY(-2px)scale(1.06)}@media (width>=900px){.dish.has-img:before{width:72px;height:72px}.dish-img{width:92px;height:92px}}.dish-name{font-family:var(--font-display);letter-spacing:0;text-wrap:pretty;font-size:1.25rem;line-height:1.3}.dish-badge{margin-left:var(--s-2);vertical-align:-.1em;display:inline-flex}.dish-badge .icon{width:.875em;height:.875em}.dish-badge-fav{color:var(--caramel)}.dish-badge-try{color:var(--bark)}.dish-desc{font-size:var(--step--1);color:var(--ink-muted);text-wrap:pretty;margin-top:2px;line-height:1.45}.dish-prices{justify-items:end;gap:2px;padding-top:3px;display:grid}.dish-prices li{align-items:baseline;gap:var(--s-2);display:flex}.dish-prices data{font-variant-numeric:tabular-nums;font-weight:600}.dish-cols{grid-template-columns:repeat(2,4.5rem);justify-items:end;display:grid}.dish-prices.dish-cols{gap:0}.dish-cols-head{padding-top:var(--s-3);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--ink-muted);grid-template-columns:minmax(0,1fr) auto;font-size:.75rem;font-weight:600;display:grid}.dish-cols-head .dish-cols{grid-column:2}.dish-cols-head.is-second{display:none}@media (width>=900px){.dish-cols-head.is-second{display:grid}}.dish-size{color:var(--ink-muted);font-size:.75rem;font-weight:600}.menu-empty{padding-block:var(--s-8);text-align:center;color:var(--ink-muted)}.menu-cta{justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-8);padding:var(--s-5);background:var(--latte);border-radius:var(--r);flex-wrap:wrap;display:flex}.menu-cta p{font-family:var(--font-display);font-size:var(--step-2);line-height:1.25}@media (width>=640px){.menu-cta{padding:var(--s-6)}}html:is(:lang(ko),:lang(ja),:lang(zh)) .menu-main :is(h1,h2,.dish-name){font-family:var(--font-body);letter-spacing:0;font-weight:600}html:is(:lang(ko),:lang(ja),:lang(zh)) .menu-cat-head p{font-style:normal}.btn-3d{border:1px solid var(--line);border-radius:var(--r-pill);background:var(--paper);min-height:32px;color:var(--ink);cursor:pointer;transition:border-color var(--d) var(--ease-out-quart), transform var(--d-fast) var(--ease-out-quart);align-items:center;gap:6px;padding:4px 12px;font-size:.8125rem;font-weight:600;line-height:1;display:inline-flex}.btn-3d .icon{width:1em;height:1em;color:var(--bark)}.btn-3d:hover{border-color:var(--bark);transform:translateY(-1px)}.btn-3d:active{transform:translateY(1px)}.btn-3d:disabled{opacity:.6;cursor:progress}.dish .btn-3d{margin-top:var(--s-2)}.dish-3d{width:min(560px, calc(100% - var(--s-6)));border-radius:var(--r);background:var(--paper);max-width:none;color:var(--ink);border:0;padding:0;overflow:hidden}.dish-3d::backdrop{background:var(--scrim)}html:has(.dish-3d[open]){overflow:hidden}.dish-3d-bar{justify-content:space-between;align-items:center;gap:var(--s-4);padding:var(--s-2) var(--s-3) var(--s-2) var(--s-5);border-bottom:1px solid var(--line);font-family:var(--font-display);font-size:var(--step-1);line-height:1.25;display:flex}.dish-3d-stage{background:radial-gradient(ellipse at 50% 70%, var(--paper-2), var(--paper) 70%);touch-action:none;height:min(62dvh,560px);position:relative}.dish-3d-stage canvas{width:100%;height:100%;display:block}.dish-3d-hint{padding:var(--s-2) var(--s-5) var(--s-3);font-size:var(--step--1);color:var(--ink-muted);text-align:center}@media (width<=639px){.dish-3d{width:calc(100% - var(--s-4))}.dish-3d-stage{height:min(60dvh,480px)}}@media (prefers-reduced-motion:no-preference){@keyframes dish-3d-in{0%{opacity:0;transform:translateY(16px)}}.dish-3d[open]{animation:dish-3d-in var(--d) var(--ease-out-quart)}}.dish-3d-tools{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-4) 0;display:flex}.dish-3d-range{align-items:center;gap:var(--s-2);min-width:0;font-size:var(--step--1);color:var(--ink);flex:1;font-weight:600;display:flex}.dish-3d-range>span{white-space:nowrap}.dish-3d-range input{min-width:0;height:var(--touch);accent-color:var(--bark);cursor:pointer;appearance:none;background:0 0;flex:1;margin:0}.dish-3d-range input::-webkit-slider-runnable-track{background:var(--line-strong);border-radius:2px;height:4px}.dish-3d-range input::-moz-range-track{background:var(--line-strong);border-radius:2px;height:4px}.dish-3d-range input::-webkit-slider-thumb{border:2px solid var(--paper);background:var(--bark);appearance:none;border-radius:50%;width:24px;height:24px;margin-top:-10px}.dish-3d-range input::-moz-range-thumb{border:2px solid var(--paper);background:var(--bark);border-radius:50%;width:20px;height:20px}.dish-3d-range input:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--r-sm)}.dish-3d-toggle{flex:none;margin-left:auto}.dish-3d-range[hidden]{display:none}.dish-3d-marks{pointer-events:none;position:absolute;inset:0;overflow:hidden}.dish-3d-mark{width:var(--touch);height:var(--touch);cursor:pointer;pointer-events:auto;transition:opacity var(--d-fast) var(--ease-out-quart);background:0 0;border:0;padding:0;position:absolute;top:-22px;left:-22px}.dish-3d-mark.is-hidden{opacity:0;pointer-events:none}.dish-3d-mark-dot{border:2px solid var(--paper);background:var(--bark);width:12px;height:12px;box-shadow:0 0 0 1px var(--line-strong);transition:transform var(--d-fast) var(--ease-out-quart);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dish-3d-mark:hover .dish-3d-mark-dot,.dish-3d-mark[aria-expanded=true] .dish-3d-mark-dot{transform:translate(-50%,-50%)scale(1.25)}.dish-3d-mark:focus-visible{outline:none}.dish-3d-mark:focus-visible .dish-3d-mark-dot{outline:2px solid var(--focus);outline-offset:2px}.dish-3d-mark-label{width:max-content;max-width:200px;padding:var(--s-2) var(--s-3);border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);color:var(--ink);font-size:var(--step--1);text-align:left;opacity:0;transition:opacity var(--d-fast) var(--ease-out-quart), transform var(--d-fast) var(--ease-out-quart);pointer-events:none;flex-direction:column;gap:2px;line-height:1.3;display:flex;position:absolute;top:50%;left:calc(50% + 14px);transform:translateY(-50%)translate(-4px)}.dish-3d-mark-label strong{font-weight:600}.dish-3d-mark-label span{color:var(--ink-muted)}.dish-3d-mark.is-left .dish-3d-mark-label{left:auto;right:calc(50% + 14px);transform:translateY(-50%)translate(4px)}.dish-3d-mark:hover .dish-3d-mark-label,.dish-3d-mark:focus-visible .dish-3d-mark-label,.dish-3d-mark[aria-expanded=true] .dish-3d-mark-label{opacity:1;transform:translateY(-50%)}.dish-3d-mark[aria-expanded=true]{z-index:1}@media (width<=639px){.dish-3d-tools{padding:var(--s-1) var(--s-3) 0}.dish-3d-range>span{font-size:.75rem}.dish-3d-mark-label{max-width:160px}}
