@property --chart-sweep{syntax:'<angle>';inherits:false;initial-value:360deg}
.workspace-outgoing{position:fixed;z-index:12;pointer-events:none!important;overflow:hidden;background:var(--paper);box-sizing:border-box}
.donut{mask-image:conic-gradient(#000 0deg var(--chart-sweep),transparent var(--chart-sweep) 360deg)}
.stat-value{min-height:1.2em;font-variant-numeric:tabular-nums}
.added-confirmation{position:absolute;left:14px;top:14px;background:var(--olive);color:var(--paper);padding:9px 13px;font:13px var(--sans);z-index:4;pointer-events:none}
.dish-inspect{position:absolute;bottom:12px;right:12px;z-index:2;display:flex;align-items:center;gap:8px;padding:11px 13px;background:var(--paper);color:var(--wine);border:0;font:12px var(--sans);min-height:42px}
.dish-inspect .ui-icon{width:16px;height:16px}.dish-inspect:hover{background:var(--wine);color:var(--paper)}
.dish-viewer{width:min(1050px,calc(100vw - 40px));max-width:none;padding:0;max-height:90svh;overflow:auto;background:var(--paper);border:0;color:var(--ink)}
.dish-view-layout{display:grid;grid-template-columns:1.2fr 1fr;min-height:520px}.dish-view-photo{overflow:hidden;background:var(--panel);display:flex;align-items:center;justify-content:center}
.dish-view-photo img{width:100%;height:100%;max-height:80svh;object-fit:cover;transition:transform 500ms cubic-bezier(.16,1,.3,1)}
.dish-viewer.zoomed .dish-view-photo img{transform:scale(1.6)}
.dish-view-copy{padding:65px 35px 35px;position:relative;display:flex;flex-direction:column;align-items:start;justify-content:center;gap:20px}.dish-view-copy>.close{position:absolute;right:18px;top:18px}
.dish-view-copy h2{font:400 52px/1 var(--serif);letter-spacing:-.025em;margin:0}.dish-view-copy p{font-size:15px;margin:0;line-height:1.6}.dish-view-copy .dish-view-weight{color:var(--muted);font-size:13px}.dish-view-copy>strong{font:400 34px var(--serif)}
.dish-view-tools{display:flex;flex-direction:column;gap:10px;width:100%;align-items:stretch}.dish-view-tools button{justify-content:center}.dish-view-copy .dish-view-note{font-size:12px;color:var(--muted);margin-top:5px}
@media(max-width:650px){.dish-viewer{width:calc(100vw - 24px);max-height:92svh}.dish-view-layout{display:flex;flex-direction:column;min-height:0}.dish-view-photo{height:32svh;flex:none}.dish-view-photo img{height:100%;object-fit:cover}.dish-view-copy{padding:46px 22px 25px;gap:14px}.dish-view-copy h2{font-size:38px}.dish-view-copy>.close{top:10px;right:12px}.dish-inspect{bottom:10px;right:10px}.dish-view-tools{flex-direction:row;flex-wrap:wrap}.dish-view-tools button{flex:1;white-space:nowrap;min-height:44px;font-size:13px;padding:12px}}
@media(prefers-reduced-motion:reduce){.dish-view-photo img{transition:none}.dish-viewer.zoomed .dish-view-photo img{transform:scale(1.6)}}

.dish-image>img{cursor:zoom-in}



/* Keep the returning photograph in the modal top layer until it reaches the hero. */
.dish-viewer.is-returning{overflow:visible;background:transparent;pointer-events:none}
.dish-return-photo{position:fixed!important;max-width:none!important;max-height:none!important;margin:0;display:block;pointer-events:none;z-index:2}
.dish-viewer.is-returning::backdrop{animation:dish-backdrop-out 520ms ease-out forwards}
@keyframes dish-backdrop-out{to{background:transparent;backdrop-filter:none}}