:root{--color-background: #ffffff;--color-surface: #f7f7f7;--color-text: #111111;--color-primary: #111111;--color-accent: #666666;--font-heading: system-ui, sans-serif;--font-body: system-ui, sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.page{max-width:640px;margin:0 auto;padding:16px 16px 96px}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0 16px}.header h1{font-family:var(--font-heading);font-size:1.5rem;color:var(--color-primary)}.header .table-ref{font-size:.85rem;color:var(--color-accent)}.language-toggle{border:1px solid var(--color-accent);background:transparent;color:var(--color-text);border-radius:999px;padding:4px 12px;font-size:.8rem;cursor:pointer}.category{margin-top:20px}.category h2{font-family:var(--font-heading);font-size:1.1rem;color:var(--color-primary);margin-bottom:8px}.menu-grid{display:grid;gap:10px}.menu-grid.grid{grid-template-columns:repeat(2,1fr)}.menu-item{background:var(--color-surface);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.menu-item .name{font-weight:600}.menu-item .description{font-size:.85rem;color:var(--color-accent)}.menu-item .row{display:flex;align-items:center;justify-content:space-between;gap:8px}.modifier{display:flex;align-items:center;gap:6px;font-size:.85rem}.add-button{border:none;background:var(--color-primary);color:var(--color-background);border-radius:999px;padding:6px 16px;font-size:.9rem;cursor:pointer}.cart-bar{position:fixed;left:0;right:0;bottom:0;background:var(--color-primary);color:var(--color-background);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;border:none;width:100%;font-size:1rem}.cart-panel{background:var(--color-surface);border-radius:12px;padding:12px;margin-top:20px}.cart-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}.cart-line .quantity-controls{display:flex;align-items:center;gap:8px}.quantity-controls button{border:1px solid var(--color-accent);background:transparent;color:var(--color-text);border-radius:6px;width:26px;height:26px;cursor:pointer}.confirmation{text-align:center;padding:48px 16px}.confirmation h1{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:12px}.confirmation .order-ref{color:var(--color-accent);font-size:.85rem;word-break:break-all}.status-note{padding:24px 0;text-align:center;color:var(--color-accent)}
