.menu-reader{height:100%;display:flex;flex-direction:column;background:var(--color-bg)}.menu-reader__layout{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.menu-reader__layout--with-rail{flex-direction:row}.menu-reader__pane{min-width:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;display:none;flex-direction:column;position:relative}.menu-reader__pane--active{display:flex;flex:0 0 clamp(320px,50%,580px)}.menu-reader__pane--print-only{display:none}.menu-reader__hero{position:relative;flex-shrink:0;max-height:220px;overflow:hidden}.menu-reader__hero-img{width:100%;height:220px;object-fit:cover;display:block}.menu-reader__hero-gradient{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--color-bg));pointer-events:none}.menu-reader__pane-body{flex:1 1 auto;padding:clamp(20px,3vw,36px) clamp(20px,3vw,40px) var(--spacing-4)}.menu-reader__section-title{font-family:var(--font-display);font-size:clamp(1.6rem,2.8vw,2.25rem);font-weight:400;color:var(--color-text);letter-spacing:var(--tracking-tight);margin-bottom:var(--spacing-1);line-height:var(--leading-tight, 1.15)}.menu-reader__section-note{color:var(--color-text-secondary);font-style:italic;font-size:var(--font-size-sm);margin-bottom:var(--spacing-5)}.menu-reader__subsection{margin-bottom:var(--spacing-6)}.menu-reader__subsection:last-child{margin-bottom:0}.menu-reader__subsection-title{font-family:var(--font-display);font-size:var(--font-size-xs);font-weight:600;color:var(--color-muted);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--spacing-2);padding-bottom:var(--spacing-1);border-bottom:1px solid var(--color-border)}.menu-reader__items{list-style:none;padding:0;margin:0}.menu-reader__item{padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border)}.menu-reader__item:last-child{border-bottom:none}.menu-reader__item-header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-3)}.menu-reader__item-name{font-family:var(--font-body);font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.menu-reader__item-price{color:var(--color-muted);font-size:var(--font-size-sm);font-weight:500;white-space:nowrap;flex-shrink:0}.menu-reader__item-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--leading-normal);margin-top:2px}.menu-reader__dietary{display:flex;flex-wrap:wrap;gap:var(--spacing-1);margin-top:var(--spacing-1)}.menu-reader__dietary-pill{background:var(--color-border);color:var(--color-muted);font-size:var(--font-size-xs);padding:1px var(--spacing-2);border-radius:var(--radius);line-height:var(--leading-normal)}.menu-reader__utility{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) clamp(20px,3vw,40px);margin-top:auto;flex-shrink:0;border-top:1px solid var(--color-border)}.menu-reader__utility-updated{color:var(--color-muted);font-size:var(--font-size-xs)}.menu-reader__print-btn{background:none;border:none;color:var(--color-muted);font-size:var(--font-size-xs);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius);transition:color var(--transition-fast)}.menu-reader__print-btn:hover{color:var(--color-text)}.menu-reader__scroll-hint{position:sticky;bottom:12px;align-self:center;z-index:2;width:36px;height:36px;flex-shrink:0;border-radius:50%;background:var(--color-bg);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:opacity .3s ease,box-shadow .2s ease}.menu-reader__scroll-hint:hover{box-shadow:0 3px 12px #00000024}.menu-reader__scroll-hint--hidden{opacity:0;pointer-events:none}.menu-reader__scroll-hint svg{width:16px;height:16px;color:var(--color-text)}.menu-reader__rail{flex:1 1 0%;min-width:0;display:flex;flex-direction:row;border-left:1px solid var(--color-border);overflow:hidden}.menu-reader__strip{flex:1 1 0%;min-width:72px;display:flex;flex-direction:column;align-items:center;cursor:pointer;border-right:1px solid var(--color-border);transition:background .3s ease;position:relative}.menu-reader__strip:last-child{border-right:none}.menu-reader__strip:hover{background:var(--color-bg-subtle, rgba(0, 0, 0, .02))}.menu-reader__strip:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.menu-reader__strip-thumb{width:100%;height:100px;object-fit:cover;flex-shrink:0;display:block}.menu-reader__strip-color{width:100%;height:100px;flex-shrink:0}.menu-reader__strip-title{writing-mode:vertical-rl;transform:rotate(180deg);flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:clamp(.7rem,1.4vw,.875rem);font-weight:500;color:var(--color-text);letter-spacing:var(--tracking-wide);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:var(--spacing-4) var(--spacing-1)}.menu-reader__pills{display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);overflow-x:auto;flex-shrink:0;border-bottom:1px solid var(--color-border);scrollbar-width:none}.menu-reader__pills::-webkit-scrollbar{display:none}.menu-reader__pill{flex-shrink:0;background:var(--color-border);color:var(--color-text);font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-3);border-radius:999px;border:none;cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.menu-reader__pill--active{background:var(--color-accent);color:var(--color-on-accent)}.menu-reader__fade-enter{opacity:0;animation:menu-reader-fade-in .35s ease forwards}@keyframes menu-reader-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(min-width:640px)and (max-width:960px){.menu-reader__pane--active{flex:0 0 clamp(280px,46%,400px)}.menu-reader__strip-thumb,.menu-reader__strip-color{height:72px}.menu-reader__strip-title{font-size:.7rem}}@media(max-width:639px){.menu-reader__pane--active{flex:1 1 0%}.menu-reader__hero{max-height:140px}.menu-reader__hero-img{height:140px}.menu-reader__pane-body{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2)}.menu-reader__section-title{font-size:var(--font-size-xl)}.menu-reader__utility{padding:var(--spacing-2) var(--spacing-4)}.menu-reader__scroll-hint{display:none}}@media print{.menu-reader{height:auto;overflow:visible}.menu-reader__layout{display:block}.menu-reader__pane,.menu-reader__pane--active,.menu-reader__pane--print-only{display:block;overflow:visible;margin-bottom:var(--spacing-8);animation:none;opacity:1}.menu-reader__rail,.menu-reader__pills,.menu-reader__utility,.menu-reader__scroll-hint{display:none}.menu-reader__hero{max-height:100px}.menu-reader__hero-img{height:100px}.menu-reader__hero-gradient{display:none}.menu-reader__subsection{break-inside:avoid}}