*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #fdf6ec;--cream: #f5e6d3;--brown: #4a2c20;--accent: #c47a4a;--text: #2b1d17}html,body,#root{height:100%}body{font-family:Georgia,Times New Roman,serif;background:var(--bg);color:var(--text);line-height:1.6}.app{display:flex;flex-direction:column;min-height:100vh}.main{flex:1}.navbar{background:var(--brown);color:var(--cream);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.navbar .logo{font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--cream)}.navbar .links{display:flex;gap:1.5rem}.navbar .links a{color:var(--cream);text-decoration:none;font-size:1rem;transition:color .2s}.navbar .links a:hover,.navbar .links a.active{color:var(--accent)}.hero{text-align:center;padding:5rem 2rem;background:linear-gradient(135deg,var(--cream),var(--bg))}.hero h1{font-size:3rem;color:var(--brown);margin-bottom:1rem}.hero p{font-size:1.25rem;max-width:600px;margin:0 auto 2rem}.btn{display:inline-block;background:var(--brown);color:var(--cream);padding:.75rem 2rem;border-radius:4px;text-decoration:none;font-size:1rem;transition:background .2s}.btn:hover{background:var(--accent)}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:4rem 2rem;max-width:1100px;margin:0 auto}.feature{text-align:center;padding:1.5rem}.feature .icon{font-size:3rem;margin-bottom:.5rem}.feature h3{color:var(--brown);margin-bottom:.5rem}.page{max-width:1000px;margin:0 auto;padding:3rem 2rem}.page h1{color:var(--brown);font-size:2.5rem;margin-bottom:1.5rem;text-align:center}.page p{margin-bottom:1rem}.menu-section{margin-bottom:2.5rem}.menu-section h2{color:var(--brown);border-bottom:2px solid var(--accent);padding-bottom:.5rem;margin-bottom:1rem}.menu-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.menu-item{background:#fff;padding:1rem 1.25rem;border-radius:6px;box-shadow:0 2px 6px #0000000d;display:flex;justify-content:space-between;align-items:baseline}.menu-item .name{font-weight:700;color:var(--brown)}.menu-item .desc{font-size:.9rem;color:#666}.menu-item .price{color:var(--accent);font-weight:700}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.about-card{background:#fff;padding:1.5rem;border-radius:6px;box-shadow:0 2px 6px #0000000d}.about-card h3{color:var(--brown);margin-bottom:.5rem}.weather-card{background:#fff;padding:1.25rem 1.5rem;border-radius:6px;box-shadow:0 2px 6px #0000000d;margin-bottom:2rem;border-left:4px solid var(--accent)}.weather-card h3{color:var(--brown);margin-bottom:.75rem}.weather-info{display:flex;align-items:center;gap:1rem}.weather-temp{font-size:1.75rem;font-weight:700;color:var(--brown)}.weather-desc{color:#666}.weather-error{color:#b00020;font-size:.9rem}.footer{background:var(--brown);color:var(--cream);text-align:center;padding:1.5rem;font-size:.9rem}