*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #faf6f1;--color-surface: #ffffff;--color-primary: #c0392b;--color-primary-dark: #96281b;--color-accent: #d4a017;--color-text: #2c2c2c;--color-text-light: #6b6b6b;--color-border: #e8e0d6;--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.hero{background:linear-gradient(135deg,#c0392b,#96281b,#7b241c);padding:4rem 2rem 3rem;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(212,160,23,.15) 0%,transparent 60%),radial-gradient(circle at 70% 30%,rgba(255,255,255,.05) 0%,transparent 50%)}.hero-overlay{position:relative;z-index:1}.logo{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:900;color:#fff;letter-spacing:.02em;text-shadow:0 2px 20px rgba(0,0,0,.2)}.tagline{font-size:1.1rem;font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.3em;margin-top:.25rem}.subtitle{color:#fffc;font-size:1rem;margin-top:.75rem;font-style:italic}.category-nav{display:flex;gap:.5rem;padding:1rem 1.5rem;overflow-x:auto;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10;-webkit-overflow-scrolling:touch}.category-nav::-webkit-scrollbar{display:none}.nav-pill{flex-shrink:0;padding:.5rem 1rem;border:1.5px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-light);font-family:var(--font-body);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.nav-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.menu{max-width:800px;width:100%;margin:0 auto;padding:1.5rem;flex:1}.menu-section{margin-bottom:2.5rem}.menu-section.special{background:linear-gradient(135deg,#fef9e7,#fdebd0);border:2px solid var(--color-accent);border-radius:12px;padding:1.5rem;margin-bottom:2.5rem}.section-title{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--color-primary-dark);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-accent);display:inline-block}.menu-section.special .section-title{color:#7d6608;border-bottom-color:#d4a017}.section-icon{margin-right:.5rem}.menu-items{display:flex;flex-direction:column;gap:.75rem}.menu-item{padding:.75rem 0;border-bottom:1px dotted var(--color-border)}.menu-item:last-child{border-bottom:none}.menu-item-top{display:flex;align-items:baseline;gap:.5rem}.menu-item-name{font-weight:600;font-size:1.05rem;color:var(--color-text);flex-shrink:0}.menu-item-dots{flex:1;border-bottom:1px dotted var(--color-border);min-width:20px;margin-bottom:4px}.menu-item-price{font-weight:600;color:var(--color-primary);font-size:1.05rem;flex-shrink:0}.menu-item-desc{color:var(--color-text-light);font-size:.9rem;font-style:italic;margin-top:.15rem}.footer{background:var(--color-primary-dark);color:#ffffffe6;text-align:center;padding:2rem 1.5rem;margin-top:auto}.footer p:first-child{font-family:var(--font-display);font-size:1.2rem;font-weight:700}.footer-sub{color:#fff9;font-size:.85rem;margin-top:.25rem}@media(max-width:600px){.hero{padding:3rem 1.5rem 2rem}.menu,.menu-section.special{padding:1rem}.section-title{font-size:1.35rem}}