:root{--background-color: #F5EFE6;--primary-text-color: #4E342E;--card-background-color: #E0D5C8;--accent-color: #8D6E63;--shadow-color: rgba(0, 0, 0, .1)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--primary-text-color)}:root{--background-color: #F5EFE6;--primary-text-color: #2B1B15;--card-background-color: #EFE6DA;--accent-color: #8D6E63;--accent-soft: rgba(141, 110, 99, .08);--accent-glow: rgba(141, 110, 99, .18);--shadow-sm: 0 2px 8px rgba(78, 52, 46, .08);--shadow-md: 0 6px 16px rgba(78, 52, 46, .1);--shadow-lg: 0 14px 32px rgba(78, 52, 46, .14);--footer-height: 64px;--radius-card: 16px;--radius-pill: 999px}html{scroll-behavior:smooth;scroll-padding-top:1rem}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--primary-text-color);padding-bottom:calc(var(--footer-height) + env(safe-area-inset-bottom,0px))}.tabular{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.App{width:100%;text-align:center}.container{max-width:1000px;margin:0 auto;padding:clamp(16px,4vw,32px)}.hero{position:relative;width:100%;height:clamp(320px,56vh,460px);overflow:hidden}.hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.65);transform:scale(1.02)}.hero-overlay{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at center,#00000026,#0000008c),linear-gradient(180deg,#0000001a,#2b1b1580);color:#fff;gap:12px}.hero-logo{width:clamp(72px,12vw,96px);height:clamp(72px,12vw,96px);border-radius:50%;box-shadow:0 8px 28px #00000073,0 0 0 3px #fffffff2}.hero-title{font-family:Merriweather,serif;font-size:clamp(2.4rem,7vw,3.6rem);font-weight:900;margin:0;letter-spacing:.01em;text-shadow:0 2px 16px rgba(0,0,0,.45)}.hero-subtitle{font-family:Inter,sans-serif;font-size:clamp(.95rem,2.4vw,1.1rem);font-weight:400;margin:0;opacity:.92;letter-spacing:.01em;text-shadow:0 1px 8px rgba(0,0,0,.5)}.hero-scroll-indicator{position:absolute;bottom:24px;left:50%;transform:translate(-50%);z-index:2;color:#ffffffd9;font-size:1.4rem;animation:bounceDown 1.8s ease-in-out infinite;pointer-events:none}@keyframes bounceDown{0%,to{transform:translate(-50%);opacity:.85}50%{transform:translate(-50%,8px);opacity:.5}}.page-stage{position:relative}.page{will-change:opacity,transform}.page-enter-grid{animation:gridIn .4s cubic-bezier(.16,1,.3,1) both}.page-enter-detail{animation:detailIn .4s cubic-bezier(.16,1,.3,1) both}.page-exit-detail{animation:detailOut .3s cubic-bezier(.4,0,1,1) both}@keyframes gridIn{0%{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@keyframes detailIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}@keyframes detailOut{0%{opacity:1;transform:none}to{opacity:0;transform:translate(28px)}}.category-grid-page{text-align:left}.category-group-section{margin-bottom:48px}.category-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}.category-group-title{font-family:Merriweather,serif;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:900;color:var(--primary-text-color);margin:0;padding:0;letter-spacing:.01em}.category-group-meta{font-size:.78rem;font-weight:600;color:var(--accent-color);letter-spacing:.02em;white-space:nowrap}.category-group-subtitle{font-size:.92rem;font-weight:400;color:#2b1b15a6;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--card-background-color)}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.category-card{animation:cardIn .5s cubic-bezier(.16,1,.3,1) both}.category-grid>.category-card:nth-child(1){animation-delay:.04s}.category-grid>.category-card:nth-child(2){animation-delay:.08s}.category-grid>.category-card:nth-child(3){animation-delay:.12s}.category-grid>.category-card:nth-child(4){animation-delay:.16s}.category-grid>.category-card:nth-child(5){animation-delay:.2s}.category-grid>.category-card:nth-child(6){animation-delay:.24s}.category-grid>.category-card:nth-child(7){animation-delay:.28s}.category-grid>.category-card:nth-child(8){animation-delay:.32s}.category-grid>.category-card:nth-child(9){animation-delay:.36s}.category-grid>.category-card:nth-child(n+10){animation-delay:.4s}@keyframes cardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.category-card{position:relative;border:none;padding:0;background-color:var(--card-background-color);border-radius:var(--radius-card);overflow:hidden;cursor:pointer;aspect-ratio:4 / 3;box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);font-family:inherit;color:inherit}.category-card:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);opacity:0;transition:opacity .35s ease;z-index:-1;border-radius:var(--radius-card);filter:blur(8px)}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.category-card:hover:before{opacity:1}.category-card:active{transform:translateY(-2px);transition-duration:.15s}.category-card:focus-visible{outline:2px solid var(--accent-color);outline-offset:3px}.category-card-image{position:absolute;top:0;right:0;bottom:0;left:0}.category-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.category-card:hover .category-card-image img{transform:scale(1.08)}.category-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:16px;background:linear-gradient(to top,#2b1b15d9,#2b1b154d 55%,#2b1b1500);color:#fff;text-align:left}.category-card-title{font-family:Merriweather,serif;font-size:1.15rem;font-weight:700;line-height:1.2;letter-spacing:.01em;text-shadow:0 1px 4px rgba(0,0,0,.35)}.category-card-count{font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;opacity:.85;margin-top:4px;letter-spacing:.02em}.category-detail{text-align:left}.app-header-sticky{position:fixed;top:0;left:0;right:0;z-index:100;height:60px;display:flex;align-items:center;gap:12px;padding:0 clamp(16px,4vw,32px);background-color:var(--background-color);border-bottom:1px solid transparent;box-shadow:0 4px 16px #4e342e00;opacity:0;pointer-events:none;transform:translateY(-100%);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease,border-color .3s ease,box-shadow .3s ease}.app-header-sticky.visible{opacity:1;pointer-events:auto;transform:translateY(0);border-bottom-color:var(--card-background-color);box-shadow:0 4px 16px #4e342e1f}.app-header-sticky.is-home{justify-content:space-between}.header-brand{display:inline-flex;align-items:center;gap:10px}.header-brand img{width:32px;height:32px;border-radius:50%;box-shadow:0 0 0 2px #fff}.header-brand span{font-family:Merriweather,serif;font-size:1.05rem;font-weight:700;color:var(--primary-text-color);letter-spacing:.02em}.header-tagline{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-color)}.header-icon-button{width:38px;height:38px;border-radius:50%;border:1px solid var(--accent-color);background-color:transparent;color:var(--accent-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .2s ease,color .2s ease,transform .2s ease}.header-icon-button:hover{background-color:var(--accent-color);color:#fff;transform:translate(-2px)}.header-icon-button:focus-visible{outline:2px solid var(--primary-text-color);outline-offset:2px}.header-title-block{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.header-eyebrow{font-family:Inter,sans-serif;font-size:.65rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-color);margin-bottom:1px}.header-title{font-family:Merriweather,serif;font-size:1rem;font-weight:700;color:var(--primary-text-color);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.header-brand-compact{width:38px;height:38px;border-radius:50%;border:none;padding:0;background-color:transparent;cursor:pointer;flex-shrink:0;transition:transform .2s ease}.header-brand-compact img{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 2px #fff,var(--shadow-sm)}.header-brand-compact:hover{transform:scale(1.06)}.header-brand-compact:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.detail-hero{position:relative;width:100%;height:clamp(320px,52vh,480px);overflow:hidden}.detail-hero-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(.78);transform:scale(1.02);animation:heroZoom 1.2s cubic-bezier(.16,1,.3,1) both}@keyframes heroZoom{0%{transform:scale(1.08);opacity:.6}to{transform:scale(1.02);opacity:1}}.detail-hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#2b1b1573,#2b1b1500 35%,#2b1b1526 60%,#2b1b15d9)}.detail-hero-brand{position:absolute;top:20px;right:20px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 5px;background-color:#ffffff2e;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-pill);color:#fff;cursor:pointer;font-family:inherit;transition:background-color .25s ease,transform .25s ease;animation:heroOverlayIn .5s cubic-bezier(.16,1,.3,1) .1s both}.detail-hero-brand:hover{background-color:#ffffff47;transform:translateY(-1px)}.detail-hero-brand img{width:26px;height:26px;border-radius:50%}.detail-hero-brand span{font-family:Merriweather,serif;font-size:.9rem;font-weight:700;letter-spacing:.02em;text-shadow:0 1px 4px rgba(0,0,0,.25)}.detail-hero-back{position:absolute;top:20px;left:20px;z-index:2;width:40px;height:40px;border-radius:50%;background-color:#ffffff2e;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid rgba(255,255,255,.28);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .25s ease,transform .25s ease;animation:heroOverlayIn .5s cubic-bezier(.16,1,.3,1) .15s both}.detail-hero-back:hover{background-color:#ffffff52;transform:translate(-3px)}.detail-hero-back:focus-visible,.detail-hero-brand:focus-visible{outline:2px solid white;outline-offset:2px}.detail-hero-content{position:absolute;left:clamp(20px,5vw,40px);right:clamp(20px,5vw,40px);bottom:clamp(24px,5vw,40px);z-index:2;color:#fff;animation:heroOverlayIn .55s cubic-bezier(.16,1,.3,1) .2s both}.detail-hero-eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.85;margin-bottom:8px}.detail-hero-headline{font-family:Merriweather,serif;font-size:clamp(2rem,6.5vw,3.4rem);font-weight:900;margin:0 0 6px;line-height:1.05;letter-spacing:.005em;text-shadow:0 2px 16px rgba(0,0,0,.4)}.detail-hero-meta{font-family:Inter,sans-serif;font-size:.92rem;font-weight:500;opacity:.85;letter-spacing:.02em}@keyframes heroOverlayIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.detail-content{max-width:1000px;margin:0 auto;padding:clamp(24px,4vw,40px) clamp(16px,4vw,32px)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.menu-item{background-color:#fff;border:1px solid rgba(141,110,99,.08);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;flex-direction:column;animation:cardIn .45s cubic-bezier(.16,1,.3,1) both}.menu-grid>.menu-item:nth-child(1){animation-delay:.05s}.menu-grid>.menu-item:nth-child(2){animation-delay:.1s}.menu-grid>.menu-item:nth-child(3){animation-delay:.15s}.menu-grid>.menu-item:nth-child(4){animation-delay:.2s}.menu-grid>.menu-item:nth-child(5){animation-delay:.25s}.menu-grid>.menu-item:nth-child(6){animation-delay:.3s}.menu-grid>.menu-item:nth-child(7){animation-delay:.35s}.menu-grid>.menu-item:nth-child(8){animation-delay:.4s}.menu-grid>.menu-item:nth-child(n+9){animation-delay:.45s}.menu-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.menu-item-image{width:100%;height:160px;background-color:var(--accent-soft);overflow:hidden}.menu-item-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}.menu-item.has-image:hover .menu-item-image img{transform:scale(1.06)}.menu-item-body{padding:16px 20px 20px}.menu-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.item-name{font-family:Inter,sans-serif;font-size:1.05rem;font-weight:600;color:var(--primary-text-color);letter-spacing:-.005em;line-height:1.3;margin:0;flex:1}.item-price{font-family:Inter,sans-serif;font-size:.85rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent-color);background-color:var(--accent-soft);padding:4px 10px;border-radius:var(--radius-pill);white-space:nowrap;margin:0;flex-shrink:0;letter-spacing:.01em}.item-description{font-family:Inter,sans-serif;font-size:.875rem;font-weight:400;color:#2b1b15b3;line-height:1.5;margin:0}.site-footer{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:space-around;gap:8px;height:var(--footer-height);padding:0 16px env(safe-area-inset-bottom,0px);background-color:var(--background-color);border-top:1px solid var(--card-background-color);box-shadow:0 -4px 16px #4e342e1f}.footer-action{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--primary-text-color);text-decoration:none;font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;padding:8px 12px;border-radius:12px;transition:background-color .2s ease,transform .2s ease;flex:1;max-width:140px;letter-spacing:.01em}.footer-action svg{color:var(--accent-color);transition:transform .2s ease}.footer-action:hover{background-color:var(--accent-soft)}.footer-action:hover svg{transform:scale(1.12)}.footer-action:active{transform:scale(.96)}.footer-action:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}@media (max-width: 768px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.category-card-title{font-size:1rem}.category-card-count{font-size:.72rem}.menu-grid{grid-template-columns:repeat(2,1fr);gap:12px}.menu-item-image{height:110px}.menu-item-body{padding:12px 14px 14px}.menu-item-header{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:6px}.item-name{font-size:.9rem}.item-price{font-size:.78rem;padding:3px 8px}.item-description{font-size:.78rem;line-height:1.45}.footer-action span{font-size:.7rem}.hero-scroll-indicator{bottom:16px;font-size:1.2rem}}