:root{--background-color: #F5EFE6;--primary-text-color: #4E342E;--card-background-color: #E0D5C8;--accent-color: #8D6E63;--shadow-color: rgba(0, 0, 0, .1)}html{scroll-behavior:smooth;scroll-padding-top:90px}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)}.App{max-width:900px;margin:0 auto;padding:clamp(1rem,4vw,2rem);text-align:center}.app-header{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem}@media (max-width: 768px){.app-header{flex-direction:column;gap:1rem;margin-bottom:2rem}}.logo{height:clamp(80px,15vw,100px);border-radius:50%;box-shadow:0 4px 8px var(--shadow-color)}.cafe-title{font-family:Merriweather,serif;font-size:clamp(2.2rem,7vw,3rem);font-weight:900;color:var(--primary-text-color);margin:0}.category-nav{position:sticky;top:0;z-index:1000;background-color:#f5efe6d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:.75rem 0;border-bottom:1px solid var(--card-background-color);white-space:nowrap;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-nav a{background-color:transparent;color:var(--accent-color);text-decoration:none;font-weight:600;font-size:.95rem;padding:.75rem 1.25rem;margin:0 .25rem;border-radius:10px;border:1px solid transparent;transition:all .25s ease-out;display:inline-block}.category-nav a:hover{background-color:var(--card-background-color);color:var(--primary-text-color)}.category-nav a.active{background-color:#fff;color:var(--primary-text-color);font-weight:700;border:1px solid var(--accent-color);box-shadow:0 3px 8px #4e342e1a;transform:translateY(0)}.menu-section{margin-bottom:3rem}.menu-title{font-family:Merriweather,serif;font-size:clamp(1.8rem,5vw,2.5rem);color:var(--primary-text-color);border-bottom:3px solid var(--accent-color);display:inline-block;padding-bottom:.5rem;margin-bottom:2rem}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;text-align:left}.menu-item{background-color:var(--card-background-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px var(--shadow-color);transition:transform .2s ease-in-out}.menu-item:hover{transform:translateY(-5px)}.menu-item-header{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--accent-color);margin-bottom:.75rem;padding-bottom:.5rem}.item-name{font-size:1.1rem}.item-price{font-size:1rem;font-weight:700;color:var(--accent-color);white-space:nowrap}.item-description{font-size:.9rem;color:var(--accent-color);margin-top:.25rem}.back-to-top-button{position:fixed;z-index:1001;background-color:#fff;color:var(--primary-text-color);border:2px solid var(--accent-color);box-shadow:0 4px 12px #4e342e33;width:55px;height:55px;right:2rem;bottom:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;text-decoration:none;opacity:0;transform:translateY(20px) scale(.9);visibility:hidden;transition:all .3s ease}.back-to-top-button.visible{opacity:1;transform:translateY(0) scale(1);visibility:visible}.back-to-top-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #4e342e4d}@media (max-width: 768px){.back-to-top-button{width:48px;height:48px;right:1rem;bottom:1rem;font-size:1.5rem}}