/* A touch-first app layout, independent of the desktop presentation. */
:root{--mobile-header:4.5rem;--mobile-bar:4.75rem;--mobile-surface:#fffcf6;--mobile-muted:#717768;font-size:16px}
html{scroll-padding-top:calc(var(--mobile-header) + 4rem);scroll-behavior:auto}body{font-size:1rem;line-height:1.7;padding-bottom:calc(var(--mobile-bar) + env(safe-area-inset-bottom));background:#f4f2e9;min-height:100dvh}.mobile-only{display:flex}.desktop-label,.welcome,.cafe-note,.site-footer{display:none}.wrap{width:auto;margin-inline:1.25rem}.site-header{height:calc(var(--mobile-header) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);position:sticky;top:0;z-index:30;margin-inline:0;padding-inline:1.25rem;background:#f4f2e9e8;backdrop-filter:blur(22px) saturate(1.3);-webkit-backdrop-filter:blur(22px) saturate(1.3);border:0}.brand{gap:.75rem}.brand-mark{font-size:2.25rem;letter-spacing:-1.5px;line-height:1.4}.brand-caption{font-size:.625rem;max-width:6rem;line-height:1.8;padding-inline-start:.75rem}.site-header .text-button{height:2.75rem;width:2.75rem;min-width:2.75rem;padding:0;justify-content:center;border-radius:50%;background:#e8eadf;color:var(--olive-dark)}.site-header .text-button .icon{width:1.35rem;height:1.35rem}.mobile-intro{display:flex;flex-direction:column;padding-block:.25rem 1rem;gap:1rem}.mobile-greeting{display:flex;justify-content:space-between;align-items:center}.mobile-greeting p{font-size:.75rem;color:var(--olive);margin-bottom:.125rem}.mobile-greeting h1{font-size:1.75rem;font-weight:750;line-height:1.65;letter-spacing:0;margin:0}.mobile-welcome-icon{height:3rem;width:3rem;display:flex;align-items:center;justify-content:center;color:#82906d}.mobile-welcome-icon>.icon{height:1.9rem;width:1.9rem;stroke-width:1.3}.mobile-search-row{display:flex;gap:.625rem}.mobile-search-trigger{display:flex;align-items:center;gap:.625rem;flex:1;min-width:0;min-height:3.25rem;border-radius:1rem;background:#e9e9df;color:#757b6d;padding:.625rem 1rem;text-align:right;font-size:.875rem}.mobile-search-trigger>.icon{width:1.25rem;height:1.25rem}.mobile-filter-button{width:3.25rem;min-height:3.25rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:var(--olive-dark);color:var(--card);flex-shrink:0;position:relative}.mobile-filter-button.active:after{content:'';width:.45rem;height:.45rem;border-radius:50%;background:#e3c78d;position:absolute;top:.6rem;left:.6rem;border:2px solid var(--olive-dark)}
.menu-navigation{top:calc(var(--mobile-header) + env(safe-area-inset-top));z-index:20;border:0;background:#f4f2e9ee;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.navigation-inner{min-height:3.875rem;gap:.5rem;margin-inline:0;padding-inline:1.25rem}.category-tabs{gap:.375rem;padding-block:.5rem;scroll-snap-type:x proximity}.category-tab{font-size:.8125rem;line-height:1.6;min-height:2.875rem;padding:.65rem 1rem;border-radius:1rem;scroll-snap-align:center;background:#eaece2;color:#5b6252;font-weight:500}.category-tab.active{background:var(--olive-dark);color:white}.all-categories{width:2.875rem;height:2.875rem;border:1px solid #d9dece;border-radius:1rem;background:#f4f2e9}.all-categories:before{display:none}
.menu-content{padding-block:1rem 2rem;min-height:50dvh}.menu-tools{display:none}.tag-filters{display:none}.menu-heading{margin-block:0 1rem;align-items:center;gap:1rem}.menu-heading h2{font-size:1.375rem;line-height:1.7;margin:0;letter-spacing:0}.menu-heading .eyebrow{display:none}.menu-heading>p{font-size:.6875rem;padding:0;flex-shrink:0}.menu-content[data-all="true"] .menu-heading{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.menu-group+.menu-group{margin-top:1.75rem}.group-heading{gap:.75rem;margin-bottom:.875rem}.group-heading:after{display:none}.group-heading h3{font-size:1.0625rem;line-height:1.8;font-weight:700}.group-heading span{margin-inline-start:auto;font-size:.6875rem;background:#e7eadd;color:#69745a;border-radius:1rem;padding:.125rem .625rem}.menu-grid{grid-template-columns:1fr;gap:.75rem}.menu-card{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.875rem;padding:.625rem;border:1px solid #e8e7dc;border-radius:1.25rem;min-height:8.5rem;height:auto;box-shadow:0 2px 5px #313b2003;background:var(--mobile-surface);text-align:start;align-items:stretch;transition:transform 100ms ease,background-color 120ms ease}.menu-card:active{transform:scale(.98);background:#ecefe3}.card-image{height:100%;min-height:7.125rem;width:100%;aspect-ratio:auto;border-radius:.875rem;align-self:stretch}.card-image img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;transform:none}.card-image:after{display:none}.card-badge{font-size:.5625rem;line-height:1.6;top:auto;bottom:.375rem;right:.375rem;left:.375rem;padding:.25rem .2rem;border-radius:.5rem;justify-content:center;gap:.125rem;background:#fffcf5ed;color:#455332;font-weight:500;white-space:nowrap}.card-badge .icon{height:.65rem;width:.65rem}.card-body{width:auto;min-width:0;padding:.125rem 0 .125rem .25rem;align-self:stretch}.card-title{font-size:1rem;font-weight:700;line-height:1.8;margin-bottom:.1875rem;letter-spacing:0}.card-description{font-size:.75rem;line-height:1.9;min-height:0;color:#777c70;-webkit-line-clamp:2}.card-bottom{justify-content:start;align-items:baseline;flex-wrap:wrap;gap:.125rem .25rem;border:0;padding-top:.6rem;margin-top:auto}.price{font-size:1rem;font-weight:700;line-height:1.6}.price small{font-size:.625rem;margin-inline-start:.25rem;font-weight:500}.from-price{font-size:.625rem}.card-capacity{font-size:.5625rem;color:#858a7d;margin-inline-start:auto;white-space:nowrap}.card-arrow{display:none}.unavailable{background:#efeee6}.unavailable .card-title{color:#727767}.unavailable .card-badge{background:#4f5548ee;color:white}.empty-state{padding:3.5rem .5rem}.empty-state h3{font-size:1.125rem}.empty-state p{font-size:.8125rem;line-height:2}.solid-button{font-size:.875rem;min-height:3rem;border-radius:1rem;padding:.75rem 1.5rem}
.mobile-tabbar{position:fixed;bottom:0;inset-inline:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;min-height:calc(var(--mobile-bar) + env(safe-area-inset-bottom));padding:.375rem max(.75rem,env(safe-area-inset-right)) calc(.375rem + env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));background:#fffcf5ed;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);box-shadow:0 -5px 28px #35412109;border-top:1px solid #ffffffc0}.mobile-tabbar button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.1875rem;min-height:3.75rem;border-radius:1.125rem;color:#858b7c}.mobile-tabbar button>span{display:flex;align-items:center;justify-content:center;width:3.5rem;height:2.0625rem;border-radius:1rem;transition:background-color 140ms ease}.mobile-tabbar .icon{width:1.4rem;height:1.4rem;stroke-width:1.7}.mobile-tabbar b{font-size:.6875rem;font-weight:500;line-height:1.6}.mobile-tabbar [aria-current="page"]{color:var(--olive-dark)}.mobile-tabbar [aria-current="page"]>span{background:#e6ebda}.mobile-tabbar [aria-current="page"] b{font-weight:750}
.mobile-screen{display:none;padding-block:.5rem 2rem;flex-direction:column}.mobile-screen-heading{padding-block:.5rem 1.5rem}.mobile-screen-heading p{font-size:.8125rem;color:var(--olive);margin-bottom:.25rem}.mobile-screen-heading h1{font-size:1.75rem;font-weight:750;line-height:1.7;letter-spacing:0;margin:0}.mobile-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.mobile-category-tile{position:relative;overflow:hidden;border-radius:1.25rem;padding:0;background:var(--mobile-surface);border:1px solid #e5e6da;text-align:right;min-width:0;display:flex;flex-direction:column}.mobile-category-tile img{height:7rem;width:100%;object-fit:cover;background:#e3e5d8}.mobile-category-tile>span{display:flex;align-items:center;gap:.25rem;padding:.75rem;justify-content:space-between}.mobile-category-tile b{font-size:.8125rem;font-weight:650}.mobile-category-tile small{font-size:.625rem;color:var(--muted);white-space:nowrap}.mobile-category-tile:active{transform:scale(.96);background:#e7ebde}.mobile-category-tile.selected{border-color:var(--olive)}.mobile-category-tile.selected:after{content:'✓';position:absolute;right:.5rem;top:.5rem;height:1.5rem;width:1.5rem;border-radius:50%;background:var(--olive-dark);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem}.mobile-cafe-cover{position:relative;height:12rem;border-radius:1.5rem;overflow:hidden}.mobile-cafe-cover img{height:100%;width:100%;object-fit:cover;filter:brightness(.7)}.mobile-cafe-cover>span{position:absolute;bottom:1rem;right:1.5rem;color:#fff;font-size:2.75rem;font-weight:800;letter-spacing:-2px}.mobile-cafe-cover>span span{color:#c8d4b1}.mobile-cafe-intro{font-size:.875rem;line-height:2.1;margin-block:1.25rem;color:#69715e}.mobile-cafe-details{border-radius:1.25rem;background:var(--mobile-surface);padding:0 1.125rem;margin-bottom:1rem;border:1px solid #e5e6dc}.mobile-cafe-details .cafe-detail:first-child{border-top:0}.cafe-detail{gap:.875rem;padding-block:1.125rem}.cafe-detail h3{font-size:.875rem}.cafe-detail p{font-size:.8125rem;line-height:1.9}.cafe-detail>.icon{width:1.25rem;height:1.25rem}.sample-notice{font-size:.75rem;border-radius:1rem;line-height:1.9;padding:1rem}
body[data-view="categories"] #mobile-categories-screen,body[data-view="cafe"] #mobile-cafe-screen{display:flex}body:not([data-view="menu"]) .mobile-intro,body:not([data-view="menu"]) .menu-navigation,body[data-view="categories"] .menu-content,body[data-view="cafe"] .menu-content{display:none}.mobile-search-heading{display:none}body[data-view="search"] .menu-content{display:flex;flex-direction:column;padding-top:.5rem}body[data-view="search"] .mobile-search-heading{display:block;order:-2;margin-bottom:1.25rem}.mobile-search-heading h1{font-size:1.75rem;letter-spacing:0;line-height:1.7;margin:0}.mobile-search-heading p{font-size:.8125rem;color:var(--muted);margin-top:.25rem}body[data-view="search"] .menu-tools{display:flex;order:-1;margin-bottom:1.25rem}.search-field{background:#e7e9de;border:1px solid transparent;border-radius:1rem;min-width:0;width:100%;min-height:3.25rem;padding-inline:.875rem;gap:.625rem}.search-field input{font-size:1rem;padding:.5rem 0;line-height:1.6}.search-field>.icon{width:1.25rem;height:1.25rem}.search-field:focus-within{border-color:#a5b18e;background:#fffcf5}.search-field .icon-button{min-width:2.75rem;min-height:2.75rem}body[data-view="search"] .menu-content .menu-heading{display:flex;position:static;width:auto;height:auto;clip-path:none;margin-bottom:1.25rem}.search-field input::placeholder{font-size:.8125rem}body.keyboard-open .mobile-tabbar{display:none}
/* Modal sheets have their own scroll region and always reachable dismissal. */
dialog{max-height:calc(100dvh - max(1rem,env(safe-area-inset-top)));box-shadow:0 -12px 70px #1c291c26}dialog::backdrop{background:#20281b65;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.item-dialog,.small-dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:1.75rem 1.75rem 0 0}.item-dialog{overflow:hidden;display:none;flex-direction:column;padding:0}.item-dialog[open]{display:flex}.small-dialog{padding:0 1.25rem calc(1.25rem + env(safe-area-inset-bottom));overflow-y:auto}.sheet-grabber{display:flex;align-items:center;justify-content:center;min-height:1.75rem;width:100%;flex-shrink:0;touch-action:none;cursor:grab;background:var(--mobile-surface)}.sheet-grabber>span{display:block;width:2.25rem;height:.3125rem;border-radius:1rem;background:#c9cebf}.dialog-close{top:2.5rem;left:.875rem;width:2.75rem;height:2.75rem;background:#fffcf5ed;backdrop-filter:blur(12px);color:#4e5942;z-index:2}.detail-photo{height:13.5rem;object-fit:cover}.detail-body{padding:1.25rem 1.5rem 1.5rem}.detail-category{font-size:.75rem}.detail-body h2{font-size:1.625rem;font-weight:750;letter-spacing:0;line-height:1.7;margin:.25rem 0 .75rem}.detail-tags{gap:.375rem;margin-bottom:1rem}.detail-tag{font-size:.6875rem;border-radius:.5rem;padding:.3125rem .625rem}.detail-description{font-size:.9375rem;line-height:2.1;margin-bottom:1.25rem}.variant{border-radius:1rem;padding:.875rem;font-size:.8125rem;gap:.75rem;min-height:3.5rem}.variant .price{font-size:.9375rem}.detail-bottom{margin-top:1rem;padding-top:1rem}.detail-bottom .price{font-size:1.25rem}.detail-bottom>span{font-size:.75rem}.detail-hint{display:none}#item-content{max-height:none;min-height:0;flex:1;overflow:auto}.sheet-footer{display:block;flex-shrink:0;padding:.75rem 1.25rem calc(.875rem + env(safe-area-inset-bottom));background:var(--mobile-surface);box-shadow:0 -6px 22px #35412107}.sheet-done{background:var(--olive-dark);color:white;width:100%;min-height:3.25rem;border-radius:1rem;font-size:.9375rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.625rem}.sheet-done .icon{width:1.125rem;height:1.125rem}.small-dialog .sheet-grabber{margin-inline:-1.25rem;width:calc(100% + 2.5rem)}.dialog-heading{margin:1rem 0 1.25rem}.dialog-heading h2{font-size:1.25rem;line-height:1.7}.dialog-heading .icon-button{width:2.75rem;height:2.75rem}.mobile-tag-filters{gap:.625rem}.mobile-tag-filter{min-height:3.5rem;border-radius:1rem;font-size:.9375rem;padding:.875rem 1rem}.mobile-tag-filter:after{content:'';width:1.25rem;height:1.25rem;border-radius:50%;border:1.5px solid #c6cdb9;margin-inline-start:auto}.mobile-tag-filter.active:after{content:'✓';background:var(--olive-dark);border-color:var(--olive-dark);color:white;text-align:center;font-size:.75rem;line-height:1.25rem}.category-choice{font-size:.8125rem;min-height:3.5rem;border-radius:1rem}.category-picker{gap:.625rem}.about-intro{font-size:.875rem}
@media(max-width:350px){.wrap{margin-inline:1rem}.site-header{padding-inline:1rem}.navigation-inner{padding-inline:1rem}.brand-caption{display:none}.mobile-greeting h1{font-size:1.5rem}.menu-card{grid-template-columns:5.375rem minmax(0,1fr);gap:.625rem;min-height:8rem;padding:.5rem}.card-title{font-size:.9375rem}.card-description{font-size:.6875rem}.card-capacity{display:none}.card-badge{font-size:.5rem}.mobile-category-tile>span{padding:.625rem;flex-wrap:wrap}.mobile-category-tile b{font-size:.75rem}.mobile-category-tile img{height:6rem}}
@media(orientation:landscape) and (max-height:500px){:root{--mobile-header:3.5rem;--mobile-bar:3.75rem}.mobile-intro{padding-block:.25rem .75rem;gap:.5rem}.mobile-greeting p,.mobile-welcome-icon{display:none}.mobile-greeting h1{font-size:1.375rem}.mobile-search-row{max-width:30rem}.menu-grid{grid-template-columns:1fr 1fr}.mobile-category-grid{grid-template-columns:repeat(4,1fr)}.mobile-tabbar{min-height:var(--mobile-bar)}.mobile-tabbar button{min-height:3rem;flex-direction:row;gap:.5rem}.mobile-tabbar button>span{width:2.5rem}.mobile-tabbar b{font-size:.75rem}.item-dialog{width:min(34rem,100%);max-width:100%;margin:auto auto 0}.detail-photo{height:9rem}.sheet-footer{padding-block:.5rem}.sheet-done{min-height:2.75rem}}
@media(prefers-reduced-transparency:reduce){.site-header,.menu-navigation,.mobile-tabbar,dialog::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}.site-header,.menu-navigation{background:#f4f2e9}.mobile-tabbar{background:var(--mobile-surface)}}
@media(prefers-contrast:more){.mobile-tabbar,.site-header,.menu-navigation{background:var(--paper);border-block:1px solid var(--olive)}.menu-card,.mobile-category-tile{border-color:#8a967b}.card-description{color:#535c47}}
@media(prefers-reduced-motion:reduce){.mobile-tabbar button>span,.menu-card{transition:none}.menu-card:active{transform:none}}
.sheet-grabber{min-height:2.75rem}.dialog-close{top:3.375rem}